/* Uvamejai · «Crea tu corona de poder».
   Línea gráfica del flyer: magenta de estuco, crema cálido, ciruela, letra gruesa redondeada y condensada,
   líneas topográficas finas. La cabecera y el pie siguen siendo los del sitio. */

.pag-corona{
  --mag:#a2335a;--mag-hondo:#7d2447;--mag-claro:#b94b72;
  --cir:#4c2635;--cir-hondo:#341824;
  --cre:#fce3b5;--cre-suave:#f3cfcf;
  --gruesa:'Passion One','Fraunces',Impact,sans-serif;
  --cond:'Barlow Condensed','Hanken Grotesk',sans-serif;
  --cuerpo:'Barlow','Hanken Grotesk',sans-serif;
  background:var(--cir-hondo);
}
.pag-corona main{font-family:var(--cuerpo)}
.pag-corona .cabecera.solida{background:rgba(52,24,36,.88)}

/* estuco y topografía */
.co-hero,.co-que,.co-horas,.co-despues,.co-cierre{
  background-color:var(--mag);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1  0 0 0 0 0  0 0 0 0 .1  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.1),transparent 60%),
    radial-gradient(90% 80% at 90% 100%,rgba(52,24,36,.35),transparent 65%);
}
.co-topo{position:absolute;inset:0;pointer-events:none;opacity:.5}
.co-seccion{position:relative;padding:clamp(72px,10vw,140px) var(--lado);color:var(--cre)}
.co-cuerpo{max-width:1180px;margin:0 auto;position:relative}
.co-cuerpo-angosto{max-width:820px}

.co-etiqueta{font:600 clamp(13px,1.5vw,16px)/1.2 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--cre);margin:0 0 18px}
.co-titulo{font-family:var(--gruesa);font-weight:400;font-size:clamp(2.4rem,6.4vw,5rem);line-height:.98;letter-spacing:.005em;text-transform:uppercase;color:var(--cre);margin:0 0 22px;font-variation-settings:normal}
.co-titulo em{font-family:var(--gruesa);font-style:normal;color:#fff3d6;display:inline;opacity:.82}
.co-bajada{font-size:1.15rem;color:var(--cre-suave);max-width:36rem}
.co-boton{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
  font:700 clamp(17px,2vw,20px)/1.05 var(--cond);letter-spacing:.12em;text-transform:uppercase;
  background:var(--cre);color:var(--cir);border:0;border-radius:999px;padding:18px 32px;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.55);transition:transform .25s var(--curva),box-shadow .25s,background-color .25s
}
.co-boton:hover{transform:translateY(-2px);background:#fff3d6;box-shadow:0 0 0 7px rgba(252,227,181,.18),0 18px 36px -14px rgba(0,0,0,.6)}
.co-boton-chico{padding:13px 20px;font-size:16px}
.co-enlace{font:600 16px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--cre);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;opacity:.85}
.co-enlace:hover{opacity:1}
.co-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:30px}
.co-centro{justify-content:center}

/* ---------- portada ---------- */
.co-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center;
  min-height:100svh;padding:calc(var(--alto-cabecera) + 40px) var(--lado) 70px;overflow:hidden;color:var(--cre)}
.co-hero .luciernagas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.co-hero-texto,.co-hero-arco{position:relative}
.co-hero h1{font-family:var(--gruesa);font-weight:400;font-size:clamp(3.4rem,9.4vw,8rem);line-height:.9;text-transform:uppercase;color:var(--cre);margin:0 0 20px;font-variation-settings:normal;text-shadow:0 6px 30px rgba(52,24,36,.35)}
.co-hero h1 span{display:block;font-size:.68em;color:#fff3d6}
.co-hero-bajada{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:30rem;color:var(--cre-suave)}
.co-datos{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:14px 34px}
.co-datos li{display:flex;flex-direction:column;border-left:2px solid rgba(252,227,181,.45);padding-left:14px}
.co-datos b{font:400 clamp(1.5rem,2.6vw,2.1rem)/1 var(--gruesa);text-transform:uppercase;color:var(--cre)}
.co-datos span{font:500 15px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--cre-suave)}
.co-regalo{margin:22px 0 0;padding:12px 18px;border:1px dashed rgba(252,227,181,.6);border-radius:14px;font:500 17px/1.35 var(--cond);letter-spacing:.04em;color:var(--cre);max-width:30rem}
.co-regalo small{opacity:.8}
.co-arco{border-radius:var(--arco);overflow:hidden;background:var(--cir);aspect-ratio:3/4;display:grid;place-items:center;
  box-shadow:0 0 0 9px rgba(252,227,181,.16),0 0 0 10px rgba(252,227,181,.5),0 40px 70px -30px rgba(0,0,0,.6);position:relative}
