/* ============================================================
   BITÁCORA MÁGICA · EGIPTO
   Editorial cálido con alma mística · acento de Egipto: ocre / dorado arena
   ============================================================ */
:root{
  --crema:#FFF5F2; --crema-2:#FBEDE6; --papel:#FBF1E4;
  --tinta:#141827; --tinta-suave:#4A4A56;
  --noche:#141827; --noche-2:#1E2440; --noche-3:#2A3157;
  --coral:#F36E5C; --coral-prof:#D45341;
  --arena:#D9C4A9; --salvia:#B3BEA3; --salvia-prof:#93A084;
  --oro:#C9A45C; --oro-claro:#E4C982; --oro-suave:#D8BC85; --ocre:#BB8F3D; --arena-oro:#D9C4A9;
  --serif:'DM Serif Display', Georgia, serif;
  --sans:'Montserrat','Segoe UI',Arial,sans-serif;
  --mano:'Shadows Into Light Two', Georgia, serif;
  --sombra:0 22px 46px -24px rgba(20,24,39,.34);
  --sombra-sm:0 10px 24px -16px rgba(20,24,39,.36);
  --oro-grad:linear-gradient(135deg,#E4C982,#C9A45C 55%,#BB8F3D);
  color-scheme: light only;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--crema);color:var(--tinta);
  font-family:var(--sans);font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.85 0 0 0 0 0.77 0 0 0 0 0.66 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 18%, rgba(201,164,92,.9), transparent),
    radial-gradient(1.2px 1.2px at 78% 12%, rgba(201,164,92,.7), transparent),
    radial-gradient(1px 1px at 42% 34%, rgba(216,188,133,.7), transparent),
    radial-gradient(1.3px 1.3px at 88% 46%, rgba(201,164,92,.6), transparent),
    radial-gradient(1px 1px at 24% 62%, rgba(216,188,133,.55), transparent),
    radial-gradient(1.5px 1.5px at 66% 74%, rgba(201,164,92,.65), transparent),
    radial-gradient(1px 1px at 8% 84%, rgba(216,188,133,.5), transparent),
    radial-gradient(1.2px 1.2px at 54% 92%, rgba(201,164,92,.55), transparent);
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.foto{filter:saturate(.92) sepia(.06) contrast(.98) brightness(1.02)}

h1,h2,h3,.display{font-family:var(--serif);font-weight:400;line-height:1.16;letter-spacing:0}
.kicker{font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ocre)}
.mano{font-family:var(--mano);letter-spacing:.02em}

.app{position:relative;z-index:1;max-width:680px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,var(--crema),var(--crema-2) 160%);box-shadow:0 0 70px -34px rgba(20,24,39,.42)}
.pad{padding:0 clamp(1.5rem,6vw,2.4rem)}
.vista{display:none;animation:fade .5s ease;padding-bottom:3.5rem}
.vista.activa{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.divisor{display:flex;align-items:center;gap:.7rem;justify-content:center;opacity:.9;margin:1.9rem 0}
.divisor .linea{height:1px;width:min(90px,22vw);background:linear-gradient(90deg,transparent,var(--oro))}
.divisor .linea:last-child{background:linear-gradient(90deg,var(--oro),transparent)}
.divisor .luna{color:var(--oro)}
.estrella{color:var(--oro-suave);animation:titilar 3.8s ease-in-out infinite;pointer-events:none}
@keyframes titilar{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.estrella{animation:none;opacity:.7}}

/* HEADER */
.topbar{position:sticky;top:0;z-index:60;background:rgba(20,24,39,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,164,92,.45)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1.5rem,6vw,2.4rem)}
.topbar .brand{display:flex;align-items:center;gap:.7rem}
.topbar img{height:30px;width:auto}
.topbar .titu{line-height:1.15}
.topbar .titu .k{font-size:.56rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--oro-suave);display:block}
.topbar .titu .d{font-family:var(--serif);font-size:1.15rem;color:var(--crema);display:block;margin-top:1px}
.topbar .oro-line{height:2px;background:var(--oro-grad)}
.btn-off{display:inline-flex;align-items:center;gap:.4rem;font-size:.66rem;font-weight:600;letter-spacing:.03em;color:var(--oro-suave);background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.4);border-radius:999px;padding:.42rem .8rem;white-space:nowrap}
.btn-off.on{background:var(--oro-grad);color:var(--noche);border-color:transparent}

