/* =========================================================
   LOUISIANA BAYOU CUP — estilos
   Mobile first. Paleta del escudo: verde bayou, azul del anillo,
   dorado de los flyers y rojo crawfish.
   ========================================================= */
:root{
  --night:#04190f;      /* fondo más profundo */
  --bayou:#062319;      /* fondo principal */
  --bayou-2:#0b3a28;    /* superficies */
  --moss:#1d5a3f;       /* bordes / líneas */
  --ring:#2b62c4;       /* azul del escudo */
  --gold:#f5c62f;       /* dorado flyers */
  --craw:#e5492b;       /* rojo crawfish / en vivo */
  --cream:#f2f6ee;      /* texto principal */
  --mist:#a9c2b2;       /* texto secundario */
  --f-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gutter:18px;
  --radius:16px;
  --top-h:60px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 10px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bayou);color:var(--cream);font:16px/1.55 var(--f-body);overflow-x:clip;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-display);text-transform:uppercase;line-height:.9;margin:0;letter-spacing:.01em;text-wrap:balance}
h2{font-size:clamp(2.6rem,11vw,4.6rem);font-weight:900}
h3{font-size:1.6rem;font-weight:800}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--night);padding:10px 14px;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{left:8px}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.gold{color:var(--gold)}

/* ---------- Capa de efectos (no interactiva) ---------- */
.fx{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
#fx-fireflies{position:absolute;inset:0;width:100%;height:100%}
.fx-float{position:absolute;left:var(--x);top:var(--y);width:46px;height:46px;opacity:.16;background:center/contain no-repeat;animation:drift var(--d) ease-in-out infinite alternate;will-change:transform}
.fx-float.sm{width:28px;height:28px}
.fx-ball{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%23f2f6ee'/%3E%3Cpolygon points='50,30 69,44 62,66 38,66 31,44' fill='%2304190f'/%3E%3Cpath d='M50 30V6M69 44l22-8M62 66l14 20M38 66 24 86M31 44 9 36' stroke='%2304190f' stroke-width='4'/%3E%3C/svg%3E")}
.fx-craw{width:64px;height:64px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23e5492b'%3E%3Cellipse cx='50' cy='58' rx='12' ry='22'/%3E%3Cpath d='M44 38c-10-6-18-18-14-28 6 4 6 12 14 18zM56 38c10-6 18-18 14-28-6 4-6 12-14 18z'/%3E%3Cpath d='M42 78h16l6 16H36z'/%3E%3Cpath d='M38 50 20 46M38 58l-18 2M38 66l-16 8M62 50l18-4M62 58l18 2M62 66l16 8' stroke='%23e5492b' stroke-width='3'/%3E%3C/svg%3E")}
.fx-lily{width:58px;height:58px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 50 L92 34 A44 44 0 1 1 74 12 Z' fill='%231d5a3f'/%3E%3C/svg%3E")}
@keyframes drift{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(18px,-26px) rotate(160deg)}100%{transform:translate(-14px,20px) rotate(320deg)}}
.fx-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.fx-progress span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--ring),var(--gold),var(--craw))}

main,.foot,.top,.dock{position:relative;z-index:1}