.co-arco::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 38%,rgba(252,227,181,.18),transparent 70%);pointer-events:none;mix-blend-mode:screen}
.co-arco{background:radial-gradient(90% 70% at 50% 45%,#5d3249,#3a1a28)}
.co-arco img{width:150%;height:auto;max-width:none;margin-top:-6%;animation:flota 7s ease-in-out infinite;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@keyframes flota{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}
.co-pie-foto{text-align:center;margin:18px 0 0;font-size:1.5rem;color:var(--cre)!important}

/* ---------- qué es ---------- */
.co-que{background-color:var(--mag-hondo)}
.co-columnas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:36px}
.co-columnas p{font-size:1.12rem;color:var(--cre-suave);margin:0}
.co-columnas b{color:var(--cre);font-weight:500}
.co-cita{margin:clamp(40px,6vw,76px) 0 0;padding:clamp(24px,4vw,44px);border-radius:28px;background:rgba(52,24,36,.45);border:1px solid rgba(252,227,181,.25);text-align:center}
.co-cita p{font:400 clamp(1.6rem,3.6vw,2.7rem)/1.1 var(--gruesa);text-transform:uppercase;color:var(--cre);margin:0 0 10px}
.co-cita span{font:500 15px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--cre-suave)}

/* ---------- anatomía ---------- */
.co-anatomia{background:var(--cir);background-image:radial-gradient(80% 60% at 50% 0%,rgba(162,51,90,.35),transparent 70%)}
.co-anat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:30px}
.co-anat-fig{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#3c1d2a;border:1px solid rgba(252,227,181,.2)}
.co-anat-fig img{width:100%;height:auto}
.co-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer}
.co-pin i{position:absolute;inset:8px;border-radius:50%;background:var(--cre);color:var(--cir);font:700 15px/28px var(--cond);text-align:center;font-style:normal;box-shadow:0 0 0 0 rgba(252,227,181,.7);animation:pulso 2.6s infinite}
.co-pin.activo i{background:var(--mag-claro);color:var(--cre);animation:none;box-shadow:0 0 0 5px rgba(252,227,181,.5)}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(252,227,181,.65)}70%,100%{box-shadow:0 0 0 14px rgba(252,227,181,0)}}
.co-partes{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:6px}
.co-partes button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;padding:12px 16px;border-radius:14px;border:1px solid rgba(252,227,181,.22);
  background:transparent;color:var(--cre);font:400 clamp(1.2rem,2vw,1.55rem)/1 var(--gruesa);text-transform:uppercase;letter-spacing:.02em;transition:background-color .2s,border-color .2s}
.co-partes button i{flex:none;width:30px;height:30px;border-radius:50%;background:rgba(252,227,181,.16);display:grid;place-items:center;font:700 14px var(--cond);font-style:normal}
.co-partes button:hover{background:rgba(252,227,181,.08)}
.co-partes button[aria-selected="true"]{background:var(--cre);color:var(--cir);border-color:var(--cre)}
.co-partes button[aria-selected="true"] i{background:var(--cir);color:var(--cre)}
.co-parte{min-height:9.5rem;padding:20px 22px;border-radius:18px;background:rgba(162,51,90,.3);border:1px solid rgba(252,227,181,.2)}
.co-parte h3{font:400 1.7rem/1 var(--gruesa);text-transform:uppercase;color:var(--cre);margin:0 0 8px;font-variation-settings:normal}
.co-parte p{margin:0;color:var(--cre-suave)}
.co-mas{margin:34px 0 0;font:600 clamp(1.1rem,2vw,1.4rem)/1.3 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--cre);text-align:center}

