/* fiestasargentinas.ar — estilo único (propuesta C · Cartel + portada celeste con Halo de sol).
   Colores: celeste y blanco de la bandera, marrón de la tierra y el folklore, amarillo del Sol de Mayo.
   El naranja y el celeste del logo quedan en el logo. Para texto se usan tonos oscurecidos (contraste). */
:root{
  --bg:#ffffff; --fg:#2b2119; --mut:#5f5f6a; --line:#e4e8ee; --soft:#f4f8fc;
  --acc:#7a4a24; --acc-fg:#ffffff; --num:#1f5f99; --link:#1f5f99;
  --cel:#74acdf; --sol:#f6b40e; --tierra:#a0673a;
  --hero-bg:#3d87cc; --hero-bg2:#5aa1e0; --hero-fg:#ffffff; --hero-mut:#eaf4ff;
  --fd:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fb:'Nunito Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f1720; --fg:#efe8e1; --mut:#a8b2be; --line:#223142; --soft:#14273b;
  --acc:#d9a476; --acc-fg:#24140a; --num:#8ec1ee; --link:#8ec1ee;
  --hero-bg:#163e66; --hero-bg2:#215a8f; --hero-fg:#f4f9ff; --hero-mut:#cfe3f7;
  color-scheme:dark}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--fb);font-size:16.5px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--link)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--num);outline-offset:2px}
.saltar{position:absolute;left:-999px;top:0;background:var(--fg);color:var(--bg);padding:8px 12px;z-index:10}
.saltar:focus{left:8px;top:8px}
.wrap{max-width:1140px;margin:0 auto;padding-inline:16px}

/* Header: logo + un solo ítem; filete celeste-blanco-celeste como la bandera */
.hd{background:linear-gradient(var(--cel),var(--cel)) bottom/100% 3px no-repeat,linear-gradient(var(--bg),var(--bg)) bottom/100% 6px no-repeat,linear-gradient(var(--cel),var(--cel)) bottom/100% 9px no-repeat;padding-bottom:9px}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:16px;flex-wrap:wrap}
.brand img{display:block;width:200px;max-width:52vw}
.nav a{display:inline-block;color:var(--fg);text-decoration:none;font-size:.98rem;padding:8px 12px;border-radius:8px}
.nav a:hover{background:var(--soft)}
.nav a[aria-current="page"]{background:var(--soft);color:var(--num);font-weight:700}