/* ---------- Barra superior ---------- */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(var(--top-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;background:color-mix(in srgb,var(--night) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--moss) 60%,transparent)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:900;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em}
.brand img{width:40px;height:40px}
.menu-btn{background:transparent;border:1px solid var(--moss);border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer}
.menu{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;background:var(--night);border-bottom:1px solid var(--moss);padding:8px var(--gutter) 16px}
.menu.open{display:flex}
.menu a{text-decoration:none;font-family:var(--f-display);font-weight:800;font-size:1.8rem;text-transform:uppercase;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--moss) 50%,transparent)}
.menu a:last-child{border-bottom:0;color:var(--gold)}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:calc(100svh - var(--top-h));display:grid;align-items:end;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:-12% 0 0;background:url("../img/hero-movil.jpg") center 35%/cover no-repeat;z-index:-3;will-change:transform}
@media (min-width:701px){.hero-bg{background-image:url("../img/hero.jpg")}}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,color-mix(in srgb,var(--bayou) 55%,transparent) 0%,color-mix(in srgb,var(--bayou) 70%,transparent) 40%,var(--bayou) 92%)}
.hero-water{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:90px;z-index:-1}
.hero-water .w1{fill:color-mix(in srgb,var(--moss) 55%,transparent);animation:wave 9s ease-in-out infinite alternate}
.hero-water .w2{fill:var(--bayou);animation:wave 7s ease-in-out infinite alternate-reverse}
@keyframes wave{to{transform:translateX(-60px)}}
.hero-in{display:grid;gap:14px;justify-items:start;padding:28px var(--gutter) 70px;width:100%;max-width:1160px;margin:0 auto}
.badge{width:min(46vw,220px);aspect-ratio:1;filter:drop-shadow(0 16px 30px rgb(0 0 0 / .55));animation:bob 6s ease-in-out infinite}
.badge img{width:100%;height:100%}
@keyframes bob{50%{translate:0 -8px}}
.live{display:inline-flex;align-items:center;gap:10px;background:var(--craw);color:#fff;font:700 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.2}}
.title{display:grid;font-weight:900}
.t-sm{font-size:clamp(1.2rem,5.5vw,2rem);letter-spacing:.32em;color:var(--mist)}
.t-xl{font-size:clamp(5.2rem,27vw,11rem);line-height:.8}
.t-xl .ch{display:inline-block}
.motto{font-size:1.15rem;font-weight:600;max-width:26ch}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid color-mix(in srgb,var(--cream) 25%,transparent);margin-top:6px}
.hero-facts div{padding:12px 8px 0 0;display:grid;gap:2px;min-width:0}
.hero-facts div > span{font:500 .62rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.hero-facts b{font-family:var(--f-display);font-size:clamp(1.5rem,7vw,2.4rem);font-weight:800;line-height:1;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:var(--gold);color:var(--night);font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgb(245 198 47 / .25)}
.cta-ghost{background:transparent;color:var(--cream);border:1px solid var(--moss)}
.hero .cta{margin-top:6px;width:100%}

/* ---------- Cintas de texto ---------- */
.ticker{position:relative;overflow:hidden;background:var(--ring);color:#fff;padding:12px 0;transform:rotate(-2deg) scale(1.04);margin-block:18px;border-block:2px solid var(--night)}
.ticker-gold{background:var(--gold);color:var(--night);transform:rotate(2deg) scale(1.04)}
.ticker-track{display:flex;width:max-content;animation:tick 26s linear infinite;will-change:transform}
.ticker[data-ticker="-1"] .ticker-track{animation-direction:reverse}
.ticker span{font-family:var(--f-display);font-weight:900;font-size:clamp(1.6rem,7vw,2.6rem);text-transform:uppercase;white-space:nowrap;padding-right:.4em;letter-spacing:.02em}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Secciones ---------- */
.sec{padding-block:64px}
.sec-dark{background:var(--night)}
.sec-head{display:grid;gap:12px;margin-bottom:28px;max-width:60ch}
.sec-head p:not(.eyebrow){color:var(--mist)}

/* Categorías */
.cats{display:grid;gap:16px}
.cat{position:relative;overflow:hidden;border-radius:var(--radius);padding:24px;display:grid;gap:12px}
.cat-craw{background:linear-gradient(160deg,var(--bayou-2),var(--night));border:1px solid var(--moss)}
.cat-fem{background:linear-gradient(160deg,color-mix(in srgb,var(--ring) 40%,var(--bayou)),var(--night));border:1px solid color-mix(in srgb,var(--ring) 55%,transparent)}
.big{font-family:var(--f-display);font-weight:900;font-size:clamp(4.6rem,24vw,7rem);line-height:.8;color:var(--gold)}
.cat-fem .big{color:#fff}
.cat ul{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--cream) 18%,transparent)}
.cat li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--cream) 18%,transparent);font-size:.95rem}
.cat li span{color:var(--mist)}
.cat li b{text-align:right;font-weight:600}
.craw-icon{position:absolute;right:-18px;top:-12px;width:130px;height:130px;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23e5492b'%3E%3Cellipse cx='50' cy='58' rx='12' ry='22'/%3E%3Cpath d='M44 38c-10-6-18-18-14-28 6 4 6 12 14 18zM56 38c10-6 18-18 14-28-6 4-6 12-14 18z'/%3E%3Cpath d='M42 78h16l6 16H36z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(20deg)}
.facts{display:grid;gap:0;margin:20px 0 0;border:1px solid var(--moss);border-radius:var(--radius);overflow:hidden}
.facts div{padding:16px 20px;border-bottom:1px solid var(--moss)}
.facts div:last-child{border-bottom:0}
.facts dt{font:500 .68rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.facts dd{margin:4px 0 0;font-size:1.15rem;font-weight:600;line-height:1.3}

/* Flyers en carril horizontal */
.flyer-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gutter) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.flyer-rail::-webkit-scrollbar{display:none}
.flyer{flex:0 0 78%;scroll-snap-align:center;border:0;padding:0;background:var(--bayou-2);border-radius:14px;overflow:hidden;cursor:zoom-in;box-shadow:0 18px 40px rgb(0 0 0 / .45);transition:transform .35s ease}
.flyer img{width:100%;aspect-ratio:3/4;object-fit:cover}
.flyer.is-center{transform:scale(1.02)}

