/* CONTACTO · conversación de una pregunta por pantalla (ronda 15) */
#ct{background:transparent}
.ct-por{min-height:max(100svh,720px);display:block;background:transparent}
.bgs{position:absolute;inset:0;background:#0A0807;overflow:hidden}
.bgs .b{position:absolute;inset:0;opacity:0;filter:brightness(.5) saturate(.82) contrast(1.05);transform:scale(1.08);transition:opacity 1.3s,transform 9s linear}
.bgs .b.on{opacity:1;transform:scale(1)}
.ct-por .velo{background:linear-gradient(90deg,rgba(8,8,10,.88) 0,rgba(8,8,10,.55) 48%,rgba(8,8,10,.72) 100%),linear-gradient(180deg,rgba(8,8,10,.55) 0,rgba(8,8,10,0) 24%,rgba(8,8,10,0) 60%,rgba(8,8,10,.85) 100%)}
.ct-por .in{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:max(100svh,720px);padding:calc(var(--nav) + 36px) var(--m) 42px}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pg{display:flex;align-items:center;gap:22px}
#cnt{font:500 15px/1 var(--fx);letter-spacing:.04em;white-space:nowrap}#cnt i{font-style:normal;color:var(--b2)}
.seg{display:flex;gap:6px}.seg u{display:block;width:46px;height:2px;background:var(--hl);transition:background-color .5s}
.seg u.on{background:var(--o)}.seg u.p{background:rgba(244,237,230,.8)}
.qa{display:grid;grid-template-columns:minmax(0,1fr);align-self:center;padding:40px 0}
.pa{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(34px);transition:opacity .45s,transform .7s var(--out),visibility 0s .45s}
.pa.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s .15s,transform .9s var(--out) .1s,visibility 0s}
.pa.sale{transform:translateY(-34px)}
.tq{max-width:18ch;text-wrap:balance}
.tq .w>span{transform:translateY(140%);transition:transform 1.1s var(--out);transition-delay:calc(var(--i)*60ms + .1s)}
.pa.on .tq .w>span{transform:none}
/* opciones: renglones grandes; al pasar, la foto de fondo cambia */
.ops{margin-top:46px;border-top:1px solid var(--hl);max-width:1180px}
.op{display:grid;grid-template-columns:64px 300px 1fr 40px;align-items:center;gap:8px;width:100%;padding:26px 0;border-bottom:1px solid var(--hl);text-align:left;color:var(--b);transition:color .3s}
.op .n{font:600 11.5px/1 var(--fx);letter-spacing:.2em;color:var(--b2);transition:color .3s}
.op b{font:500 clamp(30px,2.9cqw,50px)/1 var(--fx);letter-spacing:-.035em;color:#fff;transition:transform .55s var(--out)}
.op i{font:400 14.5px/1.5 var(--fx);font-style:normal;color:var(--b2);max-width:46ch;transition:color .3s}
.op svg{width:24px;height:24px;justify-self:end;opacity:0;transform:translateX(-14px);transition:opacity .35s,transform .55s var(--out);color:var(--o)}
.op:hover b,.op:focus-visible b{transform:translateX(16px)}
.op:hover .n,.op:focus-visible .n{color:var(--o)}
.op:hover i{color:var(--b)}
.op:hover svg,.op:focus-visible svg{opacity:1;transform:none}
.op.pre::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--o);position:absolute;margin-left:-16px}
.pa.on .op{animation:sube2 .8s var(--out) both}
.pa.on .op:nth-child(1){animation-delay:.35s}.pa.on .op:nth-child(2){animation-delay:.42s}.pa.on .op:nth-child(3){animation-delay:.49s}.pa.on .op:nth-child(4){animation-delay:.56s}
@keyframes sube2{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* campos */
.fld{margin-top:52px;max-width:960px}
.big{display:block;width:100%;background:none;border:0;border-bottom:1px solid rgba(244,237,230,.4);outline:0;padding:6px 0 18px;font:500 clamp(40px,4.7cqw,84px)/1.1 var(--fx);letter-spacing:-.04em;color:#fff;border-radius:0;color-scheme:dark;transition:border-color .3s}
.big::placeholder{color:rgba(244,237,230,.26)}
.big:focus{border-color:var(--o)}
.big::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;width:40px;height:40px;padding:6px;filter:invert(1)}
.big::-webkit-datetime-edit{padding:0}
.big.m{font-size:clamp(28px,2.9cqw,50px);padding-bottom:14px}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1180px}
.dos span{display:block;margin-bottom:10px;font:600 11px/1 var(--fx);letter-spacing:.24em;text-transform:uppercase;color:var(--b2)}
.ay{margin-top:18px;font:400 15px/1.5 var(--fx);color:var(--b2)}.ay.ok{color:#fff}
.chs{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chs button{height:44px;padding:0 22px;border-radius:999px;font:500 15px/1 var(--fx);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:background-color .25s,color .25s}
.chs button:hover{background:rgba(255,255,255,.14)}.chs button.on{background:#fff;color:var(--tinta);box-shadow:none}
.acs{display:flex;align-items:center;gap:30px;margin-top:46px}
.acs .btn{height:56px;padding:0 30px}
.acs .lnk{color:var(--b)}.acs .lnk:hover{color:#fff}
.fr3{margin-top:42px;max-width:30ch;font:500 clamp(26px,2.7cqw,46px)/1.22 var(--fx);letter-spacing:-.035em;color:var(--b2);text-wrap:pretty}
.fr3 em{font-style:normal;color:#fff}
.fr3 small{display:block;margin-top:24px;font:400 15px/1.6 var(--fx);letter-spacing:0;color:var(--b)}
.fr3 small b{font-weight:600;color:#fff}
/* pie de la conversación */
.bj{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.izq{display:flex;align-items:center;gap:20px}
.vol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:background-color .25s,color .25s,opacity .3s}
.vol svg{width:18px;height:18px;transform:scaleX(-1)}
.vol:hover:not([disabled]){background:#fff;color:var(--tinta)}.vol[disabled]{opacity:.28;cursor:default}
.hint{font:400 13.5px/1.4 var(--fx);color:var(--b2)}
.dir{display:flex;gap:46px}
.dir li{display:grid;gap:8px}
.dir small{font:600 10.5px/1 var(--fx);letter-spacing:.22em;text-transform:uppercase;color:var(--b2)}
.dir a,.dir span{font:500 14.5px/1.2 var(--fx);color:#fff}
.dir a{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .4s}.dir a:hover{background-size:0 1px}
/* preguntas */
.fqs{padding:150px 0 160px;background:linear-gradient(180deg,var(--ink) 0,var(--ink2) 18%)}
.in2{padding:0 var(--m)}
.fql{margin-top:70px;border-top:1px solid var(--hl)}
.fq{border-bottom:1px solid var(--hl)}
.fq-q{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;width:100%;padding:38px 0;text-align:left}
.fq-q .n{font:600 11.5px/1 var(--fx);letter-spacing:.2em;color:var(--b2);transition:color .3s}
.fq-q b{font:500 clamp(24px,2.2cqw,38px)/1.1 var(--fx);letter-spacing:-.03em;transition:transform .55s var(--out)}
.fq-q:hover b{transform:translateX(14px)}.fq-q:hover .n{color:var(--o)}
.fq-q u{position:relative;width:22px;height:22px;justify-self:end}
.fq-q u::before,.fq-q u::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transition:transform .5s var(--out)}
.fq-q u::after{transform:rotate(90deg)}
.fq.on .fq-q u::after{transform:rotate(0)}.fq.on .fq-q .n{color:var(--o)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--out)}
.fq-a>div{overflow:hidden}
.fq.on .fq-a{grid-template-rows:1fr}
.fq-a p{padding:0 72px 42px;max-width:84ch;font:400 clamp(17px,1.25cqw,20px)/1.65 var(--fx);color:var(--b);opacity:0;transform:translateY(10px);transition:opacity .5s,transform .7s var(--out)}
.fq.on .fq-a p{opacity:1;transform:none;transition-delay:.2s}
@media (max-height:880px) and (min-width:1001px){.ct-por .in{padding-top:calc(var(--nav) + 18px);padding-bottom:26px}.qa{padding:22px 0}.ops{margin-top:28px}.op{padding:18px 0}.fld{margin-top:34px}.acs{margin-top:32px}}
@media (max-width:1000px){.pg{gap:12px}.seg u{width:24px}.op{grid-template-columns:40px 1fr 30px}.op i{display:none}.dos{grid-template-columns:1fr;gap:34px}.dir{display:none}.bj{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.pa,.pa.on,.bgs .b{transition:none}.pa.on .op{animation:none}}
.bgs .b[data-k="base"]{filter:brightness(.78) saturate(.85) contrast(1.05)}
.bgs .b[data-k="Corporativo"],.bgs .b[data-k="Música"],.bgs .b[data-k="Deportivo"]{filter:brightness(.95) saturate(.9) contrast(1.05)}
.op{position:relative}.op.pre::before{left:-18px;top:50%;margin-top:-3px;margin-left:0}

.pag small{font-size:12px!important}

/* ronda 15b: fondo vivo y ventana fotográfica a la derecha que cambia con el tipo de evento */
.ct-por .velo{display:none}
.bgs{position:absolute;inset:0;background:#0a0a0c;overflow:hidden;border-radius:inherit}
.win{position:absolute;z-index:2;right:var(--m);top:calc(var(--nav) + 70px);bottom:96px;width:min(38vw,640px);border-radius:30px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 60px 120px -40px rgba(0,0,0,.9);transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-8px),0);transition:transform .8s var(--out)}
.win .b{filter:brightness(.92) saturate(.95) contrast(1.04)}
.win .b[data-k="base"]{filter:brightness(.7) saturate(.9)}
.win figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;padding:60px 26px 22px;background:linear-gradient(0deg,rgba(8,8,10,.82),rgba(8,8,10,0));font:600 11px/1 var(--fx);letter-spacing:.22em;text-transform:uppercase}
.win figcaption span{font:500 clamp(22px,2.1cqw,34px)/1 var(--fx);letter-spacing:-.03em;text-transform:none}
.win figcaption i{font-style:normal;color:var(--b)}
.ct-por .qa,.ct-por .top,.ct-por .bj{max-width:calc(100% - min(38vw,640px) - 70px)}
.ct-por .top{max-width:none}
.ct-por .pg{margin-right:calc(min(38vw,640px) + 0px)}
.ct-por .tq{max-width:13ch;font-size:clamp(44px,5cqw,92px)}
.ops{max-width:none}.op{grid-template-columns:56px 250px 1fr 34px}
.fld{max-width:100%}.dos{grid-template-columns:1fr}.big{font-size:clamp(36px,4cqw,72px)}.big.m{font-size:clamp(26px,2.6cqw,44px)}
.fr3{max-width:26ch}
.ct-por .bj .dir{display:none}
.ct-por .bj{max-width:none;position:relative;z-index:3}
.fqs{background:linear-gradient(180deg,rgba(8,8,10,.0) 0,rgba(8,8,10,.62) 18%,rgba(8,8,10,.86) 100%)}
@media (max-width:1000px){.win{display:none}.ct-por .qa,.ct-por .top,.ct-por .bj{max-width:none}.big{font-size:clamp(30px,8.4vw,56px)}}
.vivo img{filter:brightness(.62) saturate(.9) contrast(1.05) blur(1px)}
.vivo::after{background:radial-gradient(110% 90% at 28% 45%,rgba(8,8,10,.1),rgba(8,8,10,.7))}
.op{grid-template-columns:56px 330px 1fr 34px}.op b{font-size:clamp(30px,2.6cqw,46px)}
body{background:transparent}
.ct-por::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,10,.9) 0,rgba(8,8,10,.66) 50%,rgba(8,8,10,.3) 100%)}

/* teléfono: la fila de cada opción vuelve a tres columnas que caben en pantalla (la regla de escritorio de más arriba la ensanchaba) */
@media (max-width:1000px){.ct-por .op,.op{grid-template-columns:34px minmax(0,1fr) 28px;gap:6px;padding:22px 0}.op b{font-size:clamp(26px,7.4vw,38px)}.op svg{width:22px;height:22px}}
@media (max-width:400px){.seg u{width:18px}.seg{gap:5px}}