/* NAV */
.nav{position:sticky;top:53px;z-index:50;background:rgba(255,245,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,196,169,.5)}
.nav-in{display:flex;gap:.35rem;padding:.55rem clamp(.7rem,4vw,2.4rem);max-width:680px;margin:0 auto}
.nav button{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;border:1px solid rgba(217,196,169,.6);background:#fff;color:var(--tinta-suave);font-size:.74rem;font-weight:600;padding:.5rem .4rem;border-radius:999px;transition:.2s}
.nav button .ic{width:15px;height:15px;flex:none}
.nav button.on{background:var(--noche);color:var(--oro-suave);border-color:var(--noche)}
@media(max-width:400px){.nav button{font-size:.7rem;padding:.5rem .2rem;gap:.25rem}.nav button .ic{display:none}}

/* HERO */
.hero{position:relative;min-height:66svh;display:flex;align-items:center;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,39,.5) 0%,rgba(20,24,39,.32) 42%,rgba(20,24,39,.82) 100%)}
.hero-inner{position:relative;width:100%;padding:3rem clamp(1.5rem,6vw,2.4rem) 3.2rem;color:var(--crema)}
.hero .kicker{color:var(--oro-suave)}
.hero h1{font-size:clamp(2.6rem,11vw,3.6rem);margin:.55rem 0 .35rem;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.hero .fechas{font-size:.86rem;letter-spacing:.05em;color:rgba(255,245,242,.9)}
.hero .mano-frase{font-family:var(--mano);font-size:clamp(1.5rem,6.5vw,2rem);color:var(--oro-claro);margin:1rem 0 0;display:inline-block;transform:rotate(-1.4deg)}
.estrellas-hero .estrella{position:absolute}
.eh1{top:15%;right:12%}.eh2{top:24%;right:24%;animation-delay:1.1s}.eh3{top:12%;right:33%;animation-delay:2s}.eh4{top:33%;left:10%;animation-delay:.6s}
.hero-luna{position:absolute;top:9%;left:8%;color:var(--oro-suave);opacity:.85}
.horus{display:block;margin:0 auto}

.intencion{margin:-2.2rem clamp(1.5rem,6vw,2.4rem) 0;position:relative;z-index:5;background:linear-gradient(160deg,#1E2440,#141827);color:var(--crema);border:1px solid rgba(201,164,92,.5);border-radius:22px;padding:1.6rem 1.5rem 1.7rem;box-shadow:var(--sombra);overflow:hidden}
.intencion .estrella{position:absolute}
.ie1{top:14%;right:14%}.ie2{top:64%;right:22%;animation-delay:1.2s}.ie3{top:34%;left:9%;animation-delay:.7s}
.intencion .et{display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--oro-suave);font-weight:600;margin-bottom:.75rem}
.intencion p.frase{font-family:var(--serif);font-size:1.34rem;line-height:1.34;color:var(--crema)}
.intencion .firma{margin-top:.85rem;font-family:var(--mano);font-size:1.2rem;color:var(--oro-claro)}

.bienvenida{padding-top:2.2rem}
.bienvenida p{color:var(--tinta-suave);margin-bottom:1rem}
.bienvenida p strong{color:var(--tinta);font-weight:600}

.accesos{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.6rem}
.acceso{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem;border-radius:18px;background:#fff;border:1px solid rgba(217,196,169,.55);box-shadow:var(--sombra-sm);text-align:left;transition:.2s}
.acceso:hover{transform:translateY(-2px);border-color:var(--oro)}
.acceso .ic{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--noche);color:var(--oro-suave)}
.acceso b{font-size:.94rem;font-weight:600}
.acceso span{font-size:.74rem;color:var(--tinta-suave);line-height:1.4}

.sec-head{padding:2rem 0 .6rem;text-align:center}
.sec-head .horus{margin-bottom:.7rem;opacity:.9}
.sec-head h2{font-size:clamp(1.8rem,7.5vw,2.4rem);margin:.15rem 0 .4rem}
.sec-head p{font-size:.88rem;color:var(--tinta-suave);max-width:34ch;margin:0 auto}

/* ITINERARIO */
.arco-tabs{display:flex;gap:.4rem;margin:1.2rem 0 1.3rem;background:var(--crema-2);padding:.32rem;border-radius:999px;border:1px solid rgba(217,196,169,.55)}
.arco-tabs button{flex:1;border:none;background:transparent;font-size:.72rem;font-weight:600;color:var(--tinta-suave);padding:.55rem .3rem;border-radius:999px;transition:.2s}
.arco-tabs button.on{background:var(--noche);color:var(--oro-suave);box-shadow:var(--sombra-sm)}
.dia{border:1px solid rgba(217,196,169,.6);border-radius:20px;margin-bottom:1rem;overflow:hidden;background:#fff;box-shadow:var(--sombra-sm)}
.dia summary{list-style:none;cursor:pointer;padding:1.1rem 1.15rem;display:flex;align-items:center;gap:1rem}
.dia summary::-webkit-details-marker{display:none}
.dia .num{flex:none;width:50px;height:50px;border-radius:14px;background:var(--noche);color:var(--oro-suave);display:grid;place-items:center;font-family:var(--serif);font-size:1.1rem;line-height:1;border:1px solid rgba(201,164,92,.4)}
.dia .tit{flex:1;min-width:0}
.dia .tit .fecha{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ocre);font-weight:600;margin-bottom:.42rem}
.dia .tit .t{font-family:var(--serif);font-size:1.12rem;line-height:1.2}
.dia .chev{flex:none;color:var(--tinta-suave);transition:transform .3s}
.dia[open] .chev{transform:rotate(180deg)}
.dia .cuerpo{padding:0 1.15rem 1.3rem}
.dia .foto-dia{border-radius:14px;margin:.2rem 0 1rem;aspect-ratio:16/10;object-fit:cover;width:100%}
.etq{display:inline-flex;align-items:center;gap:.45rem;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:.4rem}
.etq.plan{color:#33809B}
.etq.alma{color:var(--coral-prof)}
.dia .plan-txt{font-size:.87rem;color:var(--tinta-suave);margin-bottom:1.1rem}
.alma-box{background:linear-gradient(160deg,#1E2440,#141827);color:var(--crema);border-radius:14px;padding:1rem 1.1rem;position:relative;overflow:hidden}
.alma-box .etq.alma{color:var(--oro-suave)}
.alma-box p{font-size:.88rem;color:rgba(255,245,242,.9);line-height:1.5}
.alma-box .pregunta{margin-top:.7rem;font-family:var(--mano);font-size:1.16rem;color:var(--oro-claro);line-height:1.3}
.alma-box .estrella{position:absolute;top:14%;right:10%}
.acc-dia{margin-top:.9rem;display:flex;flex-direction:column;gap:.55rem}
.acc{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem .85rem;border-radius:12px;font-size:.82rem;line-height:1.4;border:1px solid rgba(217,196,169,.6);background:var(--papel);color:var(--tinta)}
.acc .ic{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--ocre);border:1px solid rgba(201,164,92,.35)}
.acc.medita{cursor:pointer;background:#fff}
.acc.medita:hover{border-color:var(--oro)}
.acc b{font-weight:600}
.acc .go{font-size:.72rem;color:var(--coral-prof);font-weight:600;margin-top:.15rem;display:inline-block}
.acc.dato .ic{color:#41907C}
.libre-badge{display:inline-block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--salvia-prof);font-weight:600;background:rgba(179,190,163,.28);padding:.2rem .6rem;border-radius:999px;margin-left:.4rem;vertical-align:middle}

.pdf-card{display:flex;align-items:center;gap:1rem;background:var(--noche);color:var(--crema);border-radius:18px;padding:1.15rem 1.2rem;margin:.2rem 0 1.4rem;box-shadow:var(--sombra);border:1px solid rgba(201,164,92,.35)}
.pdf-card .ic{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(216,188,133,.16);color:var(--oro-suave);display:grid;place-items:center}
.pdf-card .tx{flex:1}
.pdf-card .tx b{font-size:.92rem;display:block}
.pdf-card .tx span{font-size:.74rem;color:rgba(255,245,242,.72)}
.pdf-card .go{flex:none;background:var(--oro-grad);color:var(--noche);border:none;border-radius:999px;padding:.6rem 1.1rem;font-size:.8rem;font-weight:700}

/* MEDITAR */
.med-hero{position:relative;border-radius:22px;overflow:hidden;margin:.6rem 0 1.4rem;box-shadow:var(--sombra)}
.med-hero img{width:100%;aspect-ratio:16/10;object-fit:cover}
.med-hero .cap{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,39,.15),transparent 30%,rgba(20,24,39,.82));display:flex;flex-direction:column;justify-content:flex-end;padding:1.3rem;color:var(--crema)}
.med-hero .cap .mano{font-family:var(--mano);font-size:1.5rem;color:var(--oro-claro)}
.med-hero .estrella{position:absolute;top:16%;left:14%}
.med{background:#fff;border:1px solid rgba(217,196,169,.6);border-radius:20px;overflow:hidden;margin-bottom:1.1rem;box-shadow:var(--sombra-sm)}
.player{position:relative;aspect-ratio:16/9;overflow:hidden}
.player img{width:100%;height:100%;object-fit:cover}
.player .scr{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,39,.2),rgba(20,24,39,.55))}
.player .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(201,164,92,.95);display:grid;place-items:center;color:var(--noche);box-shadow:0 14px 34px -10px rgba(201,164,92,.85);transition:.2s}
.med:hover .play{transform:translate(-50%,-50%) scale(1.06)}
.player .barra{position:absolute;left:1rem;right:1rem;bottom:.9rem;display:flex;align-items:center;gap:.6rem;color:var(--crema)}
.player .barra .line{flex:1;height:3px;border-radius:2px;background:rgba(255,245,242,.35);position:relative}
.player .barra .line::before{content:"";position:absolute;left:0;top:0;height:100%;width:22%;background:var(--oro-suave);border-radius:2px}
.player .barra .t{font-size:.68rem;font-variant-numeric:tabular-nums;color:rgba(255,245,242,.85)}
.med .info{padding:1rem 1.1rem 1.15rem}
.med .info .momento{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--coral-prof);font-weight:600}
.med .info h3{font-size:1.15rem;margin:.28rem 0 .32rem}
.med .info p{font-size:.82rem;color:var(--tinta-suave);line-height:1.45}