/* Show */
.show{display:grid;gap:26px}
.show-main{margin:0;position:relative;border-radius:var(--radius);overflow:hidden}
.show-main img{width:100%;aspect-ratio:4/3;object-fit:cover}
.show-main figcaption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--night) 80%,transparent);padding:8px 12px;border-radius:10px;font-size:.85rem}
.rec{display:inline-flex;align-items:center;gap:6px;font:700 .7rem var(--f-mono);color:var(--craw)}
.rec i{width:8px;height:8px;border-radius:50%;background:var(--craw);animation:blink 1s infinite}
.show-copy{display:grid;gap:16px}
.show-copy > p:not(.eyebrow){color:var(--mist)}
.lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--moss)}
.lines li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--moss)}
.lines span{color:var(--mist)}
.crew{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crew figure{margin:0}
.crew img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
.crew figcaption{font-size:.82rem;color:var(--mist);margin-top:6px}

/* Galería */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--moss);background:transparent;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.9rem;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--gold);color:var(--night);border-color:var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.g-item{border:0;padding:0;background:var(--bayou-2);border-radius:10px;overflow:hidden;cursor:zoom-in;position:relative;aspect-ratio:1}
.g-item:nth-child(5n+1){grid-column:span 2;aspect-ratio:16/10}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.g-item:hover img{transform:scale(1.05)}
.g-item span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-size:.78rem;font-weight:600;text-align:left;background:linear-gradient(transparent,rgb(4 25 15 / .85))}

/* Contacto */
.contact{display:grid;gap:12px;justify-items:start}
.who{font-size:1.2rem;font-weight:600;color:var(--mist)}
.phone{font-family:var(--f-display);font-weight:900;font-size:clamp(2.8rem,14vw,5rem);line-height:1;text-decoration:none;color:var(--gold)}
.contact-btns{display:grid;gap:10px;width:100%;margin-top:6px}
.small{font-size:.85rem;color:var(--mist);margin-top:8px}

/* Pie */
.foot{background:var(--night);padding-bottom:30px}
.ticker-foot{transform:none;margin:0 0 26px;background:var(--bayou-2);color:var(--moss)}
.ticker-foot span{color:color-mix(in srgb,var(--cream) 30%,transparent)}
.foot-in{display:grid;gap:14px;justify-items:center;text-align:center;font-size:.85rem;color:var(--mist)}
.foot-in img{width:72px;height:72px}