/* ---------- las ocho horas ---------- */
.co-ruta{list-style:none;margin:48px 0 0;padding:0 0 0 clamp(46px,7vw,92px);position:relative;--prog:0%}
.co-ruta::before,.co-ruta::after{content:"";position:absolute;left:clamp(14px,2.6vw,34px);top:8px;bottom:8px;width:0}
.co-ruta::before{border-left:3px dotted rgba(252,227,181,.35)}
.co-ruta::after{border-left:3px solid var(--cre);height:calc(var(--prog) - 8px);bottom:auto;filter:drop-shadow(0 0 6px rgba(252,227,181,.8));transition:height .2s linear}
.co-parada{position:relative;padding:0 0 clamp(36px,5vw,58px)}
.co-parada:last-child{padding-bottom:0}
.co-parada::before{content:"";position:absolute;left:calc(-1 * clamp(46px,7vw,92px) + clamp(14px,2.6vw,34px) - 9px);top:6px;width:21px;height:21px;border-radius:50%;
  background:var(--mag);border:3px solid rgba(252,227,181,.45);transition:background-color .4s,border-color .4s,box-shadow .4s}
.co-parada.encendida::before{background:var(--cre);border-color:var(--cre);box-shadow:0 0 0 7px rgba(252,227,181,.2)}
.co-hora{display:inline-block;font:600 15px var(--cond);letter-spacing:.26em;text-transform:uppercase;color:var(--cre-suave);margin-bottom:4px}
.co-parada h3{font:400 clamp(1.9rem,4.4vw,3.2rem)/1 var(--gruesa);text-transform:uppercase;color:var(--cre);margin:0 0 8px;font-variation-settings:normal}
.co-parada p{max-width:34rem;color:var(--cre-suave);font-size:1.1rem}
.co-parada-crear h3{font-size:clamp(2.6rem,7vw,5.4rem)}
.co-pasos{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:40rem}
.co-pasos li{padding:14px 16px;border-radius:14px;background:rgba(52,24,36,.4);border:1px solid rgba(252,227,181,.2);color:var(--cre-suave);font-size:1.02rem;line-height:1.35}
.co-pasos b{display:block;font:400 1.3rem/1 var(--gruesa);text-transform:uppercase;color:var(--cre);margin-bottom:3px}
.co-intencion{margin-top:18px;max-width:40rem}
.co-chips{display:flex;flex-wrap:wrap;gap:8px}
.co-chips button{cursor:pointer;padding:10px 18px;border-radius:999px;border:1.5px solid rgba(252,227,181,.5);background:transparent;color:var(--cre);font:600 16px var(--cond);letter-spacing:.1em;text-transform:uppercase;transition:background-color .2s,color .2s}
.co-chips button:hover{background:rgba(252,227,181,.12)}
.co-chips button[aria-pressed="true"]{background:var(--cre);color:var(--cir);border-color:var(--cre)}
.co-paleta{display:flex;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(52,24,36,.45);border:1px solid rgba(252,227,181,.2)}
.co-gotas{display:flex;flex:none}
.co-gotas i{width:46px;height:46px;border-radius:50% 50% 50% 8%;transform:rotate(-45deg) scale(.6);margin-left:-8px;background:rgba(252,227,181,.15);border:2px solid rgba(252,227,181,.35);transition:transform .5s var(--curva),background-color .5s}
.co-gotas i:first-child{margin-left:0}
.co-gotas i.lista{transform:rotate(-45deg) scale(1)}
.co-paleta p{margin:0;font-size:1rem;color:var(--cre-suave)}

/* ---------- videos ---------- */
.co-videos{background:var(--cir-hondo)}
.co-telefonos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:36px;max-width:980px}
.co-tel{margin:0;transition-delay:calc(var(--i,0) * 120ms)}
.co-tel-marco{border-radius:30px;overflow:hidden;background:#000;aspect-ratio:9/16;border:6px solid #1b0d14;box-shadow:0 0 0 1px rgba(252,227,181,.3),0 30px 50px -24px rgba(0,0,0,.7)}
.co-tel video{width:100%;height:100%;object-fit:cover;background:#000}
.co-tel figcaption{margin-top:12px;font:500 16px/1.25 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--cre-suave);text-align:center}

/* ---------- después ---------- */
.co-doble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,36px);margin-top:34px}
.co-tarjeta{position:relative;padding:clamp(26px,4vw,46px);border-radius:28px;background:rgba(52,24,36,.5);border:1px solid rgba(252,227,181,.25);overflow:hidden;transition-delay:calc(var(--i,0) * 140ms)}
.co-tarjeta-num{position:absolute;right:20px;top:6px;font:400 6rem/1 var(--gruesa);color:rgba(252,227,181,.1)}
.co-tarjeta h3{font:400 clamp(2rem,4vw,3rem)/1 var(--gruesa);text-transform:uppercase;color:var(--cre);margin:0 0 10px;font-variation-settings:normal}
.co-tarjeta p{margin:0;font-size:1.12rem;color:var(--cre-suave);max-width:26rem}

