/* Inviclicks v8.9 · Magia nocturna · preset maestro Liz */
:root{
  --evt-text:#f4ead3;
  --evt-muted:#b9aa86;
  --evt-line:rgba(217,173,82,.42);
  --evt-panel:#05080d;
}
/* Inviclicks · Liz 2026 · Negro + dorado · fantasía mágica */
html{background:#020304;scroll-behavior:smooth}
body{margin:0;background:#020304;color:var(--evt-text);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 0,rgba(16,44,77,.3),transparent 42rem),radial-gradient(circle at 20% 30%,rgba(217,173,82,.08),transparent 28rem),#020304}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.26;background-image:radial-gradient(circle,#f4d889 0 1px,transparent 1.6px),radial-gradient(circle,#d9ad52 0 1px,transparent 1.6px);background-size:173px 173px,257px 257px;background-position:17px 23px,90px 126px}
.hidden{display:none!important}
.invitation-shell{width:min(100%,620px);margin:0 auto;background:#030608;min-height:100vh;box-shadow:0 0 90px #000;position:relative}
.magic-frame{border:1px solid rgba(217,173,82,.7);border-radius:26px;box-shadow:inset 0 0 0 4px rgba(217,173,82,.035),inset 0 0 80px #000b}
.magic-kicker{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#e2bd68}
.magic-title{font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:#e8c56f!important}
.magic-rule{height:1px;background:linear-gradient(90deg,transparent,#d9ad52,transparent);width:72%;margin:22px auto;position:relative}.magic-rule:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);background:#05080b;padding:0 12px;color:#f1cc76}

/* Sobre / portada inicial */
.envelope-screen{min-height:100svh;padding:24px 18px 34px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,3,7,.16),rgba(0,2,5,.92)),var(--section-opening-image, url('assets/img/castle-night-clean.svg')) center top/100% 43% no-repeat,#03070b;color:#fff5db}
.envelope-screen:before{content:"";position:absolute;inset:16px;border:1px solid rgba(217,173,82,.8);border-radius:28px;pointer-events:none;box-shadow:inset 0 0 50px #000}
.envelope-screen .opening-legend{position:relative;z-index:2;margin:20px auto 300px;max-width:300px;color:#f0d17f;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;line-height:1.8}
.envelope{width:min(330px,84vw);height:220px;margin:0 auto 18px;background:var(--env-front-image, url('assets/img/envelope-gold-clean.svg')) center/cover no-repeat!important;border:1px solid #edcf80;border-radius:7px;box-shadow:0 20px 55px #000;position:relative;overflow:hidden}
.envelope:before,.envelope:after,.envelope__flap{display:none!important}
.envelope__card{position:absolute!important;inset:auto 30px 18px!important;height:58px!important;background:rgba(239,217,161,.92)!important;color:#201609!important;border:1px solid #8c5b1a!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column}
.envelope__card small{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.envelope__card strong{font-size:1.32rem!important;color:#251707!important;margin:0!important}
.envelope-screen>p{margin:8px 0 4px;color:#cbb98e}.envelope-screen button{border:1px solid #f4d889;background:linear-gradient(#f2d789,#c99539);color:#140e07;border-radius:999px;padding:14px 28px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 35px #000}

/* navegación */
.magic-menu-btn{position:fixed;z-index:55;left:max(14px,calc(50% - 290px));top:16px;width:46px;height:46px;border-radius:50%;border:1px solid var(--evt-line);background:#05080de8;color:#f1cd77;font-size:1.25rem;box-shadow:0 10px 30px #0009}
.music{position:fixed!important;z-index:55!important;right:max(14px,calc(50% - 290px))!important;top:16px!important;width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid var(--evt-line)!important;background:#05080de8!important;color:#f1cd77!important;box-shadow:0 10px 30px #0009!important}
.magic-nav{position:fixed;inset:0;z-index:70;background:#000b;display:flex;justify-content:center;align-items:stretch;padding-left:min(25vw,180px)}
.magic-nav-panel{width:min(100%,430px);margin-left:auto;background:linear-gradient(180deg,#060b10,#020406);border-left:1px solid var(--evt-line);padding:32px 22px;box-shadow:-30px 0 80px #000;overflow:auto}
.magic-nav-close{margin-left:auto;display:block;border:0;background:transparent;color:#f3d27d;font-size:2rem}
.magic-monogram{width:88px;height:88px;border:1px solid #d9ad52;border-radius:50%;margin:2px auto 22px;display:grid;place-items:center;color:#f1cf7a;font-size:3rem;box-shadow:inset 0 0 25px rgba(217,173,82,.15)}
.magic-nav a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#f2ead8;padding:14px 16px;border-radius:14px;margin:4px 0;font-family:ui-sans-serif,system-ui}.magic-nav a:hover,.magic-nav a.active{background:#171614;color:#f6d77f}.nav-icon{width:25px;color:#e4bd61;text-align:center}.nav-badge{margin-left:auto;background:#b92635;color:white;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800}

/* principal */
#invite{background:#020406}
#invite>section{max-width:none!important;width:100%;margin:0!important;padding:82px 26px;text-align:center;position:relative;overflow:hidden}
.cover{min-height:100svh;display:flex!important;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(2,5,8,.25),#030609 82%),var(--section-cover-image, url('assets/img/hall-candles-clean.svg')) center/cover no-repeat!important;color:#fff!important;padding:90px 28px 56px!important}
.cover:before{content:"";position:absolute;inset:22px 16px;border:1px solid rgba(217,173,82,.75);border-radius:52% 52% 22px 22px/13% 13% 22px 22px;box-shadow:inset 0 0 90px #000;pointer-events:none}
.cover .crest{width:72px;height:72px;border:1px solid #d9ad52;border-radius:50%;display:grid;place-items:center;color:#eaca74;font-size:2.7rem;margin-bottom:24px;background:#030609b8}
.cover>span{color:#e0bb64;text-transform:uppercase;letter-spacing:.28em;font-size:.76rem}.cover h1{font-size:clamp(5rem,22vw,8.8rem)!important;line-height:.88!important;margin:10px 0!important;color:#f0cd76!important;text-shadow:0 2px 0 #5a3d12,0 0 40px #d9ad5222}.cover .year{font-size:1.35rem;color:#f0cd76;letter-spacing:.35em;margin:0 0 24px}.cover p{font-size:1.08rem!important;line-height:1.6!important;max-width:430px!important;color:#f5ebd7!important}.countdown{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:420px;margin:26px auto 0!important;border:0!important;padding:0!important}.timeball{aspect-ratio:1;border:1px solid #d9ad52;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05080dcf;color:#fff}.timeball b{font-size:1.1rem;color:#f5dfaa}.timeball small{font:600 .52rem ui-sans-serif,system-ui;text-transform:uppercase;color:#c9b789;margin-top:2px}

.personal{background:linear-gradient(180deg,#070a0e,#030608)!important;border-top:1px solid #4d3915;border-bottom:1px solid #4d3915}.personal .magic-kicker{display:block}.personal h2{font-size:clamp(2.3rem,9vw,4.6rem)!important;text-transform:none!important;color:#efc96f!important;margin:12px 0!important}.places{gap:10px!important}.places b{background:#05080d!important;border:1px solid #d9ad52!important;color:#f0deb5!important;padding:10px 16px!important}

.event-details{background:linear-gradient(180deg,#030609aa,#020304ee),var(--section-details-image, url('assets/img/books-gold-clean.svg')) center bottom/100% auto no-repeat}.event-details .detail-card{max-width:460px;margin:auto;padding:28px 22px;border:1px solid var(--evt-line);border-radius:18px;background:#03070bdc;text-align:left}.detail-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:12px 0}.detail-row+.detail-row{border-top:1px solid rgba(217,173,82,.15)}.detail-icon{color:#efcb73;font-size:1.4rem}.detail-row b{display:block;color:#d9ad52;font:700 .67rem ui-sans-serif,system-ui;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.detail-row span{color:#f3ead8}.event-details h2,.gallery-section h2,.location-section h2,#rsvp h2,#messagesSection h2,#pwaSection h2{font-size:clamp(2.1rem,9vw,3.4rem)!important;color:#e8c46e!important;text-transform:uppercase;letter-spacing:.06em;font-weight:400!important}

.owl-break{min-height:560px!important;background:linear-gradient(180deg,#03070a55,#020406dd),var(--liz-owl-image, url('assets/img/owl-library-clean.svg')) center 65%/min(82%,360px) auto no-repeat!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.owl-break .quote-card{margin-top:18px;max-width:390px;border:1px solid var(--evt-line);padding:18px;background:#06090dd9;color:#e7d5ac;letter-spacing:.07em;line-height:1.55}

.gallery-section{background:linear-gradient(180deg,#05080b,#020406)}.gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;max-width:470px;margin:28px auto 0!important}.gallery img{width:100%;height:210px;object-fit:cover;border-radius:8px!important;border:1px solid #d9ad52!important;box-shadow:0 14px 36px #000}.gallery img:nth-child(3),.gallery img:nth-child(4){height:240px}

.location-section{background:linear-gradient(180deg,#020406aa,#020304ee),var(--section-opening-image, url('assets/img/castle-night-clean.svg')) center bottom/100% auto no-repeat}.location-map{max-width:470px;margin:22px auto;padding:30px 22px;border:1px solid var(--evt-line);border-radius:16px;background:#071019cc}.location-map .pin{font-size:2.4rem;color:#e7c56f}.pill{border:1px solid #d9ad52!important;background:#05080ddc!important;color:#efcf79!important;border-radius:999px!important;padding:13px 22px!important;text-decoration:none!important;display:inline-block;font-weight:800!important}.pill:hover{background:#d9ad52!important;color:#120d06!important}

/* RSVP */
#rsvp{background:linear-gradient(180deg,#05080b,#020406)}.counter{grid-template-columns:1fr 42px 40px 42px!important;max-width:470px!important;background:#05080c!important;border:1px solid #9b742f!important;color:#f2e7ce!important;border-radius:12px!important;padding:11px 13px!important}.counter button{border:1px solid #8c641f!important;background:#151006!important;color:#f1cd76!important}.primary{border:1px solid #f3d98e!important;background:linear-gradient(180deg,#f5dc93,#c9973c)!important;color:#151006!important;border-radius:999px!important;padding:14px 24px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em}.linkbtn{color:#d6b562!important}.rsvp-state{max-width:470px;margin:24px auto 0;text-align:left;border:1px solid #66501f;border-radius:15px;padding:18px;background:#080b0f}.rsvp-state.pending{border-color:#7a6229;color:#dec98f}.rsvp-state.confirmed{border-color:#1e9b58;background:#062417;color:#d8ffe9}.rsvp-state.declined{border-color:#8b4c4c;background:#251010;color:#ffd9d9}.rsvp-state .state-head{display:flex;align-items:center;gap:10px;font-family:ui-sans-serif,system-ui;font-weight:850;font-size:1.02rem}.rsvp-state .state-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff12}.rsvp-state p{margin:8px 0 0;font-size:.95rem;line-height:1.5}.rsvp-date{font-size:.82rem;color:inherit;opacity:.85}

/* mensajes */
#messagesSection{background:linear-gradient(180deg,#030609,#060b10);border-top:1px solid rgba(217,173,82,.22)}.messages-header{display:flex;justify-content:center;align-items:center;gap:10px}.messages-unread{background:#b92535;color:#fff;border-radius:999px;padding:3px 9px;font:800 .78rem ui-sans-serif,system-ui}.message-list{max-width:490px;margin:22px auto;text-align:left;border:1px solid var(--evt-line);border-radius:16px;overflow:hidden;background:#03070b}.message-empty{padding:28px;text-align:center;color:#a99b7d}.message-card{padding:17px 18px;border-bottom:1px solid rgba(217,173,82,.28);cursor:pointer;position:relative}.message-card:last-child{border-bottom:0}.message-card.unread{background:linear-gradient(90deg,rgba(217,173,82,.11),transparent)}.message-card.unread:before{content:"";position:absolute;left:8px;top:22px;width:8px;height:8px;border-radius:50%;background:#f0c96d;box-shadow:0 0 10px #d9ad52}.message-date{font:500 .76rem ui-sans-serif,system-ui;color:#a99d84}.message-title{margin:6px 0;color:#f0dfb8;font:800 .98rem ui-sans-serif,system-ui}.message-body{margin:0!important;color:#cfc5ae;font:400 .92rem/1.45 ui-sans-serif,system-ui}.message-card.expanded .message-body{color:#fff3d3}.mark-all{margin-top:5px}

/* PWA */
#pwaSection{background:linear-gradient(180deg,#04080c,#020304)}#pwaSection p{color:#c0b395}.notify-secondary{background:#d9ad52!important;color:#140e06!important}.small{color:#9c9077!important}.install-help{background:#080b0f!important;border:1px solid #57431e!important;color:#d8cdb6!important;border-radius:14px!important}.invalid{background:#020406;color:#efe4ca}.invalid h1{color:#e7c36c}footer{background:#010203!important;color:#8f8064!important;border-top:1px solid #4d3915;padding:35px!important;text-align:center!important;letter-spacing:.12em}

@media(max-width:600px){.invitation-shell{width:100%}.envelope-screen .opening-legend{margin-bottom:280px}.magic-menu-btn{left:14px}.music{right:14px!important}#invite>section{padding:72px 20px}.gallery img{height:180px}.gallery img:nth-child(3),.gallery img:nth-child(4){height:205px}.magic-nav{padding-left:40px}.owl-break{min-height:520px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* v7.3.1 · assets limpios: toda la información del evento es HTML dinámico */
.envelope-screen{
  background:
    linear-gradient(180deg,rgba(0,3,7,.06) 0%,rgba(0,3,7,.15) 34%,rgba(0,2,5,.92) 55%,#03070b 100%),
    var(--section-opening-image, url('assets/img/castle-night-clean.svg')) center top/100% 48% no-repeat,
    #03070b!important;
}
.cover{
  background:
    linear-gradient(180deg,rgba(2,5,8,.30),rgba(2,4,7,.78) 55%,#030609 92%),
    var(--section-cover-image, url('assets/img/hall-candles-clean.svg')) center/cover no-repeat!important;
}
.event-details{
  background:
    linear-gradient(180deg,rgba(3,6,9,.82),rgba(2,3,4,.94)),
    var(--section-details-image, url('assets/img/books-gold-clean.svg')) center bottom/100% auto no-repeat!important;
}
.owl-break{
  background:
    linear-gradient(180deg,rgba(3,7,10,.20),rgba(2,4,6,.88)),
    var(--liz-owl-image, url('assets/img/owl-library-clean.svg')) center 70%/min(86%,390px) auto no-repeat!important;
}
.location-section{
  background:
    linear-gradient(180deg,rgba(2,4,6,.86),rgba(2,3,4,.94)),
    var(--section-opening-image, url('assets/img/castle-night-clean.svg')) center bottom/100% auto no-repeat!important;
}
.envelope{
  background:var(--env-front-image, url('assets/img/envelope-gold-clean.svg')) center/cover no-repeat!important;
}

/* Los datos reales siempre quedan por encima de la decoración. */
.cover>*,
.event-details>*,
.location-section>*,
.owl-break>*,
.envelope-screen>*{position:relative;z-index:2}
.event-details:after,.location-section:after,.cover:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));
}
.detail-card,.location-map{backdrop-filter:blur(5px)}