/* Barra fija inferior (celular) */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--night) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--moss);transition:transform .35s ease}
.dock a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;text-decoration:none;font-weight:700}
.dock-call{border:1px solid var(--moss)}
.dock-main{background:var(--gold);color:var(--night)}
.dock.hide{transform:translateY(110%)}

/* Visor */
.lb{position:fixed;inset:0;z-index:80;background:rgb(2 12 8 / .95);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 60px) 6px calc(env(safe-area-inset-bottom,0px) + 20px)}
.lb figure{margin:0;display:grid;gap:10px;justify-items:center;height:100%;align-content:center;min-width:0}
.lb img{max-height:78svh;width:auto;max-width:100%;object-fit:contain;border-radius:8px}
.lb figcaption{color:var(--mist);font-size:.9rem}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;background:var(--cream);color:var(--night);border:0;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}
.lb-nav{background:transparent;border:0;font-size:2.6rem;line-height:1;padding:10px;cursor:pointer;color:var(--cream)}

/* Animación de aparición (solo si JS está activo) */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- Tablet / escritorio ---------- */
@media (min-width:700px){
  :root{--gutter:28px}
  body{padding-bottom:0}
  .dock{display:none}
  .cats{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:repeat(3,1fr)}
  .facts div{border-bottom:0;border-right:1px solid var(--moss)}
  .facts div:last-child{border-right:0}
  .flyer{flex-basis:40%}
  .gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .g-item:nth-child(5n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:1}
  .contact-btns{grid-template-columns:repeat(3,max-content)}
  .hero .cta{width:auto}
}
@media (min-width:960px){
  .menu-btn{display:none}
  .menu{position:static;display:flex;flex-direction:row;gap:22px;background:none;border:0;padding:0}
  .menu a{font-family:var(--f-body);font-size:.95rem;font-weight:600;text-transform:none;border:0;padding:0}
  .hero-in{grid-template-columns:1fr auto;align-items:end;column-gap:40px}
  .hero-in > *:not(.badge){grid-column:1}
  .badge{grid-column:2;grid-row:1 / span 6;width:340px;align-self:center}
  .show{grid-template-columns:1.25fr 1fr;align-items:start}
  .flyer{flex-basis:30%}
  .flyer-rail{justify-content:center}
}


/* ---------- Minuto 100 ---------- */
.m100{position:relative;overflow:hidden;background:var(--craw);color:#fff;padding-block:64px}
.m100::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgb(255 255 255 / .06) 46px 48px);pointer-events:none}
.m100-in{position:relative;display:grid;gap:22px}
.m100-clock{font-family:var(--f-mono);font-weight:700;font-size:clamp(3.6rem,20vw,7rem);line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:flex-start;gap:8px;color:var(--night)}
.m100-clock i{font-style:normal;font-size:.3em;background:var(--night);color:var(--gold);padding:4px 8px;border-radius:6px;margin-top:.4em}
.m100-copy{display:grid;gap:14px}
.m100 .eyebrow{color:var(--night)}
.m100-title{font-size:clamp(3.6rem,17vw,7rem);line-height:.82}
.m100-title span{color:var(--gold);-webkit-text-stroke:2px var(--night)}
.m100-copy > p:not(.eyebrow){max-width:48ch;font-weight:500}
.m100-links{display:grid;gap:10px}
.m100 .cta{background:var(--night);color:var(--gold)}
.m100 .cta-ghost{background:transparent;color:#fff;border-color:rgb(255 255 255 / .6)}

/* ---------- Formulario y mapa ---------- */
.contact-grid{display:grid;gap:36px}
.form{display:grid;gap:14px;background:var(--bayou-2);border:1px solid var(--moss);border-radius:var(--radius);padding:22px}
.field{display:grid;gap:6px}
.field label{font-weight:600;font-size:.92rem}
.field small{color:var(--mist);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:16px var(--f-body);color:var(--cream);background:var(--night);border:1px solid var(--moss);border-radius:12px;padding:13px 14px;min-height:50px}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.field .err{color:#ffb4a3;font-size:.85rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .cta{width:100%}
.form-status{min-height:1.4em;font-size:.95rem}
.form-status.ok{color:var(--gold)}
.form-status.bad{color:#ffb4a3}
.map-wrap{margin-top:44px;display:grid;gap:14px}
.map-head{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--moss);aspect-ratio:4/5;background:var(--bayou-2)}
.map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.85)}
@media (min-width:700px){
  .m100-in{grid-template-columns:auto 1fr;align-items:center;gap:40px}
  .m100-links{grid-template-columns:repeat(2,max-content)}
  .contact-grid{grid-template-columns:1fr 1.1fr;align-items:start}
  .map{aspect-ratio:16/7}
}