/* ---------- valor ---------- */
.co-valor{background:#5c2a45;background-image:radial-gradient(70% 70% at 25% 50%,rgba(162,51,90,.3),transparent 70%)}
.co-valor-cuerpo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center}
.co-anillo{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:0 auto}
.co-anillo svg{position:absolute;inset:0;width:100%;height:100%;animation:gira 60s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.co-anillo-texto{font:400 29px var(--gruesa);fill:var(--cre)}
.co-anillo-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.co-anillo-centro small{font:600 15px var(--cond);letter-spacing:.35em;text-transform:uppercase;color:var(--cre-suave)}
.co-anillo-centro b{font:400 clamp(3.4rem,9vw,5.6rem)/1 var(--gruesa);color:var(--cre)}
.co-anillo-centro span{font:600 clamp(14px,1.8vw,18px) var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--cre)}
.co-regalo-caja{display:flex;gap:16px;align-items:flex-start;margin:26px 0 0;padding:18px 20px;border-radius:18px;background:rgba(252,227,181,.1);border:1px dashed rgba(252,227,181,.6)}
.co-regalo-icono{font-size:2rem;line-height:1}
.co-regalo-caja b{font:400 1.5rem/1 var(--gruesa);text-transform:uppercase;color:var(--cre)}
.co-regalo-caja p{margin:4px 0 0;color:var(--cre-suave);font-size:1.02rem}
.co-valor .mesa-cupos{margin:18px 0 0}

/* ---------- preguntas ---------- */
.co-preguntas{background:var(--cir)}
.co-faq{margin-top:28px;border-top:1px solid rgba(252,227,181,.22)}
.co-faq details{border-bottom:1px solid rgba(252,227,181,.22)}
.co-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 4px;font:400 clamp(1.25rem,2.4vw,1.7rem)/1.1 var(--gruesa);text-transform:uppercase;color:var(--cre)}
.co-faq summary::-webkit-details-marker{display:none}
.co-faq summary::after{content:"+";flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(252,227,181,.5);display:grid;place-items:center;font:400 1.4rem/1 var(--cond);transition:transform .3s var(--curva),background-color .2s}
.co-faq details[open] summary::after{transform:rotate(45deg);background:rgba(252,227,181,.15)}
.co-faq details p{margin:0;padding:0 4px 22px;max-width:40rem;color:var(--cre-suave);font-size:1.08rem}

/* ---------- cierre ---------- */
.co-cierre{text-align:center;padding-block:clamp(90px,12vw,170px)}
.co-cierre .co-titulo{font-size:clamp(3rem,9vw,7rem)}

/* ---------- barra fija ---------- */
.co-barra{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;align-items:center;justify-content:space-between;gap:14px;
  padding:12px var(--lado) calc(12px + env(safe-area-inset-bottom));background:rgba(52,24,36,.94);backdrop-filter:blur(10px);border-top:1px solid rgba(252,227,181,.3);
  transform:translateY(110%);transition:transform .4s var(--curva)}
.co-barra.visible{transform:none}
.co-barra b{display:block;font:400 1.5rem/1 var(--gruesa);color:var(--cre)}
.co-barra small{white-space:nowrap;font:500 13px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--cre-suave)}

/* enlace desde el boleto de /encuentros/ */
.boleto-mas{display:inline-block;margin-top:14px;font-weight:600;color:var(--oro);text-underline-offset:4px}

@media (max-width:900px){
  .co-hero{grid-template-columns:1fr;min-height:0;padding-top:calc(var(--alto-cabecera) + 24px)}
  .co-hero-arco{order:-1;max-width:250px;margin:0 auto}
  .pag-corona.con-barra .ayuda{bottom:84px}
  .co-columnas,.co-anat,.co-valor-cuerpo,.co-doble{grid-template-columns:1fr}
  .co-telefonos{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
  .co-tel{scroll-snap-align:center}
  .co-barra{display:flex}
  .pag-corona footer{padding-bottom:80px}
}
@media (max-width:560px){
  .co-pasos{grid-template-columns:1fr}
  .co-paleta{flex-direction:column;align-items:flex-start}
  .co-acciones .co-boton{width:100%}
  .co-telefonos{grid-template-columns:repeat(3,70vw)}
}
@media (prefers-reduced-motion:reduce){
  .co-arco img,.co-anillo svg,.co-pin i{animation:none}
}