.canal{background:linear-gradient(165deg,#232a4d,#141827);color:var(--crema);border-radius:22px;overflow:hidden;box-shadow:var(--sombra);margin-bottom:1rem;position:relative;border:1px solid rgba(201,164,92,.4)}
.canal .estrella{position:absolute}
.cc1{top:12%;left:12%}.cc2{top:26%;right:16%;animation-delay:1.2s}.cc3{top:60%;left:20%;animation-delay:.6s}.cc4{top:72%;right:24%;animation-delay:1.8s}
.canal .player{aspect-ratio:16/10}
.canal-body{padding:1.3rem 1.35rem 1.5rem}
.canal-body .kicker{color:var(--oro-suave)}
.canal-body h3{font-size:1.42rem;margin:.4rem 0 .55rem}
.canal-body p{font-size:.86rem;color:rgba(255,245,242,.84);line-height:1.55}

/* INFO */
.info-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:.4rem}
.info-item{background:#fff;border:1px solid rgba(217,196,169,.6);border-radius:16px;overflow:hidden;box-shadow:var(--sombra-sm)}
.info-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem}
.info-item summary::-webkit-details-marker{display:none}
.info-item .ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--noche);color:var(--oro-suave);display:grid;place-items:center}
.info-item .h{flex:1;font-weight:600;font-size:.94rem}
.info-item .chev{color:var(--tinta-suave);transition:transform .3s}
.info-item[open] .chev{transform:rotate(180deg)}
.info-item .c{padding:0 1.1rem 1.1rem;font-size:.84rem;color:var(--tinta-suave);line-height:1.55}
.info-item .c ul{list-style:none;margin-top:.35rem}
.info-item .c li{padding:.3rem 0 .3rem 1.2rem;position:relative}
.info-item .c li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--oro)}
.info-item .c b{color:var(--tinta)}
.incluye-wrap{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:.3rem}
.incluye{border-radius:16px;padding:1.1rem 1.2rem;font-size:.83rem;line-height:1.5}
.incluye.si{background:rgba(65,144,124,.1);border:1px solid rgba(65,144,124,.32)}
.incluye.no{background:rgba(184,92,56,.08);border:1px solid rgba(184,92,56,.3)}
.incluye h4{font-family:var(--sans);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.55rem;font-weight:700}
.incluye.si h4{color:#41907C}.incluye.no h4{color:#B85C38}
.incluye ul{list-style:none}.incluye li{padding:.2rem 0 .2rem 1.3rem;position:relative;color:var(--tinta-suave)}
.incluye.si li::before{content:"✦";position:absolute;left:0;color:#41907C;font-size:.7rem;top:.3em}
.incluye.no li::before{content:"—";position:absolute;left:0;color:#B85C38}
.contacto{background:linear-gradient(160deg,#1E2440,#141827);color:var(--crema);border:1px solid rgba(201,164,92,.4);border-radius:20px;padding:1.4rem;margin-top:1.3rem;text-align:center;position:relative;overflow:hidden}
.contacto .estrella{position:absolute}.co1{top:18%;left:14%}.co2{top:22%;right:16%;animation-delay:1s}
.contacto .mano{font-family:var(--mano);font-size:1.4rem;color:var(--oro-claro)}
.contacto .filas{margin-top:.7rem;font-size:.86rem;color:rgba(255,245,242,.82)}
.contacto .filas div{padding:.2rem 0}
.contacto .wa{display:inline-flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;border-radius:999px;padding:.65rem 1.4rem;font-size:.84rem;font-weight:600;margin-top:.9rem}

.off-card{background:linear-gradient(160deg,#232a4d,#141827);color:var(--crema);border:1px solid rgba(201,164,92,.4);border-radius:20px;padding:1.3rem;box-shadow:var(--sombra);position:relative;overflow:hidden;margin-bottom:.4rem}
.off-card .estrella{position:absolute;top:20%;right:14%}
.off-card h3{font-size:1.25rem;margin:.5rem 0 .4rem;display:flex;align-items:center;gap:.5rem}
.off-card p{font-size:.82rem;color:rgba(255,245,242,.8);line-height:1.5;margin-bottom:.9rem}
.off-card .accion{display:inline-flex;align-items:center;gap:.5rem;background:var(--oro-grad);color:var(--noche);border:none;border-radius:999px;padding:.7rem 1.3rem;font-size:.82rem;font-weight:700}
.off-card .estado{font-size:.74rem;color:var(--oro-suave);margin-top:.7rem;min-height:1em}

/* BITÁCORA · DECK */
.deck-intro{background:linear-gradient(160deg,var(--papel),var(--crema-2));border:1px solid rgba(201,164,92,.45);border-radius:20px;padding:1.4rem;margin:.6rem 0 1.3rem;box-shadow:var(--sombra-sm);text-align:center}
.deck-intro .mano{font-family:var(--mano);font-size:1.55rem;color:var(--coral-prof);display:block;margin-bottom:.35rem}
.deck-intro p{font-size:.85rem;color:var(--tinta-suave);line-height:1.55;max-width:38ch;margin:0 auto}
.deck-stage{position:relative;padding:.5rem 0 0}
.deck-view{position:relative;min-height:440px;display:flex;justify-content:center;align-items:stretch}
.carta{position:absolute;top:0;left:50%;width:min(300px,80vw);transform:translateX(-50%);transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s}
.carta-inner{position:relative;background:linear-gradient(165deg,#252c50,#141827);border:1.5px solid rgba(201,164,92,.55);border-radius:22px;padding:1.6rem 1.4rem 1.5rem;color:var(--crema);box-shadow:0 26px 50px -22px rgba(20,24,39,.7);min-height:440px;display:flex;flex-direction:column;overflow:hidden}
.carta-inner::before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,164,92,.3);border-radius:16px;pointer-events:none}
.carta .estrella{position:absolute}
.ca1{top:9%;right:14%}.ca2{top:20%;left:12%;animation-delay:1.1s}.ca3{bottom:16%;right:16%;animation-delay:.7s}
.carta .luna-c{position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);color:var(--oro-suave)}
.carta .rom{margin-top:2.4rem;text-align:center;font-family:var(--serif);font-size:1.05rem;color:var(--oro-claro);letter-spacing:.1em}
.carta .lugar{text-align:center;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-suave);font-weight:600;margin:.5rem 0 .1rem}
.carta .titulo{text-align:center;font-family:var(--serif);font-size:1.5rem;line-height:1.15;margin:.35rem 0 .8rem;color:var(--crema)}
.carta .sep{width:44px;height:1px;background:var(--oro);margin:0 auto .85rem;opacity:.6}
.carta .preg{text-align:center;font-size:.95rem;line-height:1.5;color:rgba(255,245,242,.95);flex:1}
.carta .nudge{margin-top:1rem;display:flex;align-items:center;gap:.5rem;justify-content:center;font-family:var(--mano);font-size:1.05rem;color:var(--oro-claro);text-align:center}
.deck-nav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.3rem}
.deck-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,164,92,.5);background:#fff;color:var(--noche);display:grid;place-items:center;box-shadow:var(--sombra-sm);transition:.2s}
.deck-nav button:hover{background:var(--noche);color:var(--oro-suave)}
.deck-nav button:disabled{opacity:.35;cursor:default}
.deck-count{font-size:.78rem;font-weight:600;color:var(--tinta-suave);letter-spacing:.08em;min-width:70px;text-align:center}
.deck-dots{display:flex;gap:.35rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.deck-dots span{width:7px;height:7px;border-radius:50%;background:rgba(201,164,92,.35);transition:.2s;cursor:pointer}
.deck-dots span.on{background:var(--oro);transform:scale(1.3)}
.deck-hint{text-align:center;font-size:.72rem;color:var(--tinta-suave);margin-top:1rem}

.pie{text-align:center;padding:2.4rem 1.6rem 3rem;color:var(--tinta-suave);position:relative}
.pie img{height:40px;margin:0 auto .8rem;opacity:.9}
.pie .mano{font-family:var(--mano);font-size:1.3rem;color:var(--coral-prof)}
.pie small{display:block;font-size:.68rem;margin-top:.7rem;letter-spacing:.04em}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.reveal.visto{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}


/* --- freemium meditar --- */
.plan-nota{font-size:.78rem;color:var(--tinta-suave);background:var(--papel);border:1px solid rgba(201,164,92,.4);border-radius:12px;padding:.75rem .95rem;margin:.2rem 0 1.1rem;line-height:1.45}
.plan-nota b{color:var(--ocre)}
.med.locked .player .scr{background:linear-gradient(180deg,rgba(20,24,39,.5),rgba(20,24,39,.74))}
.med .lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(20,24,39,.7);border:1px solid rgba(201,164,92,.6);display:grid;place-items:center;color:var(--oro-suave)}
.med .diamante{position:absolute;top:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--noche);background:var(--oro-grad);padding:.3rem .62rem;border-radius:999px;box-shadow:0 8px 18px -8px rgba(201,164,92,.7)}
.med.locked .info h3,.med.locked .info p{opacity:.9}
.unlock{margin-top:.65rem;font-size:.76rem;color:var(--ocre);font-weight:600;border-top:1px dashed rgba(201,164,92,.45);padding-top:.6rem;line-height:1.4}

/* --- aceites y esencias --- */
.aceites{position:relative;overflow:hidden;background:linear-gradient(160deg,#232a4d,#141827);color:var(--crema);border:1px solid rgba(201,164,92,.4);border-radius:20px;padding:1.5rem 1.4rem;margin-top:1.6rem;box-shadow:var(--sombra)}
.aceites .estrella{position:absolute;top:13%;right:12%}
.aceites .kicker{color:var(--oro-suave)}
.aceites h3{font-size:1.5rem;margin:.4rem 0 .7rem}
.aceites p{font-size:.85rem;color:rgba(255,245,242,.85);line-height:1.6;margin-bottom:.8rem}
.esencias{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.5rem 0 1rem}
.esencia{background:rgba(216,188,133,.1);border:1px solid rgba(201,164,92,.35);border-radius:12px;padding:.85rem}
.esencia b{display:block;font-family:var(--serif);font-size:1.08rem;color:var(--oro-claro)}
.esencia span{font-size:.74rem;color:rgba(255,245,242,.75)}
.aceites .ph{font-size:.74rem;color:rgba(255,245,242,.62);border-top:1px solid rgba(201,164,92,.25);padding-top:.7rem;font-style:italic}