/* ---------- II Edición: bolsa, categorías y sede ---------- */
.prize{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px 22px;margin-bottom:16px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--gold) 28%,var(--bayou-2)) 0%,var(--bayou-2) 45%,var(--night) 100%);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}
.prize::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 42%,rgb(255 255 255 / .12) 50%,transparent 58%);animation:shine 5s ease-in-out infinite}
@keyframes shine{0%{transform:translateX(-40%)}60%,100%{transform:translateX(40%)}}
.prize-num{margin-top:12px;font-family:var(--f-display);font-weight:900;font-size:clamp(6rem,36vw,12rem);line-height:.8;color:var(--gold);letter-spacing:-.01em}
.prize-num sup{font-size:.4em;vertical-align:top;margin-left:4px}
.prize-sub{font-family:var(--f-display);font-weight:800;font-size:1.6rem;text-transform:uppercase;margin-top:6px}
.cats5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.c5{border-radius:14px;padding:16px;display:grid;gap:4px;align-content:start;background:var(--bayou-2);border:1px solid var(--moss);min-width:0}
.c5 h3{font-size:clamp(1.7rem,8vw,2.6rem);font-weight:900}
.c5-craw{grid-column:span 2;background:linear-gradient(160deg,color-mix(in srgb,var(--craw) 35%,var(--bayou-2)),var(--night));border-color:color-mix(in srgb,var(--craw) 50%,transparent)}
.c5-craw ul{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid color-mix(in srgb,var(--cream) 18%,transparent)}
.c5-craw li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--cream) 18%,transparent);font-size:.92rem}
.c5-craw li span{color:var(--mist)}
.c5-craw li b{text-align:right}
.c5-pen{background:linear-gradient(160deg,color-mix(in srgb,var(--ring) 45%,var(--bayou-2)),var(--night));border-color:color-mix(in srgb,var(--ring) 55%,transparent)}
.fem{margin-top:14px;border-left:4px solid var(--gold);padding:6px 0 6px 14px;display:grid;gap:4px}
.sede{margin-top:28px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--moss);background:var(--night);display:grid}
.sede figure{margin:0}
.sede img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sede-copy{padding:20px;display:grid;gap:10px;justify-items:start}
.addr{font-size:1.2rem;font-weight:600;line-height:1.35}
.addr-sm{color:var(--mist);margin-top:6px}
.m100-time{display:grid;gap:2px}
.m100-time b{font-family:var(--f-display);font-size:1.9rem;text-transform:uppercase;color:var(--night)}
.m100-time span{font-size:.9rem;opacity:.9}
@media (min-width:700px){
  .prize{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:28px;padding:34px}
  .prize .eyebrow{grid-column:1 / -1}
  .cats5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .c5-craw{grid-column:span 2;grid-row:span 2}
  .sede{grid-template-columns:1.4fr 1fr;align-items:center}
  .sede img{height:100%;aspect-ratio:auto;min-height:260px}
}