/* Portada */
.portada{background:linear-gradient(180deg,var(--hero-bg2),var(--hero-bg));color:var(--hero-fg);text-align:center;overflow:hidden}
.portada .wrap{padding-block:52px 44px;display:flex;flex-direction:column;align-items:center;gap:14px}
.portada h1{margin:0;font-family:var(--fd);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(2rem,6.4vw,3.6rem);line-height:1.1;text-wrap:balance;animation:sube .9s ease-out both}
.portada p{margin:0;font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--hero-mut);animation:sube .9s .15s ease-out both}
.portada .sub2{font-size:1rem;margin-top:-4px}
.portada .sub2 a{color:var(--hero-fg);font-weight:700;text-underline-offset:3px}
.escena{position:relative;width:min(300px,70vw);aspect-ratio:1;max-width:100%;margin-top:10px;display:grid;place-items:center}
.escena .disco{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sol) 45%,transparent),transparent 70%);animation:late 4.5s ease-in-out infinite}
.escena .anillos{position:absolute;inset:0;pointer-events:none}
.escena .anillos i{position:absolute;inset:14%;border-radius:50%;border:3px solid color-mix(in srgb,var(--sol) 75%,#ffffff);opacity:0;animation:onda 4.5s ease-out infinite}
.escena .anillos i:nth-child(2){animation-delay:1.5s}
.escena .anillos i:nth-child(3){animation-delay:3s}
.escena img{position:relative;width:78%;animation:flota 6s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}
.portada-cta{margin:6px 0 0;animation:sube .9s .3s ease-out both}
.portada-cta.izq{text-align:left;animation:none}
.btn-claro,.btn{display:inline-block;font-weight:700;border-radius:999px;padding:10px 22px;text-decoration:none}
.btn-claro{background:var(--hero-fg);color:var(--hero-bg);border:2px solid var(--hero-fg)}
.btn{background:var(--acc);color:var(--acc-fg)}
.btn-claro:focus-visible{outline:3px solid var(--sol);outline-offset:3px}
@keyframes onda{0%{transform:scale(.7);opacity:0}15%{opacity:.75}100%{transform:scale(1.35);opacity:0}}
@keyframes late{0%,100%{transform:scale(.95)}50%{transform:scale(1.05)}}
@keyframes flota{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes sube{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.escena .disco,.escena img,.portada h1,.portada p,.portada-cta{animation:none}.escena .anillos i{animation:none;opacity:0}}

/* Contenido */
.principal{padding-block:28px 48px;display:flex;flex-direction:column;gap:32px}
h1,h2,h3{font-family:var(--fd);line-height:1.15;text-wrap:balance;margin:0}
.principal h1{font-size:clamp(2.1rem,6vw,3.2rem);text-transform:uppercase;letter-spacing:-.01em;font-weight:800}
.principal h2{font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700}
.principal .h-chico{font-size:.85rem;letter-spacing:.1em;color:var(--mut)}
.h-link{color:inherit;text-decoration:none}
.h-link:hover{color:var(--num)}
.lede{color:var(--mut);margin:.4rem 0 0;max-width:62ch}
.sec{display:flex;flex-direction:column;gap:18px}
.principal.inicio{gap:56px;padding-bottom:88px}
.principal.inicio > .ad{margin-block:-16px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.more{font-size:.92rem;text-underline-offset:3px}
.crumbs{font-size:.88rem;color:var(--mut);display:flex;gap:6px;flex-wrap:wrap}
.crumbs a{color:var(--mut);text-underline-offset:3px}

/* Contador */
.contador{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;padding-block:4px 18px;border-bottom:1px solid var(--line);text-align:center}
.contador strong{font-family:var(--fd);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;line-height:1;color:var(--num);font-variant-numeric:tabular-nums}
.contador span{color:var(--mut);font-size:1.05rem}

/* Listas: fichitas en 2 columnas (variante B, 04/11). Filete de color rotando celeste / sol / tierra. */
.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.list li{background:var(--bg);border:1px solid var(--line);border-left:6px solid var(--cel);border-radius:10px;transition:transform .15s,box-shadow .15s}
.list li:nth-child(3n+2){border-left-color:var(--sol)}
.list li:nth-child(3n){border-left-color:var(--tierra)}
.list li:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(31,95,153,.14)}
.ev{display:grid;grid-template-columns:4.6rem 1fr auto;gap:14px;align-items:center;padding:12px 14px;color:inherit;text-decoration:none;border-radius:4px 10px 10px 4px;height:100%}
.ev::after{content:"";width:9px;height:9px;border-right:2.5px solid var(--cel);border-top:2.5px solid var(--cel);transform:rotate(45deg);margin-right:6px;transition:transform .15s,border-color .15s}
.ev:hover::after{transform:translateX(4px) rotate(45deg);border-color:var(--num)}
.ev-m{font-family:var(--fd);line-height:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;border-radius:8px;text-align:center;background:var(--soft);color:var(--num)}
.ev-m1{font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.ev-m2{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.ev-m--fecha{background:#1f5f99;color:#fff}
.ev-m--fecha .ev-m2{color:#d7e9fa}
.ev-b{min-width:0;display:flex;flex-direction:column;gap:2px}
.ev-n{font-family:var(--fd);font-size:1.05rem;text-transform:uppercase;line-height:1.2;font-weight:800;transition:color .15s}
.ev:hover .ev-n{color:var(--num)}
.ev-l{color:var(--mut);font-size:.93rem}
@media (max-width:760px){.list{grid-template-columns:1fr;gap:10px}}
@media (prefers-reduced-motion:reduce){.list li,.ev::after{transition:none}.list li:hover{transform:none}}
.empty{border:1px dashed var(--line);border-radius:10px;padding:22px;color:var(--mut)}
.empty strong{color:var(--fg);display:block;margin-bottom:4px}
/* Meses: botones (desde 04/11) */
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:12px}
.tile{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;background:var(--bg);border:1px solid var(--line);border-bottom:3px solid var(--cel);border-radius:10px;color:var(--fg);text-decoration:none;font-family:var(--fd);font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s}
.grid li{display:flex}
.tile{flex:1}
.tile .t-n{flex:1;line-height:1.2}
.tile::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--cel);border-top:2.5px solid var(--cel);transform:rotate(45deg);margin-left:2px;transition:transform .15s,border-color .15s}
.tile .c,.chips .c{font-variant-numeric:tabular-nums;color:var(--mut);font-weight:400;font-size:.9rem}
.tile .c{background:var(--soft);color:var(--num);font-weight:700;font-size:.82rem;min-width:2rem;text-align:center;padding:3px 8px;border-radius:999px}
.tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(31,95,153,.14);border-color:var(--num);color:var(--num)}
.tile:hover::after{transform:translateX(3px) rotate(45deg);border-color:var(--num)}
.tile.hoy{border-bottom-color:var(--sol);background:#fffaf0}
.tile.hoy .c{background:var(--sol);color:#3b2a05}
.tile.cero{opacity:.55}
.tile.cero:hover{transform:none;box-shadow:none}
.anio,.panel{background:var(--soft);border-radius:16px;padding:40px 32px 44px;margin-block:16px 8px}
.anio .tile,.panel .tile{border-color:#dbe5ef}
.filtros{display:flex;flex-direction:column;gap:32px;padding:32px 32px 36px;margin-block:4px}
.grid-prov{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:10px}
.grid-prov .tile{padding:11px 12px 11px 14px;font-size:.93rem}
.grid-prov .tile .c{min-width:1.8rem;padding:3px 6px}
.anio-sub{color:var(--mut);font-size:.95rem}
@media (max-width:600px){.anio,.panel{padding:24px 14px 26px}.filtros{gap:24px}.grid{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:12px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tile.hoy{background:var(--bg)}:root:not([data-theme="light"]) .anio .tile,:root:not([data-theme="light"]) .panel .tile{border-color:var(--line)}}
@media (prefers-reduced-motion:reduce){.tile,.tile::after{transition:none}.tile:hover{transform:none}}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--fg);text-decoration:none;font-size:.93rem}
.chips a:hover{border-color:var(--num);color:var(--num)}
.chips a[aria-current="page"]{background:var(--soft);border-color:var(--num);color:var(--num);font-weight:700}

/* Publicidad */
.ad{min-height:90px}
/* Si AdSense no tiene anuncio para mostrar (data-ad-status="unfilled"), el espacio se cierra */
.ad:has(ins[data-ad-status="unfilled"]){display:none}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}

/* Ficha */
.ficha-h{display:flex;flex-direction:column;gap:8px}
.tipo{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--acc);font-weight:700}
/* Ficha: columna de texto + columna lateral de datos (desde 04/11) */
.ficha-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.ficha-main,.ficha-lat{display:flex;flex-direction:column;gap:24px;min-width:0}
.foto{margin:0}
.foto img{display:block;width:100%;border-radius:10px}
.datos{margin:0;background:var(--soft);border-top:4px solid var(--cel);border-radius:0 0 10px 10px;padding:6px 18px}
.datos div{padding:11px 0;border-bottom:1px solid var(--line)}
.datos div:last-child{border-bottom:0}
.datos dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.datos dd{margin:3px 0 0;font-weight:700}
@media (max-width:900px){
  .ficha-cuerpo{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .ficha-main,.ficha-lat{display:contents}
  .foto{order:1}.datos{order:2}.fuente{order:2}.prose{order:3}.antsig{order:4}.edic{order:5}.enlaces{order:6}.ficha-lat .ad{order:7}
}
.prose{max-width:66ch;display:flex;flex-direction:column;gap:.9em}
.prose p,.prose ul,.prose ol{margin:0}
.prose h2{font-size:1.2rem;margin-top:.6em}
.nota{font-size:.88rem;color:var(--mut)}
.enlaces{margin:0;font-size:.95rem}
.enlaces span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-bottom:4px}
.edic{background:var(--soft);border-top:4px solid var(--sol);border-radius:0 0 10px 10px;padding:18px;display:flex;flex-direction:column;gap:10px}
.edic h2{font-size:1.05rem}
.edic p{margin:0}
.edic .fechas{font-weight:700}
.edic .mut{color:var(--mut);font-size:.95rem}
.edic .fe{align-self:flex-start;background:var(--acc);color:var(--acc-fg);text-decoration:none;padding:9px 16px;font-family:var(--fd);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem}
.volver{margin:0}

/* Formulario */
.form{display:flex;flex-direction:column;gap:14px;max-width:34rem}
.form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.95rem}
.form input,.form textarea{font:inherit;font-weight:400;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}
.form button{align-self:flex-start;font:inherit;font-weight:700;background:var(--acc);color:var(--acc-fg);border:0;border-radius:999px;padding:10px 24px;cursor:pointer}
.form button[disabled]{opacity:.6;cursor:wait}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-estado{margin:0;min-height:1.5em}

/* Pie */
.ft{border-top:1px solid var(--line);font-size:.9rem;color:var(--mut)}
.ft .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;padding-block:22px;align-items:center;justify-content:space-between}
.ft p{margin:0;max-width:56ch}
.ft nav{display:flex;gap:16px;flex-wrap:wrap}
.ft a{color:var(--mut)}

@media (max-width:520px){body{font-size:16px}.ev{gap:10px}}

/* Navegación entre páginas (04/11) */
.datos dd a{color:var(--link);text-underline-offset:3px}
.datos dd a:hover{color:var(--acc)}
.antsig{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.antsig a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--fg);background:var(--bg);transition:border-color .15s,box-shadow .15s,transform .15s}
.antsig a:hover{border-color:var(--num);box-shadow:0 6px 18px rgba(31,95,153,.12);transform:translateY(-2px)}
.antsig-s{text-align:right;grid-column:2}
.antsig-l{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.antsig-a .antsig-l::before{content:"‹ "}
.antsig-s .antsig-l::after{content:" ›"}
.antsig-n{font-family:var(--fd);font-weight:800;text-transform:uppercase;font-size:.95rem;line-height:1.25;color:var(--num)}
.meses-nav{display:flex;justify-content:space-between;gap:12px;margin-top:-12px}
.meses-nav a{padding:8px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--num);font-family:var(--fd);font-weight:700;font-size:.92rem;background:var(--bg);transition:border-color .15s,background .15s}
.meses-nav a:hover{border-color:var(--num);background:var(--soft)}
.rel{margin-top:8px}
.ad-final{margin-top:16px}
.prose .ad-texto{margin-block:.6em}
.ad-lista{margin-block:-8px}
@media (max-width:900px){.ad-lateral{display:none}}
@media (max-width:600px){.antsig{grid-template-columns:1fr}.antsig-s{grid-column:1;text-align:left}.antsig-s .antsig-l::after{content:""}.antsig-s .antsig-l::before{content:"› "}}
/* Buscador del listado general (04/11) */
.buscador{display:flex;flex-direction:column;gap:8px}
.buscador input{font:inherit;font-size:1.05rem;padding:13px 16px;border:1px solid var(--line);border-left:6px solid var(--cel);border-radius:10px;background:var(--bg);color:var(--fg);width:100%;max-width:640px}
.buscador input:focus{outline:2px solid var(--num);outline-offset:2px}
.buscador-estado{margin:0;color:var(--mut);font-size:.95rem;min-height:1.2em}
.list li[hidden],.mes-bloque[hidden],.principal > [hidden]{display:none!important}

/* Nota de fuente en la ficha (04/11) */
.fuente{margin:-12px 0 0;font-size:.88rem;color:var(--mut);line-height:1.5;padding:0 4px}
.fuente strong{color:var(--fg)}
.fuente a{color:var(--link);font-weight:700;text-underline-offset:3px}