/* ---------- Botones de redes, galería aparte ---------- */
a.live{text-decoration:none}
.hero-ctas{display:grid;gap:10px;width:100%;margin-top:6px}
.hero .hero-ctas .cta{width:100%;margin:0}
.lines a{color:var(--gold);text-underline-offset:3px}
.more{margin-top:20px;width:100%}
.social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.social a{text-decoration:none;border:1px solid var(--moss);border-radius:999px;padding:9px 14px;font-weight:600;color:var(--cream)}
.social a:hover{border-color:var(--gold);color:var(--gold)}
.menu a[aria-current="page"]{color:var(--gold)}
.page-head{padding:40px 0 8px;background:linear-gradient(180deg,var(--bayou-2),var(--night))}
.page-head .wrap{display:grid;gap:12px}
.page-head h1{font-size:clamp(4rem,22vw,8rem);font-weight:900;line-height:.85}
.page-head .lead{color:var(--mist);max-width:52ch}
.back{color:var(--mist);text-decoration:none;font-weight:600;width:max-content}
.back:hover{color:var(--gold)}
.gallery-teaser .g-item:nth-child(6){grid-column:span 2;aspect-ratio:16/10}
@media (min-width:700px){
  .hero-ctas{grid-template-columns:repeat(2,max-content)}
  .hero .hero-ctas .cta{width:auto}
  .more{width:auto}
  .gallery-teaser{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gallery-teaser .g-item,.gallery-teaser .g-item:nth-child(5n+1),.gallery-teaser .g-item:nth-child(6){grid-column:auto;grid-row:auto;aspect-ratio:4/3}
}

/* ---------- Noticias: vista previa en inicio ---------- */
.latest-grid{display:grid;gap:16px}
.latest-grid:has(> :not([hidden])){margin-bottom:18px}
.latest{position:relative;display:block;text-decoration:none;color:inherit;background:var(--bayou-2);border:1px solid var(--moss);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.latest:hover{transform:translateY(-3px);border-color:var(--gold)}
.latest img{width:100%;aspect-ratio:16/9;object-fit:cover}
.latest-tag,.week-tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--gold);color:var(--night);font:700 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.latest-tag{background:var(--craw);color:#fff}
.latest.no-img .latest-body{padding-top:52px}
.latest-body{padding:16px 18px 18px;display:grid;gap:6px}
.latest-body time,.post-body time{font:500 .7rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.latest-body h3{font-size:clamp(1.8rem,8vw,2.4rem)}
.latest-body p{color:var(--mist)}
.latest-read{font-weight:700;color:var(--gold);margin-top:4px}
.week{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;border:2px solid var(--gold);background:var(--night);width:100%}
.week img{width:100%;aspect-ratio:4/5;object-fit:cover}
.week figcaption{padding:12px 14px;font-weight:600}
.week figcaption:empty{display:none}

/* Botón grande de noticias */
.news-btn{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--night);padding:20px 18px;border-radius:20px;background:linear-gradient(110deg,var(--gold) 0%,#ffd95a 40%,var(--gold) 60%,#f0a92a 100%);background-size:220% 100%;animation:btnflow 6s ease-in-out infinite;box-shadow:0 14px 34px rgb(245 198 47 / .28),inset 0 -4px 0 rgb(0 0 0 / .12)}
.news-btn::before{content:"";position:absolute;inset:-2px;z-index:-1;background:radial-gradient(60% 120% at 0% 50%,rgb(229 73 43 / .35),transparent 70%)}
.news-btn-ball{flex:0 0 52px;height:52px;border-radius:50%;background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='44' fill='%23f2f6ee'/%3E%3Cpolygon points='50,30 69,44 62,66 38,66 31,44' fill='%2304190f'/%3E%3Cpath d='M50 30V8M69 44l20-7M62 66l13 18M38 66 25 84M31 44 11 37' stroke='%2304190f' stroke-width='4'/%3E%3C/svg%3E") center/70% no-repeat;animation:spin 6s linear infinite}
.news-btn-txt{display:grid;font-family:var(--f-display);font-weight:900;font-size:clamp(1.7rem,8vw,2.6rem);line-height:.95;text-transform:uppercase;flex:1;min-width:0}
.news-btn-txt small{font-family:var(--f-body);font-weight:700;font-size:.78rem;text-transform:none;letter-spacing:0;opacity:.8;margin-bottom:4px}
.news-btn-arrow{font-size:2rem;font-weight:900;transition:transform .25s ease}
.news-btn:hover .news-btn-arrow{transform:translateX(6px)}
@keyframes btnflow{50%{background-position:100% 0}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Página de noticias ---------- */
.news-page{display:grid;gap:22px}
.news-page .week{max-width:420px;order:2}
.news-feed{order:1}
.news-feed{display:grid;gap:18px}
.post{background:var(--bayou-2);border:1px solid var(--moss);border-radius:var(--radius);overflow:hidden;scroll-margin-top:calc(var(--top-h) + 14px)}
.post.is-target{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}
.post img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-body{padding:18px;display:grid;gap:8px;justify-items:start}
.post-body h2{font-size:clamp(2rem,9vw,3rem)}
.post-body p{color:var(--cream);white-space:pre-line;max-width:65ch}
.share{background:transparent;border:1px solid var(--moss);border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer;color:var(--cream);margin-top:4px}
.share:hover{border-color:var(--gold);color:var(--gold)}
.empty-news{display:grid;gap:12px;justify-items:start;padding:10px 0}
.empty-news p{color:var(--mist)}
@media (min-width:800px){
  .latest-grid{grid-template-columns:1.5fr 1fr;align-items:start}
  .news-page{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
  .news-page .week{order:2;position:sticky;top:calc(var(--top-h) + 20px)}
  .news-feed{order:1}
  .news-btn{padding:24px 28px}
}

/* =========================================================
   TELE PASCAL VISION — azul y blanco (noticias y Minuto 100)
   Todo lo que lleve la clase .tpv usa esta paleta.
   ========================================================= */
:root{--tpv-navy:#061538;--tpv-deep:#0a2a6b;--tpv-blue:#0f78c9;--tpv-sky:#38b6f5;--tpv-white:#ffffff;--tpv-mist:#bcd3f3}
.tpv,.tpv-page{--night:var(--tpv-navy);--bayou-2:#0c2a68;--moss:#1e4f9e;--gold:var(--tpv-sky);--mist:var(--tpv-mist);--craw:var(--tpv-blue)}
.news-sec.tpv{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 100% 0%,rgb(56 182 245 / .22),transparent 60%),linear-gradient(180deg,var(--tpv-deep),var(--tpv-navy));color:var(--tpv-white)}
.news-sec.tpv::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 34px,rgb(255 255 255 / .035) 34px 36px);pointer-events:none}
.news-sec.tpv .wrap{position:relative}
.tpv-head{display:grid;gap:14px;margin-bottom:24px}
.tpv-head h2{color:var(--tpv-white)}
.tpv-sub{color:var(--tpv-mist)}
.tpv-logo{width:min(64vw,260px);height:auto;border-radius:14px;box-shadow:0 10px 26px rgb(0 0 0 / .35)}
.tpv-logo.big{width:min(78vw,340px)}
.tpv .latest{background:#0c2a68;border-color:#2a64c4}
.tpv .latest:hover{border-color:var(--tpv-white)}
.tpv .latest-tag{background:var(--tpv-white);color:var(--tpv-blue)}
.tpv .latest-read{color:var(--tpv-white);text-decoration:underline;text-underline-offset:4px}
.tpv .week,.tpv-page .week{border-color:var(--tpv-white)}
.tpv .week-tag,.tpv-page .week-tag{background:var(--tpv-blue);color:var(--tpv-white)}
.tpv .news-btn{color:var(--tpv-white);background:linear-gradient(110deg,var(--tpv-blue) 0%,var(--tpv-sky) 45%,var(--tpv-blue) 70%,#0a4fa8 100%);background-size:220% 100%;box-shadow:0 14px 34px rgb(15 120 201 / .4),inset 0 -4px 0 rgb(0 0 0 / .18);border:2px solid rgb(255 255 255 / .6)}
.tpv .news-btn::before{background:radial-gradient(60% 120% at 0% 50%,rgb(255 255 255 / .25),transparent 70%)}
.tpv .news-btn-ball{background-color:var(--tpv-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='44' fill='%23ffffff'/%3E%3Cpolygon points='50,30 69,44 62,66 38,66 31,44' fill='%23061538'/%3E%3Cpath d='M50 30V8M69 44l20-7M62 66l13 18M38 66 25 84M31 44 11 37' stroke='%23061538' stroke-width='4'/%3E%3C/svg%3E")}
.tpv .news-btn-txt small{opacity:.9}

/* Minuto 100 en azul TPV */
.m100.tpv{background:linear-gradient(160deg,var(--tpv-blue),var(--tpv-deep) 70%);color:var(--tpv-white)}
.m100.tpv::before{background:repeating-linear-gradient(90deg,transparent 0 46px,rgb(255 255 255 / .07) 46px 48px)}
.m100.tpv .m100-clock{color:var(--tpv-white)}
.m100.tpv .m100-clock i{background:var(--tpv-white);color:var(--tpv-blue)}
.m100.tpv .eyebrow{color:var(--tpv-mist)}
.m100.tpv .m100-title span{color:var(--tpv-sky);-webkit-text-stroke:2px var(--tpv-white)}
.m100.tpv .m100-time b{color:var(--tpv-white)}
.m100.tpv .cta{background:var(--tpv-white);color:var(--tpv-blue)}
.m100.tpv .cta-ghost{background:transparent;color:var(--tpv-white);border-color:rgb(255 255 255 / .7)}
.m100-brand{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.m100-brand img{height:84px;width:auto;border-radius:12px;box-shadow:0 8px 20px rgb(0 0 0 / .3)}

/* Página de noticias completa en azul TPV */
.tpv-page{background:var(--tpv-navy)}
.tpv-page .page-head{background:radial-gradient(120% 90% at 100% 0%,rgb(56 182 245 / .25),transparent 60%),linear-gradient(180deg,var(--tpv-blue),var(--tpv-deep));padding-bottom:30px}
.tpv-page .page-head .eyebrow{color:var(--tpv-white);opacity:.85}
.tpv-page .page-head .lead{color:var(--tpv-white);opacity:.9}
.tpv-page .back{color:var(--tpv-white);opacity:.85}
.tpv-page .tpv-follow{background:var(--tpv-white);color:var(--tpv-blue);width:100%}
.tpv-page .sec-dark{background:var(--tpv-navy)}
.tpv-page .post{background:#0c2a68;border-color:#2a64c4}
.tpv-page .post.is-target{border-color:var(--tpv-white);box-shadow:0 0 0 2px var(--tpv-white)}
.tpv-page .post-body time{color:var(--tpv-sky)}
.tpv-page .share{border-color:#2a64c4}
.tpv-page .share:hover{border-color:var(--tpv-white);color:var(--tpv-white)}
.tpv-page .top{background:color-mix(in srgb,var(--tpv-navy) 85%,transparent);border-bottom-color:#1e4f9e}
.tpv-page .menu{background:var(--tpv-navy)}
.tpv-page .menu a[aria-current="page"]{color:var(--tpv-sky)}
.tpv-page .dock{background:color-mix(in srgb,var(--tpv-navy) 90%,transparent);border-top-color:#1e4f9e}
.tpv-page .ticker-foot{background:#0c2a68}
.tpv-page .foot{background:var(--tpv-navy)}
@media (min-width:700px){
  .tpv-head{grid-template-columns:auto 1fr;align-items:center;gap:26px}
  .tpv-page .tpv-follow{width:auto}
  .m100-brand img{height:96px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .fx{display:none}
}