/* ==========================================================================
   ColombiaMundo — hoja de estilos principal
   ========================================================================== */
:root{
  --paper:#ffffff; --wash:#f2f3f5; --ink:#14171a; --ink-2:#434950; --ink-3:#656b73;
  --rule:#dfe2e6; --rule-strong:#14171a; --blue:#1c6ca5; --rojo-ink:#c2241b;
  --rojo:#cf261d; --ambar:#e30035; --azul:#1f74b3; --verde:#1a7f3c; --violeta:#7a3f98; --rosa:#c2186a;
  --band:#15181c; --band-ink:#f4f5f6; --band-2:#aab1ba; --band-rule:#30353c;
  --serif:'Bitter',Georgia,'Times New Roman',serif;
  --sans:'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --dock:0px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#101214; --wash:#181b1f; --ink:#f1f2f4; --ink-2:#c3c8cf; --ink-3:#9aa1aa;
  --rule:#2a2f35; --rule-strong:#f1f2f4; --blue:#74b9ea; --rojo-ink:#ff7a6e; --band:#0a0b0d; --band-rule:#262a30; color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#101214; --wash:#181b1f; --ink:#f1f2f4; --ink-2:#c3c8cf; --ink-3:#9aa1aa;
    --rule:#2a2f35; --rule-strong:#f1f2f4; --blue:#74b9ea; --rojo-ink:#ff7a6e; --band:#0a0b0d; --band-rule:#262a30; color-scheme:dark;
  }
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-padding-top:60px; scrollbar-color:#8b929b var(--paper);}
body{background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased;}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%;}
button,input{font:inherit; color:inherit;}
::selection{background:#2885c7; color:#fff;}
:focus-visible{outline:3px solid var(--ambar); outline-offset:2px; border-radius:2px;}
.wrap{max-width:1240px; margin:0 auto; padding:0 24px;}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
.skip{position:absolute; left:16px; top:-60px; z-index:100; background:var(--ink); color:var(--paper); padding:10px 16px; font-weight:600; transition:top .15s var(--ease);}
.skip:focus{top:8px;}
time{font-variant-numeric:tabular-nums;}
svg{fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}

/* ---------- cabecera: redes · logo centrado · herramientas ---------- */
.mast{background:var(--paper);}
.mast-in{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding-top:20px; padding-bottom:16px;}
.mast-l{display:flex; align-items:center; gap:14px;}
/* Redes con el color de cada marca. */
.soc{--brand:#3b4048; width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--brand); color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18); transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .15s var(--ease);}
.soc svg{width:17px; height:17px;}
.soc:hover{transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 4px 10px -2px rgba(0,0,0,.3);}
.soc:focus-visible{outline:2px solid var(--brand); outline-offset:3px;}
/* Barra superior: fecha y ciudad · enlaces de la empresa y redes. */
.topbar{background:var(--band); color:var(--band-2); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;}
.topbar-in{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px;}
.topbar-l{display:flex; align-items:center; gap:10px; white-space:nowrap;}
.topbar .fecha{color:var(--band-ink); font-size:inherit; font-weight:700;}
.topbar-city{display:inline-flex; align-items:center; gap:10px;}
.topbar-city::before{content:""; width:4px; height:4px; border-radius:50%; background:var(--ambar);}
.topbar-r{display:flex; align-items:center; gap:18px;}
.topbar-links{display:flex; gap:18px; list-style:none; margin:0; padding:0;}
.topbar-links a{color:var(--band-2); transition:color .15s var(--ease);}
.topbar-links a:hover{color:#fff;}
.topbar-soc{display:flex; align-items:center; gap:6px; padding-left:18px; border-left:1px solid var(--band-rule);}
.topbar .soc{width:24px; height:24px; box-shadow:none;}
.topbar .soc svg{width:12px; height:12px;}
.topbar .soc:hover{transform:translateY(-1px);}
.soc-facebook{--brand:#1877f2;}
.soc-x{--brand:#000;}
.soc-instagram{--brand:#d62976; background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
.soc-youtube{--brand:#ff0000;}
.soc-tiktok{--brand:#010101;}
.soc-whatsapp{--brand:#25d366;}
:root[data-theme="dark"] :is(.soc-x,.soc-tiktok){box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) :is(.soc-x,.soc-tiktok){box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);} }
.fecha{font-size:13px; color:var(--ink-3); font-weight:500;}
.logo img, .foot-logo img{height:66px; width:auto;}
.logo-b{display:none;}
:root[data-theme="dark"] :is(.logo,.foot-logo):has(.logo-b) .logo-a{display:none;}
:root[data-theme="dark"] .logo-b{display:block;}
/* Sin logo para fondo oscuro: el logo normal va sobre una placa clara para que se lea. */
:root[data-theme="dark"] :is(.logo,.foot-logo):not(:has(.logo-b)) .logo-a{background:#fff; padding:5px 12px; border-radius:8px; box-sizing:content-box;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) :is(.logo,.foot-logo):has(.logo-b) .logo-a{display:none;}
  :root:not([data-theme="light"]) .logo-b{display:block;}
  :root:not([data-theme="light"]) :is(.logo,.foot-logo):not(:has(.logo-b)) .logo-a{background:#fff; padding:5px 12px; border-radius:8px; box-sizing:content-box;}
}
.mast-r{display:flex; justify-content:flex-end; align-items:center; gap:6px;}
.tool{width:44px; height:44px; display:grid; place-items:center; background:none; border:1px solid transparent; border-radius:50%; cursor:pointer; transition:background-color .15s var(--ease), border-color .15s var(--ease);}
.tool:hover{background:var(--wash); border-color:var(--rule);}
.tool svg{width:22px; height:22px;}
.i-moon{display:none;}
:root[data-theme="dark"] .i-sun{display:none;}
:root[data-theme="dark"] .i-moon{display:block;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .i-sun{display:none;}
  :root:not([data-theme="light"]) .i-moon{display:block;}
}
.menu-btn{display:none;}

.live-dot{width:9px; height:9px; border-radius:50%; background:var(--rojo); flex:none;}

@keyframes beat{50%{opacity:.25;}}
.hsearch{background:var(--wash); border-top:1px solid var(--rule);}
.search-in{display:flex; gap:10px; padding-top:14px; padding-bottom:14px;}
.hsearch input{flex:1; min-width:0; height:48px; padding:0 16px; background:var(--paper); border:1px solid var(--ink-3); border-radius:4px; font-size:17px;}
.hsearch input::placeholder{color:var(--ink-3);}
.hsearch button{height:48px; padding:0 22px; background:var(--ink); color:var(--paper); border:0; border-radius:4px; font-weight:700; cursor:pointer;}

.secs{position:sticky; top:0; z-index:40; background:var(--paper);}
.secs-in{display:flex; justify-content:center; gap:2px; overflow-x:auto; scrollbar-width:none;}
.secs-in::-webkit-scrollbar{display:none;}
.secs ul{display:flex; justify-content:center; gap:2px; list-style:none; margin:0; padding:0;}
.secs li{position:relative; list-style:none;}
.secs .sub-menu{display:none;}
.secs a{display:block; flex:none; padding:13px 13px; font-weight:700; font-size:14.5px; white-space:nowrap; transition:color .15s var(--ease);}
.secs a:hover, .secs .current-menu-item > a, .secs .current-menu-ancestor > a, .secs .current-post-ancestor > a{color:var(--blue);}
.spectrum{height:3px; background:linear-gradient(90deg,#e2211c 0%,#d81b72 20%,#7a3f98 38%,#2885c7 58%,#31a650 76%,#f4c400 90%,#e30035 100%);}

/* ---------- publicidad ---------- */

/* ---------- átomos ---------- */
.ph{position:relative; overflow:hidden; background:var(--wash); border-radius:4px;}
.ph img{width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease);}
a:hover .ph img{transform:scale(1.045);}
.r32{aspect-ratio:3/2;} .r43{aspect-ratio:4/3;} .r11{aspect-ratio:1/1;}
.fill{position:absolute; inset:0; border-radius:0;}
.hl{font-family:var(--serif); font-weight:700; line-height:1.2; letter-spacing:-0.01em; text-wrap:balance;}
a:hover .hl{text-decoration:underline; text-decoration-thickness:.07em; text-underline-offset:.16em;}
.dek{color:var(--ink-2); font-size:14.5px; line-height:1.5; margin-top:8px; text-wrap:pretty;}
.meta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin-top:10px; font-size:12.5px; color:var(--ink-3);}
.date{display:inline-flex; align-items:center; gap:5px;}
.date svg{width:13px; height:13px;}
.by{font-weight:700;}
.mcat{font-weight:700; display:inline-flex; align-items:center; gap:6px;}
.mcat::before{content:''; width:8px; height:8px; border:2px solid currentColor; border-radius:2px;}
.c-rojo{color:var(--rojo-ink);} .c-azul{color:var(--blue);} .c-verde{color:var(--verde);} .c-violeta{color:var(--violeta);} .c-rosa{color:var(--rosa);} .c-ambar{color:#a86400;}
.tag{display:inline-block; padding:4px 8px; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; line-height:1.2; color:#fff; border-radius:2px;}
.t-rojo{background:var(--rojo);} .t-azul{background:var(--azul);} .t-verde{background:var(--verde);} .t-violeta{background:var(--violeta);} .t-rosa{background:var(--rosa);}
.t-ambar{background:var(--ambar); color:#fff;}

/* cabecera de sección: cuadro de color + rótulo + regla */
.sh{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid var(--rule-strong);}
.sh h2{display:flex; align-items:center; gap:9px; font-size:15px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; line-height:1.2;}
.sh h2::before{content:''; width:12px; height:12px; border-radius:2px; background:var(--tone);}
.sh-rojo{--tone:var(--rojo);} .sh-ambar{--tone:var(--ambar);} .sh-azul{--tone:var(--azul);} .sh-verde{--tone:var(--verde);} .sh-violeta{--tone:var(--violeta);}
.sh-more{display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:var(--blue); white-space:nowrap;}
.sh-more svg{width:15px; height:15px; transition:transform .2s var(--ease);}
.sh-more:hover svg{transform:translateX(3px);}

/* tarjeta sobre imagen */
.ov{position:relative; border-radius:6px; overflow:hidden; background:#22262b; color:#fff; isolation:isolate;}
.ov > a{display:flex; flex-direction:column; justify-content:flex-end; height:100%; min-height:inherit;}
.ov .ph{background:#22262b; z-index:-2;}
.ov > a::after{content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(10,12,14,0) 22%, rgba(10,12,14,.62) 58%, rgba(10,12,14,.93) 100%);}
.ov-b{padding:22px;}
.ov .hl{font-weight:700; margin-top:10px;}
.ov .dek{color:#d9dde2;}
.ov .meta{color:#c5cad1;}

/* tarjeta con imagen arriba */
.cd-ph{position:relative;}
.cd-ph .tag{position:absolute; left:0; bottom:-9px;}
.cd .hl{font-size:17px; margin-top:20px;}

/* mini: miniatura + titular */
.mn a{display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start;}
.mn .hl{font-size:14.5px; line-height:1.3;}
.mn .meta{margin-top:6px;}

/* texto */
.tx .hl{font-size:16px; line-height:1.3;}
.tx .tag + .hl{margin-top:10px;}
.stack > * + *{margin-top:16px; padding-top:16px; border-top:1px solid var(--rule);}

/* destacado horizontal */
.ft a{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:20px; align-items:start;}
.ft .hl{font-size:21px;}

/* rejillas */
.g2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;}
.g3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;}
.g4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;}
.mt{margin-top:32px;}
.rule-top{padding-top:28px; border-top:1px solid var(--rule);}
.sec{padding-top:56px;}

/* ---------- bloque principal sobre fondo gris ---------- */
.hero{background:var(--wash); padding:28px 0 32px;}
.hero-in{display:grid; grid-template-columns:minmax(0,2.3fr) minmax(0,7.4fr) minmax(0,2.6fr); grid-template-rows:auto minmax(0,1fr); gap:22px 24px; margin-bottom:36px;}
.hero-l{grid-column:1; grid-row:1 / span 2;} .hero-r{grid-column:3; grid-row:1 / span 2;}
.ov-main{grid-column:2; grid-row:1;} .hero-s{grid-column:2; grid-row:2;}
.hero .sh{border-bottom-width:1px; margin-bottom:16px;}
.hero .sh h2{font-size:13px;}
.ov-main{min-height:0; aspect-ratio:16 / 10;}
.ov-main .hl{font-size:clamp(26px,2.6vw,36px); line-height:1.16; max-width:none; text-wrap:pretty;}
.ov-main .dek{display:none;}
.ov-main .ov-b{padding:24px 28px;}
.ov-main .meta{margin-top:10px;}
/* La foto manda: el degradado empieza más abajo y solo oscurece la franja del titular. */
.ov-main > a::after{background:linear-gradient(180deg, rgba(8,10,12,.12) 0%, rgba(8,10,12,.12) 40%, rgba(8,10,12,.70) 72%, rgba(8,10,12,.92) 100%);}
.hero-s{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-content:start;}
.hero-s .cd .hl{margin-top:12px;}
/* Columnas del bloque principal a la misma altura: el espacio sobrante se reparte entre los titulares. */
.hero-l, .hero-r{display:flex; flex-direction:column;}
.hero-l > .stack, .hero-r > .stack{flex:1; display:flex; flex-direction:column; justify-content:space-between;}
.cd-s .hl{font-size:15.5px;}
.hero-r{padding-left:24px; border-left:1px solid var(--rule);}
.hero > .wrap > .sh{margin-bottom:18px;}
.strip .mn a{grid-template-columns:76px minmax(0,1fr);}

/* política */
.ov-half{min-height:340px;}
.ov-half .hl{font-size:clamp(21px,2vw,27px);}

/* franja: síguenos */
.follow, .center-h, .pop .wrap{position:relative; text-align:center;}
.follow{margin-top:56px; padding:0 24px;}
.ghost{font-family:var(--sans); font-weight:700; font-size:clamp(46px,7vw,84px); line-height:1; letter-spacing:.04em; text-transform:uppercase; color:transparent; -webkit-text-stroke:1.5px var(--rule); user-select:none;}
.follow h2, .center-h h2, .pop h2{font-size:17px; font-weight:700; margin-top:-22px; position:relative;}
.follow-b{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:20px;}
.pill{display:inline-flex; align-items:center; gap:9px; min-height:46px; padding:0 20px; border:1px solid var(--rule-strong); border-radius:999px; font-weight:700; font-size:15px; transition:background-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);}
.pill svg{width:18px; height:18px;}
a.pill:hover{background:var(--ink); color:var(--paper);}

/* economía: grande oscura + dos tarjetas */
.g-act{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr); gap:24px;}
.ov-act{min-height:360px;}
.ov-act .hl{font-size:clamp(21px,2vw,27px);}
.g3 .tx .hl{font-size:18px;}

/* más leído: banda oscura con carrusel */
.pop{background:var(--band); color:var(--band-ink); margin-top:64px; padding:40px 0 34px;}
.pop .ghost{-webkit-text-stroke-color:var(--band-rule);}
.rail{display:flex; gap:18px; margin-top:26px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; text-align:left;}
.rail::-webkit-scrollbar{display:none;}
.ov-rail{flex:0 0 calc((100% - 72px) / 5); min-width:220px; min-height:300px; scroll-snap-align:start;}
.ov-rail .hl{font-size:17px;}
.ov-rail .ov-b{padding:16px;}
.rail-nav{display:flex; justify-content:center; gap:10px; margin-top:20px;}
.rail-nav button{width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:none; border:1px solid var(--band-rule); color:var(--band-ink); cursor:pointer; transition:background-color .15s var(--ease), color .15s var(--ease);}
.rail-nav button:hover{background:var(--band-ink); color:var(--band);}
.rail-nav svg{width:18px; height:18px;}

/* judicial */
.minis{gap:22px 24px; padding-top:28px; border-top:1px solid var(--rule);}

.center-h{margin-bottom:26px;}
.g-inv{display:grid; grid-template-columns:minmax(0,2.25fr) minmax(0,1fr); gap:24px;}
.ov-wide{min-height:360px;}
.ov-wide .hl{font-size:clamp(23px,2.4vw,32px);}
.ov-wide .dek{max-width:60ch;}

/* paginación */
.pager{display:flex; justify-content:center; gap:12px; margin-top:44px;}
.pager a{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 20px; border:1px solid var(--rule); border-radius:4px; font-weight:600; font-size:14px; transition:border-color .15s var(--ease);}
.pager a:hover{border-color:var(--rule-strong);}
.pager .off{color:var(--ink-3); pointer-events:none;}
.pager svg{width:15px; height:15px;}

/* ---------- pie ---------- */
/* Franja de colores de la marca a lo ancho, arriba del pie (igual que bajo el menú). */
.foot{margin-top:72px; color:var(--band-ink); background:linear-gradient(90deg,#e4202a,#f59c00,#ffd400,#2fa84f,#1f6fd1,#7b3fa0) top / 100% 3px no-repeat, var(--band);}
.foot-grid{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr); gap:40px; padding-top:52px; padding-bottom:44px;}
.foot-logo img{height:50px;}
.foot .foot-logo:has(.logo-b) .logo-a{display:none;}
.foot .foot-logo .logo-b{display:block;}
.foot .foot-logo:not(:has(.logo-b)) .logo-a{background:#fff; padding:6px 12px; border-radius:8px; box-sizing:content-box;}
.foot-about{margin-top:18px; font-size:14.5px; line-height:1.6; color:var(--band-2); max-width:34ch;}
.foot-soc{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:22px;}
.foot-soc .soc + .soc{margin-left:0;}
.foot-col h2{font-size:12.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#fff; padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid var(--band-rule);}
.fl, .fl-legal{list-style:none; margin:0; padding:0;}
.fl{display:grid; gap:2px;}
.fl-2{grid-template-columns:1fr 1fr; column-gap:20px;}
.fl a, .fl-txt{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:14.5px; color:var(--band-2); transition:color .15s var(--ease);}
.fl a:hover{color:#fff;}
.fl-ico svg{flex:none; width:17px; height:17px; color:var(--ambar);}
.fl-ico span{min-width:0; overflow-wrap:anywhere;}

.foot-bar{border-top:1px solid var(--band-rule);}
.foot-bar-in{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; padding-top:18px; padding-bottom:20px;}
.foot-c{font-size:13px; color:var(--band-2);}
.fl-legal{display:flex; flex-wrap:wrap; gap:6px 20px; font-size:13px;}
.fl-legal a{color:var(--band-2);}
.fl-legal a:hover{color:#fff; text-decoration:underline;}

.i-pause{display:none;}

/* ---------- adaptación ---------- */
@media (max-width:1100px){
  .topbar-links{display:none;}
  .topbar-soc{padding-left:0; border-left:0;}
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:none;}
  .ov-main{grid-column:1 / -1; grid-row:auto; aspect-ratio:16 / 9;}
  .hero-s{grid-column:1 / -1; grid-row:auto;}
  .hero-l, .hero-r{grid-column:auto; grid-row:auto;}
  .hero-r{padding-left:0; border-left:0;}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g-act{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ov-act{grid-column:1 / -1;}
  .ov-rail{flex-basis:calc((100% - 36px) / 3);}
  .g-inv{grid-template-columns:minmax(0,1fr);}
  
  .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px 32px;}
}
@media (max-width:600px){
  .foot-grid{grid-template-columns:minmax(0,1fr); padding-top:40px; padding-bottom:32px;}
  .foot-bar-in{flex-direction:column; align-items:flex-start;}
}
@media (max-width:760px){
  .wrap{padding-left:16px; padding-right:16px;}
  .mast-in{grid-template-columns:auto 1fr; padding-top:12px; padding-bottom:12px; gap:8px;}
  .mast-l{display:none;}
  .topbar{font-size:11px; letter-spacing:.04em;}
  .topbar-in{min-height:32px;}
  .topbar-city{display:none;}
  .logo img{height:38px;}
  .mast-r{gap:4px;}
  #btnTema{display:none;}
  .menu-btn{display:grid;}
  
  
  
  .secs-in{display:none;}
  .secs.open .secs-in{display:block; padding-top:4px; padding-bottom:10px;}
  .secs.open ul{display:grid; grid-template-columns:1fr 1fr; gap:0 16px; justify-content:stretch;}
  .secs.open a{padding:13px 0; border-bottom:1px solid var(--rule);}
  .ad{margin:16px auto;}
  .hero{padding:20px 0 28px;}
  .hero-in, .g2, .g3, .g-act{grid-template-columns:minmax(0,1fr); gap:24px;}
  .hero-l{order:3;} .hero-r{order:4;}
  .ov-main{aspect-ratio:4 / 3.6;}
  .ov-main .ov-b{padding:18px;}
  .ov-main .hl{font-size:23px; max-width:none;}
  .hero-s{grid-template-columns:1fr 1fr; gap:16px;}
  .hero-s > :nth-child(3){display:none;}
  .g4{grid-template-columns:minmax(0,1fr); gap:0;}
  .g4 > * + *{margin-top:18px; padding-top:18px; border-top:1px solid var(--rule);}
  .g4.mt{margin-top:24px;}
  .g4 .cd a{display:grid; grid-template-columns:118px minmax(0,1fr); column-gap:14px; align-items:start;}
  .g4 .cd .cd-ph{grid-row:1 / span 3;}
  .g4 .cd .cd-ph .tag{display:none;}
  .g4 .cd .hl{margin-top:0; font-size:16px;}
  .g4 .cd .dek{display:none;}
  .ov-half, .ov-act, .ov-wide{min-height:300px;}
  .ft a{grid-template-columns:minmax(0,1fr); gap:20px;}
  .sec{padding-top:44px;}
  .ov-rail{flex-basis:78%;}
  .pop{margin-top:48px;}
  
}
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation:none !important; transition-duration:.01ms !important;}
  
}

/* ============ página de artículo ============ */
.prog{height:3px; margin-top:-3px; position:relative;}
.prog i{display:block; height:100%; width:100%; background:var(--paper); transform-origin:right; transform:scaleX(1);}

.art-h{max-width:1080px; padding-top:32px;}
.art-h h1, .art-dek{max-width:880px;}
.crumbs{display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:var(--ink-3);}
.crumbs a:last-child{color:var(--verde);}
.crumbs a:hover{text-decoration:underline; text-underline-offset:3px;}
.art-h h1{font-family:var(--serif); font-weight:700; font-size:clamp(30px,4.4vw,50px); line-height:1.08; letter-spacing:-0.022em; text-wrap:balance; margin-top:16px;}
.art-dek{font-size:clamp(18px,1.7vw,21px); line-height:1.5; color:var(--ink-2); margin-top:18px; text-wrap:pretty;}
.art-meta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px; margin-top:26px; padding:16px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
.byline{display:flex; align-items:center; gap:12px;}
.avatar{flex:none; width:44px; height:44px; border-radius:50%; object-fit:cover; display:grid; place-items:center; background:var(--band); color:var(--band-ink); font-weight:700; font-size:14px; letter-spacing:.04em;}
.byline p{display:grid; font-size:13.5px; color:var(--ink-3); line-height:1.4;}
.byline strong{font-size:15px; color:var(--ink);}

.share{display:flex; align-items:center; gap:8px;}
.share a, .share button{height:42px; min-width:42px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--rule); border-radius:999px; background:none; cursor:pointer; font-weight:700; font-size:14px; transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);}
.share svg{width:19px; height:19px;}
.share a:hover, .share button:hover{border-color:var(--rule-strong);}
.share .sh-wa{background:#1fa855; border-color:#1fa855; color:#fff; padding:0 16px;}
.share .sh-wa:hover{background:#178a45; border-color:#178a45;}
.share button.ok{background:var(--ink); color:var(--paper); border-color:var(--ink);}

.art-fig{max-width:1080px; margin-top:28px;}
.art-fig .ph{aspect-ratio:16/9; border-radius:6px;}
.art-fig figcaption{font-size:13.5px; color:var(--ink-3); margin-top:10px; line-height:1.45;}
.art-fig figcaption span{display:inline-block; margin-left:6px; font-weight:600;}

.art-grid{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:56px; max-width:1080px; margin-top:36px; align-items:start;}

.toc{background:var(--wash); border-radius:6px; padding:18px 22px; margin-bottom:30px;}
.toc p{font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;}
.toc ol{margin:10px 0 0; padding-left:20px;}
.toc li{padding:5px 0; font-weight:600; font-size:15.5px;}
.toc li::marker{color:var(--ink-3); font-variant-numeric:tabular-nums;}
.toc a:hover{color:var(--blue); text-decoration:underline; text-underline-offset:3px;}

/* cuerpo de lectura */
.prose{font-size:18.5px; line-height:1.72; color:var(--ink); max-width:68ch;}
.prose > * + *{margin-top:1.15em;}
.prose p{text-wrap:pretty;}
.prose h2{font-family:var(--serif); font-weight:700; font-size:27px; line-height:1.18; letter-spacing:-0.012em; margin-top:1.9em; text-wrap:balance;}
.prose h3{font-family:var(--serif); font-weight:700; font-size:21px; line-height:1.25; margin-top:1.6em;}
.prose a{color:var(--blue); text-decoration:underline; text-decoration-thickness:.07em; text-underline-offset:.18em;}
.prose a:hover{text-decoration-thickness:.14em;}
.prose strong{font-weight:700;}
.prose ul, .prose ol{padding-left:1.3em;}
.prose li + li{margin-top:.45em;}
.prose li::marker{color:var(--azul); font-weight:700;}
.prose blockquote{font-family:var(--serif); font-style:italic; font-weight:600; font-size:23px; line-height:1.4; padding:6px 0 6px 0; margin:1.6em 0; text-wrap:balance;}
.prose blockquote::before{content:'“'; display:block; font-size:56px; line-height:.6; color:var(--azul); font-style:normal; margin-bottom:10px;}
.prose figure img, .prose > img{border-radius:6px; width:100%; height:auto;}
.prose figcaption{font-size:13.5px; color:var(--ink-3); margin-top:8px;}
.prose table{width:100%; border-collapse:collapse; font-size:15.5px; line-height:1.4; font-variant-numeric:tabular-nums;}
.prose th{text-align:left; font-weight:700; border-bottom:2px solid var(--rule-strong); padding:10px 12px 10px 0;}
.prose td{border-bottom:1px solid var(--rule); padding:10px 12px 10px 0; vertical-align:top;}
.prose iframe, .prose video{width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:6px;}

.also{background:var(--wash); border-radius:6px; padding:16px 20px; margin:1.8em 0;}
.also-k{font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--rojo-ink);}
.also a{display:block; font-family:var(--serif); font-weight:700; font-size:19px; line-height:1.3; margin-top:6px; color:var(--ink); text-decoration:none;}
.also a:hover{text-decoration:underline; text-underline-offset:.16em;}

.art-end{margin-top:44px; max-width:68ch;}
.tags{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.tags span{font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-right:4px;}
.tags a{padding:7px 13px; border:1px solid var(--rule); border-radius:999px; font-size:14px; font-weight:500; transition:border-color .15s var(--ease);}
.tags a:hover{border-color:var(--rule-strong);}
.end-share{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:28px; padding:20px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
.end-share p{font-family:var(--serif); font-weight:700; font-size:19px;}
.trust{display:flex; gap:16px; margin-top:28px; padding:22px; background:var(--wash); border-radius:6px;}
.trust-t{font-weight:700; font-size:16px;}
.trust p + p{font-size:15px; color:var(--ink-2); margin-top:4px;}
.trust a{color:var(--blue); text-decoration:underline; text-underline-offset:3px;}

/* columna lateral */
.art-side{display:grid; gap:36px; position:sticky; top:72px;}

.tl{list-style:none;}
.tl li{padding:12px 0; border-bottom:1px solid var(--rule);}
.tl li:first-child{padding-top:0;}
.tl li:last-child{border-bottom:0;}
.tl time{display:block; font-size:12.5px; font-weight:600; color:var(--ink-3); margin-bottom:3px;}
.tl a{font-family:var(--serif); font-weight:700; font-size:15.5px; line-height:1.3; display:block;}
.tl a:hover{text-decoration:underline; text-underline-offset:3px;}
.adslot{aspect-ratio:300/250; padding:16px; display:grid; place-content:center; text-align:center; gap:4px; border:1px dashed var(--ink-3); border-radius:6px; color:var(--ink-3); font-size:14px;}
.adslot span{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;}

@media (max-width:1000px){
  .art-grid{grid-template-columns:minmax(0,1fr); gap:44px;}
  .art-side{position:static;}
  .adslot{max-width:300px;}
}
@media (max-width:760px){
  .art-h{padding-top:22px;}
  .art-meta{margin-top:20px;}
  .share-top{width:100%;}
  .share-top .sh-wa{flex:1;}
  .art-fig{padding:0; margin-top:22px;}
  .art-fig .ph{border-radius:0;}
  .art-fig figcaption{padding:0 16px;}
  .prose{font-size:18px;}
  .prose h2{font-size:24px;}
  .art-grid{margin-top:28px;}
}

/* ==========================================================================
   Piezas de WordPress
   ========================================================================== */

.secs-static{position:static;}
.logo-text{font-family:var(--serif); font-weight:700; font-size:30px; letter-spacing:-0.02em;}
.ad-wrap{display:flex; justify-content:center;}
.ad-header_below{margin:22px auto; padding:0 24px;}
.sec-ad{display:flex; justify-content:center;}
.band-strip{background:var(--wash); padding:4px 0 32px;}
.hero + .band-strip{padding-top:0; margin-top:-8px;}
.g-inv.g-solo{grid-template-columns:minmax(0,1fr);}
.byline a{color:inherit;}
.byline a[rel=author]:hover{color:var(--blue);}
.trust .avatar{width:56px; height:56px;}
.trust-t a{color:var(--ink); text-decoration:none;}

/* paginación de archivos */
.pager .page-numbers{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; padding:0 14px; border:1px solid var(--rule); border-radius:4px; font-weight:600; font-size:14px; transition:border-color .15s var(--ease);}
.pager a.page-numbers:hover{border-color:var(--rule-strong);}
.pager .page-numbers.current{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.pager .page-numbers.dots{border:0; min-width:0; padding:0 4px;}
.pager{flex-wrap:wrap;}

/* archivos, búsqueda, 404 */
.arch-h{padding-top:32px; padding-bottom:8px;}
.arch-h h1{font-family:var(--serif); font-weight:700; font-size:clamp(30px,4vw,48px); line-height:1.08; letter-spacing:-0.02em; margin-top:14px; display:flex; align-items:center; gap:14px;}
.arch-h h1::before{content:''; flex:none; width:16px; height:16px; border-radius:3px; background:var(--tone, var(--azul));}
.arch-rojo{--tone:var(--rojo);} .arch-ambar{--tone:var(--ambar);} .arch-azul{--tone:var(--azul);} .arch-verde{--tone:var(--verde);} .arch-violeta{--tone:var(--violeta);} .arch-rosa{--tone:var(--rosa);}
.arch-desc{font-size:17px; color:var(--ink-2); margin-top:10px; max-width:68ch;}
.arch-page{font-size:14px; color:var(--ink-3); margin-top:6px;}
.arch-author{display:flex; align-items:center; gap:18px; margin-top:16px;}
.arch-author .avatar{width:84px; height:84px;}
.arch-author h1{margin-top:0;}
.arch-author h1::before{display:none;}
.arch-body{padding-top:24px;}
.arch-lead{margin-bottom:32px;}
.arch-lead .ov-wide{min-height:420px;}
.arch-grid{row-gap:36px;}
.arch-grid .hl{font-size:18px;}
.results{display:grid; gap:28px; max-width:900px;}
.results .ft + .ft{padding-top:28px; border-top:1px solid var(--rule);}
.empty{padding:28px 0 8px; font-size:17px; color:var(--ink-2);}
.empty .sform{margin-top:16px;}
.err .err-code{font-family:var(--serif); font-weight:700; font-size:clamp(64px,10vw,120px); line-height:1; color:var(--ambar);}
.err h1::before{display:none;}
.sform{display:flex; gap:10px; max-width:620px; margin-top:20px;}
.sform input{flex:1; min-width:0; height:48px; padding:0 16px; border:1px solid var(--ink-3); border-radius:4px; background:var(--paper); font-size:17px;}
.sform button{display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 20px; border:0; border-radius:4px; background:var(--ink); color:var(--paper); font-weight:700; cursor:pointer;}
.sform button svg{width:18px; height:18px;}

/* páginas */
.pg-body{max-width:1080px; padding-bottom:12px; margin-top:28px;}
.pg-wide .pg-body .prose{max-width:none;}

/* boletín */
.news{background:var(--wash); margin-top:72px; padding:48px 0;}
.news-in{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:40px; align-items:center;}
.news h2{font-family:var(--serif); font-weight:700; font-size:clamp(24px,2.4vw,32px); line-height:1.14; letter-spacing:-0.015em; text-wrap:balance;}
.news p{color:var(--ink-2); margin-top:10px; max-width:56ch;}
.news-form{display:flex; gap:10px;}
.news-form input{flex:1; min-width:0; height:48px; padding:0 16px; background:var(--paper); border:1px solid var(--ink-3); border-radius:4px;}
.news-form button{height:48px; padding:0 22px; background:var(--ink); color:var(--paper); border:0; border-radius:4px; font-weight:700; cursor:pointer;}
.news + .foot{margin-top:0;}
.foot-txt{text-align:center; font-size:13px; color:var(--ink-3); margin-top:18px;}

/* comentarios */
.comments{margin-top:44px; max-width:68ch;}
.comments > h2{font-family:var(--serif); font-weight:700; font-size:24px;}
.clist{list-style:none; margin-top:18px;}
.clist .comment{padding:16px 0; border-top:1px solid var(--rule);}
.clist .children{list-style:none; margin-left:28px;}
.comment-author{display:flex; align-items:center; gap:10px; font-weight:700;}
.comment-author .avatar{width:36px; height:36px;}
.comment-metadata{font-size:13px; color:var(--ink-3); margin-top:2px;}
.comment-content{margin-top:8px;}
.comment-respond{margin-top:28px;}
.comment-reply-title{font-family:var(--serif); font-weight:700; font-size:20px;}
.comment-form{display:grid; gap:12px; margin-top:12px;}
.comment-form label{display:block; font-weight:600; font-size:14px; margin-bottom:4px;}
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea{width:100%; padding:10px 12px; border:1px solid var(--ink-3); border-radius:4px; background:var(--paper);}
.btn-amb{min-height:46px; padding:0 22px; border:0; border-radius:999px; background:var(--ambar); color:#fff; font-weight:700; cursor:pointer;}
.hint{font-size:14px; color:var(--ink-3);}

/* contenido de WordPress dentro de la nota */
.prose .alignleft{float:left; margin:.3em 1.4em 1em 0; max-width:50%;}
.prose .alignright{float:right; margin:.3em 0 1em 1.4em; max-width:50%;}
.prose .aligncenter{margin-left:auto; margin-right:auto;}
.prose .wp-caption, .prose figure{max-width:100%;}
.prose .wp-caption-text, .prose .wp-element-caption{font-size:13.5px; color:var(--ink-3); margin-top:8px;}
.prose .wp-block-embed iframe, .prose .wp-block-video video{width:100%;}
.prose .wp-block-image img{height:auto;}
.prose .wp-block-pullquote{border-top:2px solid var(--rule-strong); border-bottom:2px solid var(--rule-strong); padding:1em 0;}
.prose hr{border:0; border-top:1px solid var(--rule); margin:2em 0;}
.prose pre{overflow-x:auto; padding:14px; background:var(--wash); border-radius:6px; font-size:15px;}
.prose::after{content:''; display:table; clear:both;}
.also ul{margin:8px 0 0 1.1em;}
.also ul a{font-size:17px;}
.screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
.screen-reader-text:focus{position:static; width:auto; height:auto; clip-path:none;}

.widget ul{list-style:none;}
.widget li{padding:8px 0; border-bottom:1px solid var(--rule);}

@media (max-width:760px){
  .ad-header_below{margin:16px auto; padding:0 16px;}
  .news-in{grid-template-columns:minmax(0,1fr); gap:20px;}
  .news-form{flex-direction:column;}
  .arch-lead .ov-wide{min-height:320px;}
  .arch-author{align-items:flex-start;}
  .arch-author .avatar{width:64px; height:64px;}
  .sform button span{display:none;}
  .prose .alignleft, .prose .alignright{float:none; margin:1em 0; max-width:100%;}
}
@media print{
  .mast-r,.secs,.share,.end-share,.art-side,.ad-wrap,.news,.comments,.prog{display:none !important;}
  .art-grid{grid-template-columns:1fr;}
}

/* Botón grande y velo inicial */

/* Carga y error */

/* Barra de controles */

/* ---------- Páginas institucionales (Quiénes somos, ética, legales…) ---------- */
.inst-h{background:var(--wash); border-bottom:1px solid var(--rule);}
.inst-h-in{padding-top:30px; padding-bottom:40px;}
.inst-h .crumbs{margin-bottom:22px;}
.inst-h h1{font-family:var(--serif); font-weight:700; font-size:clamp(34px,4.6vw,58px); line-height:1.04; letter-spacing:-.022em; max-width:18ch; text-wrap:balance;}
.inst-lead{margin-top:16px; max-width:60ch; font-size:20px; line-height:1.55; color:var(--ink-2); text-wrap:pretty;}
.inst-upd{margin-top:18px; font-size:13.5px; color:var(--ink-3);}
.inst-grid{display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding-top:48px; padding-bottom:24px;}
.inst-side{align-self:start; position:sticky; top:72px; max-height:calc(100vh - 160px); overflow-y:auto; scrollbar-width:thin;}
.inst-side > * + *{margin-top:32px;}
.inst-nav h2, .inst-toc h2{font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); margin-bottom:10px;}
.inst-nav ul, .inst-toc ol{list-style:none; margin:0; padding:0;}
.inst-nav a{display:flex; align-items:center; gap:10px; padding:8px 12px; margin-left:-12px; border-radius:8px; font-size:15px; font-weight:500; color:var(--ink-2); transition:background-color .15s var(--ease), color .15s var(--ease);}
.inst-nav a::before{content:""; flex:none; width:6px; height:6px; border-radius:50%; background:transparent; transition:background-color .15s var(--ease);}
.inst-nav a:hover{background:var(--wash); color:var(--ink);}
.inst-nav a[aria-current="page"]{background:var(--wash); color:var(--ink); font-weight:700;}
.inst-nav a[aria-current="page"]::before{background:var(--ambar);}
.inst-toc{counter-reset:toc;}
.inst-toc li{counter-increment:toc;}
.inst-toc a{display:grid; grid-template-columns:22px minmax(0,1fr); padding:6px 0; font-size:14px; line-height:1.4; color:var(--ink-2);}
.inst-toc a::before{content:counter(toc); font-weight:700; color:var(--azul); font-variant-numeric:tabular-nums;}
.inst-toc a:hover{color:var(--blue);}
.inst-body{min-width:0;}
.inst .prose{max-width:68ch;}
.inst .prose > :first-child{margin-top:0;}
.inst .prose h2{scroll-margin-top:90px; padding-top:.2em;}
.inst .prose h5, .inst .prose h6{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3);}
/* Imágenes e iconos SVG pegados en el contenido: nunca más grandes que la columna; los SVG sueltos quedan como icono. */
.inst .prose img{max-width:100%; height:auto;}
.inst .prose svg{display:block; width:56px; height:56px; max-width:100%; color:var(--azul); fill:currentColor;}
/* Páginas armadas con Elementor: dentro de la plantilla institucional se leen
   con la tipografía y los colores del tema (Elementor marca sus estilos con
   alta especificidad, por eso los !important). */
.inst .prose .elementor :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.e-con,.e-con-inner){display:block !important; width:auto !important; max-width:none !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; border:0 !important;}
.inst .prose .elementor :is(.elementor-background-overlay,.elementor-spacer,.elementor-divider){display:none !important;}
.inst .prose .elementor .elementor-widget:not(:last-child){margin-bottom:1.15em !important;}
.inst .prose .elementor :is(p,li,span,a,strong,em,div,td,th){color:inherit; font-family:inherit !important; text-align:left !important;}
.inst .prose .elementor :is(p,li){font-size:inherit !important; line-height:inherit !important; color:var(--ink) !important;}
.inst .prose .elementor :is(h1,h2,.elementor-heading-title){font-family:var(--serif) !important; font-weight:700 !important; font-size:27px !important; line-height:1.18 !important; letter-spacing:-.012em !important; color:var(--ink) !important; text-align:left !important;}
.inst .prose .elementor :is(h3,h4){font-family:var(--serif) !important; font-size:21px !important; line-height:1.25 !important; color:var(--ink) !important; text-align:left !important;}
.inst .prose .elementor :is(h5,h6){font-family:var(--sans) !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--ink-3) !important; text-align:left !important;}
.inst .prose .elementor a{color:var(--blue) !important;}
.inst .prose .elementor .elementor-icon-wrapper{text-align:left !important;}
.inst .prose .elementor :is(.elementor-icon,.elementor-icon svg){width:56px !important; height:56px !important; font-size:56px !important; fill:var(--azul) !important; color:var(--azul) !important; background:none !important;}
.inst .prose ul li::marker{color:var(--ambar);}
.inst-contact{margin-top:56px; padding:28px 30px; border-radius:14px; background:var(--band); color:var(--band-ink); max-width:68ch;}
.inst-contact h2{font-family:var(--serif); font-weight:700; font-size:24px; line-height:1.2; color:#fff;}
.inst-contact p{margin-top:8px; color:var(--band-2); font-size:15.5px;}
.inst-c-act{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px !important;}
.inst-btn{display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:0 18px; border-radius:999px; background:#25d366; color:#06210f; font-weight:700; font-size:14.5px; transition:transform .15s var(--ease), filter .15s var(--ease);}
.inst-btn svg{width:18px; height:18px;}
.inst-btn:hover{transform:translateY(-1px); filter:brightness(1.06);}
.inst-btn-2{background:rgba(255,255,255,.1); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.inst-btn:focus-visible{outline:2px solid #fff; outline-offset:3px;}
@media (max-width:1000px){
  .inst-grid{grid-template-columns:minmax(0,1fr); gap:28px; padding-top:28px;}
  .inst-side{order:2;}
  .inst-side > *{position:static;}
  .inst-toc{display:none;}
  .inst-nav{padding-top:24px; border-top:1px solid var(--rule);}
  .inst-nav ul{display:flex; flex-wrap:wrap; gap:6px;}
  .inst-nav a{margin-left:0; padding:8px 14px; border:1px solid var(--rule); border-radius:999px; font-size:14px;}
  .inst-nav a::before{display:none;}
  .inst-nav a[aria-current="page"]{background:var(--ink); color:var(--paper); border-color:var(--ink);}
}
@media (max-width:760px){
  .inst-h-in{padding-top:18px; padding-bottom:28px;}
  .inst-lead{font-size:18px;}
  .inst-contact{padding:22px 20px; border-radius:12px;}
}

/* ---------- Indicadores económicos ---------- */
.sec-ind{padding-top:8px;}
.ind{margin-bottom:8px;}
.arch-body > .ind{margin-bottom:28px;}
.ind-row{list-style:none; margin:0; padding:0; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px,1fr); overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; border:1px solid var(--rule); border-radius:12px; background:var(--paper);}
.ind-i{scroll-snap-align:start; padding:14px 16px 16px; display:flex; flex-direction:column; gap:4px; min-width:0;}
.ind-i + .ind-i{border-left:1px solid var(--rule);}
.ind-l{font-size:12.5px; font-weight:700; letter-spacing:.02em; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ind-v{display:flex; align-items:center; gap:7px; font-size:19px; font-weight:700; line-height:1.2; color:var(--ink); font-variant-numeric:tabular-nums; white-space:nowrap;}
.ind-a{flex:none; width:10px; height:7px; background:var(--ink-3);}
.ind-up .ind-a{background:var(--verde); clip-path:polygon(50% 0,100% 100%,0 100%);}
.ind-down .ind-a{background:var(--rojo-ink); clip-path:polygon(0 0,100% 0,50% 100%);}
.ind-flat .ind-a{height:2px; border-radius:1px;}
.ind-c{font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--ink-3);}
.ind-up .ind-c{color:var(--verde);}
.ind-down .ind-c{color:var(--rojo-ink);}
.ind-c span{font-weight:500; opacity:.85;}
.ind-src{margin-top:10px; font-size:12px; line-height:1.5; color:var(--ink-3);}
:root[data-theme="dark"] .ind-up .ind-c{color:#5cc98a;}
:root[data-theme="dark"] .ind-up .ind-a{background:#5cc98a;}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .ind-up .ind-c{color:#5cc98a;} :root:not([data-theme="light"]) .ind-up .ind-a{background:#5cc98a;} }
@media (max-width:760px){
  .ind-row{grid-auto-columns:minmax(138px,42%); border-radius:10px;}
  .ind-v{font-size:17px;}
}
.inst .prose .elementor p + p{margin-top:1.15em !important;}

/* ---------- Contacto ---------- */
.hp-field{position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden;}
.ct-grid{display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:48px; align-items:start; padding-top:44px; padding-bottom:24px;}
.ct-card{background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:32px 34px 30px; box-shadow:0 18px 40px -28px rgba(20,23,26,.35);}
.ct-card > h2{font-family:var(--serif); font-weight:700; font-size:26px; line-height:1.15; letter-spacing:-.012em;}
.ct-form{display:grid; gap:18px; margin-top:22px;}
.ct-reasons{border:0; margin:0; padding:0; min-width:0;}
.ct-reasons legend{font-size:14px; font-weight:700; margin-bottom:10px; padding:0;}
.ct-chips{display:flex; flex-wrap:wrap; gap:8px;}
.ct-chip{position:relative; cursor:pointer;}
.ct-chip input{position:absolute; opacity:0; inset:0; margin:0; cursor:pointer;}
.ct-chip span{display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border:1px solid var(--rule); border-radius:999px; font-size:14px; font-weight:600; color:var(--ink-2); background:var(--paper); transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);}
.ct-chip:hover span{border-color:var(--ink-3); color:var(--ink);}
.ct-chip input:checked + span{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.ct-chip input:focus-visible + span{outline:2px solid var(--blue); outline-offset:2px;}
.ct-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.ct-f{display:grid; gap:7px; min-width:0;}
.ct-f > span{font-size:14px; font-weight:700; color:var(--ink);}
.ct-f em{font-style:normal; font-weight:500; color:var(--ink-3);}
.ct-f input, .ct-f textarea{width:100%; min-height:48px; padding:12px 14px; border:1px solid var(--rule); border-radius:10px; background:var(--wash); color:var(--ink); font:inherit; font-size:16px; transition:border-color .15s var(--ease), background-color .15s var(--ease), box-shadow .15s var(--ease);}
.ct-f textarea{resize:vertical; min-height:150px; line-height:1.55;}
.ct-f input:hover, .ct-f textarea:hover{border-color:var(--ink-3);}
.ct-f input:focus, .ct-f textarea:focus{outline:0; border-color:var(--blue); background:var(--paper); box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent);}
.ct-f input:user-invalid, .ct-f textarea:user-invalid{border-color:var(--rojo-ink);}
.ct-check{display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; align-items:start; font-size:14px; line-height:1.5; color:var(--ink-2);}
.ct-check input{width:18px; height:18px; margin-top:2px; accent-color:var(--ink);}
.ct-check a{color:var(--blue); text-decoration:underline; text-underline-offset:.18em;}
.ct-send{display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;}
.ct-btn{display:inline-flex; align-items:center; gap:10px; min-height:50px; padding:0 26px; border:0; border-radius:999px; background:var(--ambar); color:#fff; font:inherit; font-size:16px; font-weight:700; cursor:pointer; transition:background-color .15s var(--ease), transform .15s var(--ease);}
.ct-btn svg{width:18px; height:18px; transition:transform .2s var(--ease);}
.ct-btn:hover{filter:brightness(1.08); transform:translateY(-1px);}
.ct-btn:hover svg{transform:translateX(3px);}
.ct-btn:focus-visible{outline:3px solid var(--ink); outline-offset:3px;}
.ct-note{font-size:13px; color:var(--ink-3);}
.ct-msg{margin-top:18px; padding:14px 16px; border-radius:10px; font-size:15px; line-height:1.5;}
.ct-ok{background:color-mix(in srgb, var(--verde) 12%, var(--paper)); color:var(--ink); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--verde) 40%, transparent);}
.ct-bad{background:color-mix(in srgb, var(--rojo) 10%, var(--paper)); color:var(--ink); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rojo) 40%, transparent);}
.ct-admin{margin-top:16px; padding:12px 14px; border-radius:10px; background:var(--wash); font-size:13.5px; color:var(--ink-2);}
.cf-turnstile{min-height:65px;}
.ct-side{position:sticky; top:84px; display:grid; gap:28px;}
.ct-side > h2{font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); margin-bottom:-14px;}
.ct-ch{list-style:none; margin:0; padding:0; display:grid; gap:4px;}
.ct-ch a, .ct-li{display:grid; grid-template-columns:44px minmax(0,1fr); gap:14px; align-items:center; padding:12px; margin:0 -12px; border-radius:12px; transition:background-color .15s var(--ease);}
.ct-ch a:hover{background:var(--wash);}
.ct-ch b{display:block; font-size:13px; font-weight:700; color:var(--ink-3);}
.ct-ch span span, .ct-ch a > span:last-child{font-size:16px; font-weight:600; color:var(--ink); overflow-wrap:anywhere;}
.ct-ico{width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--wash); color:var(--ink);}
.ct-ico svg{width:20px; height:20px;}
.ct-wa .ct-ico{background:#25d366; color:#fff;}
.ct-pauta{padding:22px 22px 20px; border-radius:14px; background:var(--band); color:var(--band-ink);}
.ct-pauta h3{font-family:var(--serif); font-weight:700; font-size:21px; color:#fff;}
.ct-pauta p{margin-top:6px; font-size:14.5px; color:var(--band-2);}
.ct-pauta a{display:inline-flex; align-items:center; gap:8px; margin-top:14px; font-weight:700; color:var(--ambar);}
.ct-pauta a svg{width:16px; height:16px; transition:transform .2s var(--ease);}
.ct-pauta a:hover svg{transform:translateX(3px);}
.ct-soc{display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:14px; font-weight:700;}
.ct-soc span{margin-right:6px;}
@media (max-width:1000px){
  .ct-grid{grid-template-columns:minmax(0,1fr); gap:32px; padding-top:28px;}
  .ct-side{position:static;}
}
@media (max-width:600px){
  .ct-card{padding:22px 18px; border-radius:12px; margin:0 -4px;}
  .ct-row{grid-template-columns:minmax(0,1fr);}
  .ct-btn{width:100%; justify-content:center;}
}

.r169{aspect-ratio:16/9;}

.hd .secs{position:relative; top:auto;}
.hd.is-compact{position:fixed; top:0; left:0; right:0; z-index:60; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; column-gap:22px; padding:0 max(24px, calc((100% - 1192px) / 2)); background:var(--paper); box-shadow:0 8px 24px -16px rgba(0,0,0,.45); animation:hdIn .28s cubic-bezier(.16,1,.3,1);}
@keyframes hdIn{from{transform:translateY(-100%);} to{transform:none;}}
.admin-bar .hd.is-compact{top:32px;}
.hd.is-compact .mast, .hd.is-compact .mast-in{display:contents;}
.hd.is-compact .mast-l{display:none;}
.hd.is-compact .logo{grid-column:1; grid-row:1; padding:8px 0;}
.hd.is-compact .logo img{height:40px;}
.hd.is-compact .secs{grid-column:2; grid-row:1; position:static; background:none; min-width:0;}
.hd.is-compact .secs-in{max-width:none; padding:0; margin:0; justify-content:flex-start;}
.hd.is-compact .secs ul{justify-content:flex-start;}
.hd.is-compact .secs a{padding:21px 8px; font-size:13.5px;}
.hd.is-compact #btnTema{display:none;}
.hd.is-compact .secs-in.is-over{mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);}
.hd.is-compact .mast-r{grid-column:3; grid-row:1;}

.hd.is-compact .spectrum{position:absolute; left:0; right:0; bottom:0;}
.hd.is-compact .prog{position:absolute; left:0; right:0; bottom:0; margin:0;}
.hd.is-compact .hsearch{grid-column:1 / -1; grid-row:2;}
@media (max-width:782px){ .admin-bar .hd.is-compact{top:46px;} }
@media (max-width:760px){
  .hd.is-compact{padding:0 16px; column-gap:8px;}
  .hd.is-compact .logo img{height:32px;}
  .hd.is-compact .secs{grid-column:1 / -1; grid-row:3;}
  .hd.is-compact .secs.open{max-height:calc(100vh - 70px); overflow-y:auto;}
  .hd.is-compact .secs.open a{padding:13px 0;}
}
@media (prefers-reduced-motion:reduce){ .hd.is-compact{animation:none;} }

:root{--dock:0px;}

@media (max-width:760px){
  :root{--dock:0px;}
  
  
  
  
  
  
}

.is-swapping #contenido{opacity:.5; transition:opacity .2s var(--ease);}
.is-swapping body{cursor:progress;}

:root{--dock:0px;}

@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,59,48,.55);} 50%{box-shadow:0 0 0 5px rgba(255,59,48,0);}}

@media (max-width:760px){
  :root{--dock:0px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* ---------- Indicadores v2: panel «mercados» ---------- */
.ind{margin-bottom:8px;}
.ind-box{position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(135deg,#101418 0%,#17202a 60%,#122019 100%); color:#e8ecf0; box-shadow:0 22px 44px -30px rgba(10,20,30,.7);}
.ind-h{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; padding:18px 22px 14px; border-bottom:1px solid rgba(255,255,255,.08);}
.ind-h h2{font-family:var(--serif); font-weight:700; font-size:21px; line-height:1.15; letter-spacing:-.01em; color:#fff;}
.ind-live{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:#9fb0bf;}
.ind-live .live-dot{background:#34d17a; animation:indPulse 2s ease-in-out infinite;}
@keyframes indPulse{0%,100%{box-shadow:0 0 0 0 rgba(52,209,122,.5);} 50%{box-shadow:0 0 0 5px rgba(52,209,122,0);}}
.ind-more{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#f5b642;}
.ind-more svg{width:15px; height:15px; transition:transform .2s var(--ease);}
.ind-more:hover svg{transform:translateX(3px);}
.ind .ind-row{border:0; border-radius:0; background:none; grid-auto-columns:minmax(168px,1fr); scrollbar-color:rgba(255,255,255,.2) transparent;}
.ind .ind-i{position:relative; gap:6px; padding:16px 18px 54px; min-height:150px;}
.ind .ind-i + .ind-i{border-left:1px solid rgba(255,255,255,.07);}
.ind .ind-l{display:flex; align-items:center; gap:8px; color:#9fb0bf; font-size:12.5px; font-weight:600; letter-spacing:0;}
.ind-code{flex:none; padding:3px 7px; border-radius:6px; background:rgba(255,255,255,.08); color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.08em;}
.ind-name{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ind .ind-v{font-size:21px; font-weight:700; color:#fff; letter-spacing:-.01em;}
.ind .ind-c{display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; font-size:12.5px; color:#9fb0bf;}
.ind-pill{display:inline-flex; align-items:center; gap:5px; padding:3px 8px; border-radius:999px; font-weight:700; font-variant-numeric:tabular-nums;}
.ind-up .ind-pill{background:rgba(52,209,122,.16); color:#4ade80;}
.ind-down .ind-pill{background:rgba(255,90,79,.16); color:#ff7b72;}
.ind-flat .ind-pill{background:rgba(255,255,255,.08); color:#cfd8e0;}
.ind .ind-up .ind-c, .ind .ind-down .ind-c{color:#9fb0bf;}
.ind .ind-a{width:9px; height:6px;}
.ind .ind-up .ind-a{background:#4ade80;}
.ind .ind-down .ind-a{background:#ff7b72;}
.ind-abs{font-variant-numeric:tabular-nums;}
.ind-sp{position:absolute; left:18px; right:18px; bottom:14px; width:calc(100% - 36px); height:28px; overflow:visible;}
.ind-sp-l{fill:none; stroke:#7f93a6; stroke-width:1.6; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-linecap:round;}
.ind-sp-a{fill:rgba(127,147,166,.12); stroke:none;}
.ind-up .ind-sp-l{stroke:#4ade80;} .ind-up .ind-sp-a{fill:rgba(74,222,128,.12);}
.ind-down .ind-sp-l{stroke:#ff7b72;} .ind-down .ind-sp-a{fill:rgba(255,123,114,.12);}
/* TRM destacada */
.ind .ind-lead{grid-column:span 2; min-width:300px; background:linear-gradient(160deg,rgba(245,182,66,.14),rgba(245,182,66,0) 70%);}
.ind .ind-lead .ind-code{background:#f5b642; color:#14171a;}
.ind .ind-lead .ind-v{font-family:var(--serif); font-size:34px; line-height:1.05;}
.ind .ind-lead .ind-c{font-size:13.5px;}
.ind .ind-src{margin:0; padding:10px 22px 14px; border-top:1px solid rgba(255,255,255,.08); font-size:11.5px; color:#7f93a6;}
.arch-body > .ind .ind-box{margin-bottom:8px;}
@media (max-width:760px){
  .ind-box{border-radius:12px;}
  .ind-h{padding:14px 16px 12px;}
  .ind-h h2{font-size:18px;}
  .ind-more{margin-left:0;}
  .ind .ind-row{grid-auto-columns:minmax(150px,46%);}
  .ind .ind-lead{grid-column:span 1; min-width:220px;}
  .ind .ind-lead .ind-v{font-size:27px;}
  .ind .ind-i{padding:14px 14px 50px; min-height:138px;}
  .ind .ind-src{padding:10px 16px 12px;}
}
@media (prefers-reduced-motion:reduce){ .ind-live .live-dot{animation:none;} }

/* Centro: controles arriba, tiempo debajo, todo centrado */

/* Derecha */

/* ---------- Widgets: clima y sismos ---------- */
.sec-wg{padding-top:8px;}
.wg-h{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 18px; margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid var(--rule-strong);}
.wg-h h2{font-family:var(--serif); font-weight:700; font-size:24px; line-height:1.15; letter-spacing:-.01em;}
.wg-src{font-size:13px; color:var(--ink-3);}
.wg-link{display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:var(--blue);}
.wg-link svg{width:15px; height:15px; transition:transform .2s var(--ease);}
.wg-link:hover svg{transform:translateX(3px);}
.wg-note{margin-top:12px; font-size:12px; color:var(--ink-3);}
.wi{width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}

/* Clima */
.wx-row{list-style:none; margin:0; padding:0 0 6px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,1fr); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin;}
.wx-c{scroll-snap-align:start; position:relative; overflow:hidden; display:flex; flex-direction:column; padding:18px 18px 16px; border-radius:16px; color:#fff; background:linear-gradient(160deg,#2f8de4 0%,#1b5fae 100%); box-shadow:0 18px 36px -24px rgba(16,60,120,.8);}
.wx-c.is-night{background:linear-gradient(160deg,#2b2f63 0%,#15183a 100%); box-shadow:0 18px 36px -24px rgba(20,20,60,.9);}
.wx-c.w-cloud, .wx-c.w-fog{background:linear-gradient(160deg,#6f8296 0%,#44566b 100%);}
.wx-c.w-rain, .wx-c.w-drizzle{background:linear-gradient(160deg,#4f6f8f 0%,#2d465f 100%);}
.wx-c.w-storm{background:linear-gradient(160deg,#4a4f6b 0%,#24263a 100%);}
.wx-c.is-night.w-cloud, .wx-c.is-night.w-rain, .wx-c.is-night.w-drizzle, .wx-c.is-night.w-fog{background:linear-gradient(160deg,#30364f 0%,#181b2c 100%);}
.wx-top{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
.wx-top h3{font-size:17px; font-weight:700;}
.wx-top .wi{width:46px; height:46px; stroke-width:1.4; color:#fff; margin:-4px -4px 0 0;}
.wx-c.w-sun .wx-top .wi, .wx-c.w-sun-cloud .wx-top .wi{color:#ffd166;}
.wx-t{margin-top:4px; font-family:var(--serif); font-weight:700; font-size:52px; line-height:1; letter-spacing:-.03em;}
.wx-t span{font-size:20px; vertical-align:top; margin-left:2px; opacity:.85;}
.wx-d{margin-top:4px; font-size:14px; font-weight:600; opacity:.92;}
.wx-m{display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:12px; font-size:13px; opacity:.95;}
.wx-m span{display:inline-flex; align-items:center; gap:4px;}
.wx-m .wi{width:15px; height:15px;}
.wx-f{list-style:none; margin:16px 0 0; padding:12px 0 0; display:grid; grid-template-columns:repeat(5,1fr); gap:4px; border-top:1px solid rgba(255,255,255,.2); text-align:center;}
.wx-f li{display:grid; justify-items:center; gap:3px; font-size:12px;}
.wx-f li > span:first-child{font-weight:700; opacity:.85;}
.wx-f .wi{width:22px; height:22px;}
.wx-f b{font-size:13px;}
.wx-f small{font-size:11.5px; opacity:.7;}

/* Sismos */
.qk-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.qk a{display:grid; grid-template-columns:62px minmax(0,1fr); gap:14px; align-items:center; height:100%; padding:14px; border:1px solid var(--rule); border-radius:14px; background:var(--paper); transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);}
.qk a:hover{border-color:var(--ink-3); box-shadow:0 12px 24px -18px rgba(0,0,0,.45); transform:translateY(-1px);}
.qk-m{display:grid; place-items:center; align-content:center; width:62px; height:62px; border-radius:12px; color:#fff; line-height:1;}
.qk-m b{font-family:var(--serif); font-size:24px; font-weight:700;}
.qk-m small{margin-top:3px; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.9;}
.q-lo .qk-m{background:linear-gradient(160deg,#f2b632,#d98f12);}
.q-md .qk-m{background:linear-gradient(160deg,#f07b2c,#d4520f);}
.q-hi .qk-m{background:linear-gradient(160deg,#e4372b,#b51d14);}
.qk-t{display:grid; gap:4px; min-width:0;}
.qk-t b{font-size:15px; font-weight:700; line-height:1.3; color:var(--ink);}
.qk-t small{font-size:12.5px; color:var(--ink-3);}
@media (max-width:1000px){ .qk-list{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){
  .qk-list{grid-template-columns:minmax(0,1fr);}
  .wx-row{grid-auto-columns:minmax(240px,82%);}
  .wg-h h2{font-size:21px;}
}

@media (min-width:1001px){ .wx-row{grid-auto-flow:row; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible;} }
@media (min-width:601px) and (max-width:1000px){ .wx-row{grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible;} }
/* Íconos del clima en color: sol amarillo, luna clara, gotas azules, rayo amarillo. */
.wi .ws{stroke:#ffd166;} .wi .wm{stroke:#e8ecff; fill:rgba(232,236,255,.12);} .wi .wd{stroke:#8fd0ff;} .wi .wb{stroke:#ffd166;}
.wx-top .wi.w-sun{animation:wxSpin 24s linear infinite;}
@keyframes wxSpin{to{transform:rotate(360deg);}}
.wx-top .wi .wd{animation:wxRain 1.2s linear infinite;}
@keyframes wxRain{0%{transform:translateY(-1.5px); opacity:.4;} 60%{opacity:1;} 100%{transform:translateY(1.5px); opacity:.3;}}
.wx-top .wi .wb{animation:wxBolt 3s ease-in-out infinite;}
@keyframes wxBolt{0%,86%,100%{opacity:1;} 90%{opacity:.2;} 94%{opacity:1;} 97%{opacity:.3;}}
@media (prefers-reduced-motion:reduce){ .wx-top .wi.w-sun, .wx-top .wi .wd, .wx-top .wi .wb{animation:none;} }

/* ---------- Sismos v2: panel tipo sismógrafo ---------- */
.qks{--q-lo:#f2b632; --q-md:#f07b2c; --q-hi:#e4372b; --q-xx:#b31d6e;}
.qks .q-lo{--q:var(--q-lo);} .qks .q-md{--q:var(--q-md);} .qks .q-hi{--q:var(--q-hi);} .qks .q-xx{--q:var(--q-xx);}
.qk-box{border-radius:18px; overflow:hidden; color:#e8ecf0; background:radial-gradient(70% 120% at 0% 0%, rgba(240,123,44,.18) 0%, transparent 60%), linear-gradient(160deg,#16191e 0%,#0e1013 100%); box-shadow:0 24px 48px -30px rgba(0,0,0,.75);}
.qk-h{display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.08);}
.qk-h h2{font-family:var(--serif); font-weight:700; font-size:22px; color:#fff;}
.qk-scale{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.qk-scale li{display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:999px; background:rgba(255,255,255,.06); font-size:11.5px; font-weight:700; color:#c9d0d6;}
.qk-scale li::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--q);}
.qk-sgc{margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:#f5b642;}
.qk-sgc svg{width:15px; height:15px; transition:transform .2s var(--ease);}
.qk-sgc:hover svg{transform:translateX(3px);}
.qk-body{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);}
/* Destacado */
.qk-lead{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:22px; padding:28px 26px 70px; border-right:1px solid rgba(255,255,255,.08); color:#fff; overflow:hidden;}
.qk-ring{position:absolute; left:26px; top:28px; width:120px; height:120px; pointer-events:none;}
.qk-ring i{position:absolute; inset:0; border-radius:50%; border:2px solid var(--q); opacity:0; animation:qkPulse 3s ease-out infinite;}
.qk-ring i:nth-child(2){animation-delay:1s;} .qk-ring i:nth-child(3){animation-delay:2s;}
@keyframes qkPulse{0%{transform:scale(.6); opacity:.8;} 100%{transform:scale(1.6); opacity:0;}}
.qk-big{position:relative; display:grid; place-items:center; align-content:center; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--q) 85%, #fff), var(--q) 60%, color-mix(in srgb, var(--q) 70%, #000)); box-shadow:0 18px 40px -14px var(--q);}
.qk-big b{font-family:var(--serif); font-weight:700; font-size:44px; line-height:1;}
.qk-big small{margin-top:2px; font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; opacity:.9;}
.qk-info{display:grid; gap:8px; min-width:0;}
.qk-lvl{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--q);}
.qk-place{font-family:var(--serif); font-weight:700; font-size:24px; line-height:1.15;}
.qk-meta{display:flex; flex-wrap:wrap; gap:6px; font-size:12.5px; color:#b9c2ca;}
.qk-meta span{padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.07);}
.qk-wave{position:absolute; left:0; right:0; bottom:14px; width:100%; height:44px;}
.qk-wave polyline{fill:none; stroke:var(--q); stroke-width:1.6; vector-effect:non-scaling-stroke; stroke-linejoin:round; stroke-dasharray:600; stroke-dashoffset:600; animation:qkDraw 2.4s ease-out forwards;}
@keyframes qkDraw{to{stroke-dashoffset:0;}}
.qk-lead:hover .qk-place{text-decoration:underline; text-decoration-thickness:.06em; text-underline-offset:.16em;}
/* Línea de tiempo */
.qk-tl{list-style:none; margin:0; padding:10px 0; position:relative;}
.qk-tl::before{content:""; position:absolute; left:39px; top:24px; bottom:24px; width:2px; background:rgba(255,255,255,.1);}
.qk-tl a{position:relative; display:grid; grid-template-columns:36px 44px minmax(0,1fr) 92px; align-items:center; gap:10px; padding:11px 22px 11px 22px; transition:background-color .15s var(--ease);}
.qk-tl a:hover{background:rgba(255,255,255,.04);}
.qk-dot{justify-self:center; width:var(--s); height:var(--s); border-radius:50%; background:var(--q); box-shadow:0 0 0 4px #121519, 0 0 16px -2px var(--q);}
.qk-m{font-family:var(--serif); font-weight:700; font-size:20px; color:#fff; font-variant-numeric:tabular-nums;}
.qk-tl .qk-t{display:grid; gap:2px; min-width:0;}
.qk-tl .qk-t b{font-size:14.5px; font-weight:700; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qk-tl .qk-t small{font-size:12px; color:#9aa4ae;}
.qk-d{display:grid; gap:4px;}
.qk-d i{display:block; height:5px; border-radius:3px; background:linear-gradient(90deg,#4aa8ff,#2a5c9e);}
.qk-d small{font-size:11px; color:#9aa4ae; font-variant-numeric:tabular-nums;}
.qk-note{margin:0; padding:10px 22px 14px; border-top:1px solid rgba(255,255,255,.08); font-size:11.5px; color:#7f8a95;}
@media (max-width:900px){
  .qk-body{grid-template-columns:minmax(0,1fr);}
  .qk-lead{border-right:0; border-bottom:1px solid rgba(255,255,255,.08);}
}
@media (max-width:600px){
  .qk-h{padding:14px 16px;}
  .qk-sgc{margin-left:0;}
  .qk-lead{grid-template-columns:minmax(0,1fr); justify-items:start; padding:22px 16px 64px;}
  .qk-ring{left:16px; top:22px; width:96px; height:96px;}
  .qk-big{width:96px; height:96px;}
  .qk-big b{font-size:36px;}
  .qk-place{font-size:21px;}
  .qk-tl a{grid-template-columns:30px 40px minmax(0,1fr); padding:10px 16px;}
  .qk-tl::before{left:30px;}
  .qk-d{display:none;}
  .qk-note{padding:10px 16px 12px;}
}
@media (prefers-reduced-motion:reduce){ .qk-ring i{animation:none;} .qk-wave polyline{animation:none; stroke-dashoffset:0;} }

/* Sismos v2: anula estilos de la versión anterior en la línea de tiempo. */
.qk-tl .qk-m{display:block; width:auto; height:auto; border-radius:0; background:none; place-items:initial;}
.qk-tl .qk-t b{color:#fff;} .qk-tl .qk-t small{color:#9aa4ae;}
.qk-tl li{list-style:none;}

/* Estado: pastilla translúcida */

/* Centro: la traza del sismógrafo cruza por detrás del botón */

/* Botón de play: esfera con anillos que laten mientras suena */

 

/* Línea de estado bajo los controles */

/* Derecha: reloj y acciones en pastillas translúcidas */

 

.tk{display:inline-flex; white-space:nowrap; animation:tkRun 14s linear infinite; will-change:transform;}
.tk span{flex:none; padding-right:56px;}

@keyframes tkRun{0%,14%{transform:translateX(0);} 100%{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){ .tk{animation:none;} .tk span + span{display:none;}  }
/* En móviles (≤600px) la barra de administración de WordPress se desplaza con la página: el cabezote compacto va pegado arriba. */
@media (max-width:600px){ .admin-bar .hd.is-compact{top:0;} }
/* Footer: el espaciado propio gana a la regla general de .wrap en móviles (los logos ya no quedan al ras de la franja de color). */
.foot .foot-grid{padding-top:52px; padding-bottom:44px;}
@media (max-width:600px){ .foot .foot-grid{padding-top:40px; padding-bottom:32px; row-gap:34px;} }
@media (max-width:600px){ .topbar-soc{display:none;} }

 

 

@media (max-width:600px){
  .topbar time, .topbar .fecha{font-size:12px;}
  .tag,.ind-code,.ind small,.meta,.meta time,.date{font-size:12px;}
  
  
  
  #contenido small{font-size:12px;}
}

/* ---- Footer claro ---- */
:root:not([data-theme="dark"]) .foot{--band:#ffffff; --band-ink:#14171a; --band-2:#4a5058; --band-rule:#e3e6ea; border-top:1px solid var(--rule);}
:root:not([data-theme="dark"]) .foot-col h2{color:var(--ink);}
:root:not([data-theme="dark"]) .fl a:hover, :root:not([data-theme="dark"]) .fl-legal a:hover{color:var(--ink);}
:root:not([data-theme="dark"]) .foot .foot-logo .logo-a{display:block; background:none; padding:0;}
:root:not([data-theme="dark"]) .foot .foot-logo .logo-b{display:none;}
:root:not([data-theme="dark"]) .fl-ico svg{color:#c27803;}
:root:not([data-theme="dark"]) .foot-bar{background:var(--wash);}

.foot-c a{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; transition:color .15s var(--ease);}
.foot-c a:hover{color:var(--ambar);}
:root:not([data-theme="dark"]) .foot-c a:hover{color:#a85f00;}

/* ---------- Aviso de cookies (primera visita) ---------- */
.ck{position:fixed; left:0; right:0; bottom:calc(var(--dock,0px) + 16px); z-index:90; display:flex; justify-content:center; padding:0 16px; pointer-events:none;}
.ck[hidden]{display:none;}
.ck-card{position:relative; width:min(600px,100%); max-height:calc(100vh - var(--dock,0px) - 40px); overflow:auto; padding:26px 28px 18px; border-radius:20px; background:var(--paper); color:var(--ink); border:1px solid var(--rule); box-shadow:0 30px 70px -24px rgba(10,12,15,.45), 0 2px 8px rgba(10,12,15,.06); pointer-events:auto; opacity:0; transform:translateY(18px) scale(.98); transition:opacity .26s var(--ease), transform .32s var(--ease);}
.ck.is-in .ck-card{opacity:1; transform:none;}
.ck-brand{display:flex; align-items:center; margin-bottom:16px;}
.ck-logo{display:block; height:34px; width:auto; max-width:200px; object-fit:contain;}
.ck-logo-b{display:none;}
:root[data-theme="dark"] .ck-brand:has(.ck-logo-b) .ck-logo-a{display:none;}
:root[data-theme="dark"] .ck-logo-b{display:block;}
.ck-t{font-family:var(--serif); font-weight:700; font-size:22px; line-height:1.2; letter-spacing:-.01em;}
.ck-d{margin-top:8px; font-size:14.5px; line-height:1.6; color:var(--ink-2);}
.ck-opts{display:grid; gap:2px; margin-top:16px; padding:6px; border-radius:14px; background:var(--wash);}
.ck-opts[hidden]{display:none;}
.ck-o{position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 12px; border-radius:10px; cursor:pointer;}
.ck-o span{display:grid; gap:2px; min-width:0;}
.ck-o b{font-size:14.5px; font-weight:700;}
.ck-o small{font-size:13px; line-height:1.45; color:var(--ink-3);}
.ck-o input{position:absolute; opacity:0; width:1px; height:1px;}
.ck-o i{flex:none; position:relative; width:42px; height:24px; border-radius:999px; background:#c7ccd2; transition:background-color .2s var(--ease);}
.ck-o i::after{content:""; position:absolute; left:3px; top:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3); transition:transform .2s var(--ease);}
.ck-o input:checked + i{background:var(--verde);}
.ck-o input:checked + i::after{transform:translateX(18px);}
.ck-o input:disabled + i{opacity:.55;}
.ck-o input:focus-visible + i{outline:2px solid var(--ambar); outline-offset:2px;}
.ck-act{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:20px;}
.ck-cfg{margin-right:auto; padding:10px 2px; border:0; background:none; color:var(--ink-2); font-size:14.5px; font-weight:700; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.ck-cfg:hover{color:var(--ink);}
.ck-b{min-height:46px; padding:0 20px; border-radius:999px; font-size:15px; font-weight:700; cursor:pointer; transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);}
.ck-b[hidden]{display:none;}
.ck-b1{border:1px solid var(--ambar); background:var(--ambar); color:#fff;}
.ck-b1:hover{filter:brightness(1.08); transform:translateY(-1px);}
.ck-b2{border:1px solid var(--rule-strong); background:transparent; color:var(--ink);}
.ck-b2:hover{background:var(--wash);}
.ck-b:focus-visible, .ck-cfg:focus-visible, .ck-l a:focus-visible, .ck-open:focus-visible{outline:2px solid var(--ambar); outline-offset:2px;}
.ck-l{display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:16px; padding-top:12px; border-top:1px solid var(--rule); font-size:12.5px; color:var(--ink-3);}
.ck-l a{color:var(--ink-2); text-decoration:underline; text-underline-offset:3px;}
.ck-l a:hover{color:var(--ink);}
.ck-open{padding:0; border:0; background:none; color:var(--band-2); font:inherit; font-size:13px; cursor:pointer;}
.ck-open:hover{color:var(--band-ink); text-decoration:underline;}
@media (max-width:600px){
  .ck{bottom:calc(var(--dock,0px) + 8px); padding:0 8px;}
  .ck-card{padding:22px 18px 14px; border-radius:18px;}
  .ck-t{font-size:20px;}
  .ck-d{font-size:14px;}
  .ck-logo{height:28px;}
  .ck-act{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
  .ck-cfg{grid-column:1 / -1; order:3; margin:0; justify-self:center;}
  .ck-b{padding:0 12px; font-size:14.5px;}
}
@media (prefers-reduced-motion:reduce){ .ck-card{transition:none;} }

:root{--dock:0px;}

/* Identidad */

/* Controles */

/* Derecha */



/* Accesibilidad: etiqueta de sección ámbar con contraste AA sobre blanco (y legible en oscuro). */
.c-ambar{color:#8f5300;}
:root[data-theme="dark"] .c-ambar{color:#f5b642;}
.ind-row:focus-visible{outline:2px solid var(--ambar); outline-offset:4px; border-radius:8px;}

@media (max-width:760px){
  
  .mast-in{grid-template-columns:1fr auto 1fr; gap:8px;}
  .mast-l{display:block;}
  .mast-in > .logo{justify-self:center;}
  .logo img{height:38px; width:auto; max-width:none; object-fit:contain;}
  .hd.is-compact{grid-template-columns:1fr auto 1fr;}
  .hd.is-compact .logo{grid-column:2; justify-self:center;}
  .hd.is-compact .mast-r{grid-column:3;}
}
/* Texto decorativo gigante: se dibuja desde CSS (no es contenido ni cuenta para contraste). */
.ghost::before{content:attr(data-t);}
.wx-row:focus-visible{outline:2px solid var(--ambar); outline-offset:4px; border-radius:8px;}
/* Tarjetas con texto sobre foto: velo negro en toda la imagen para que el texto blanco se lea siempre. */
.ov > a::after{background:linear-gradient(180deg, rgba(8,10,12,.30) 0%, rgba(8,10,12,.42) 30%, rgba(8,10,12,.74) 62%, rgba(8,10,12,.94) 100%);}
.ov .hl, .ov .dek, .ov .meta{text-shadow:0 1px 3px rgba(0,0,0,.45);}

/* Tipografía igual a la que usaba Foxiz en ColombiaMundo: Bitter 700 en títulos, 900 en el título de la nota; Work Sans 300 en fechas y datos. */
.art-h h1{font-weight:900;}
.meta, .meta time, .date{font-weight:300;}
.meta .mcat, .meta b, .meta strong{font-weight:600;}

/* Composición tipográfica de Foxiz (medida en la versión archivada del sitio):
   titulares sin apretar letras y con interlineado amplio, menú más grande, listas laterales en 600. */
.hl{letter-spacing:normal; line-height:1.4;}
.ov .hl{line-height:1.25;}
.tx .hl{font-weight:600;}
.secs a{font-size:17px; letter-spacing:-0.02em;}
.hd.is-compact .secs a{font-size:15px;}
@media (max-width:1100px){ .secs a{font-size:15.5px;} }
/* Tamaños de titulares como en Foxiz / colombiamundo.com: listas a 15 px en 600, titular de foto 24–32 px. */
.tx .hl{font-size:15px; line-height:1.5;}
.g3 .tx .hl{font-size:16px; line-height:1.45;}
.ov-main .hl{line-height:1.25;}
.meta{font-size:13px;}
/* Menú principal en Bitter, la misma letra de los titulares. */
.secs a{font-family:var(--serif); font-weight:600; font-size:16.5px; letter-spacing:normal;}
.hd.is-compact .secs a{font-size:15px;}
@media (max-width:1100px){ .secs a{font-size:15.5px;} }

/* ---------- Sala de prensa: portada para periodistas que quieren publicar ---------- */
.pr-hero{background:var(--band); color:var(--band-ink); border-bottom:1px solid var(--band-rule);}
.pr-hero-in{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:56px; padding-top:40px; padding-bottom:56px; align-items:start;}
.pr-hero .crumbs{color:var(--band-2);} .pr-hero .crumbs a:last-child{color:#fff;}
.pr-hero h1{margin-top:22px; font-family:var(--serif); font-weight:800; font-size:clamp(34px,4.4vw,56px); line-height:1.04; letter-spacing:-.022em; max-width:17ch; color:#fff; text-wrap:balance;}
.pr-lead{margin-top:20px; max-width:58ch; font-size:18px; line-height:1.6; color:var(--band-2); text-wrap:pretty;}
.pr-act{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px;}
.pr-btn{display:inline-flex; align-items:center; gap:10px; min-height:50px; padding:0 24px; border-radius:999px; background:var(--ambar); color:#fff; font-size:16px; font-weight:700; transition:transform .2s var(--ease), filter .2s;}
.pr-btn svg{width:18px; height:18px; transition:transform .2s var(--ease);}
.pr-btn:hover{transform:translateY(-1px); filter:brightness(1.08);} .pr-btn:hover svg{transform:translateX(3px);}
.pr-btn:focus-visible{outline:2px solid #fff; outline-offset:3px;}
.pr-btn-2{background:transparent; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);}
.pr-btn-2:hover{background:rgba(255,255,255,.08); filter:none;}
.pr-stats{display:flex; flex-wrap:wrap; gap:0 40px; margin-top:38px; padding-top:22px; border-top:1px solid var(--band-rule);}
.pr-stats dt{font-size:12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--band-2);}
.pr-stats dd{margin-top:4px; font-family:var(--serif); font-weight:700; font-size:30px; line-height:1.1; color:#fff; font-variant-numeric:tabular-nums;}
.pr-last{padding:22px 24px 8px; border-radius:14px; background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px var(--band-rule);}
.pr-last h2{font-size:12.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--band-2); padding-bottom:12px; border-bottom:1px solid var(--band-rule);}
.pr-last .mn{padding:14px 0; border-bottom:1px solid var(--band-rule);} .pr-last .mn:last-child{border-bottom:0;}
.pr-last .mn .hl{color:#fff; font-size:15.5px;} .pr-last .mn .meta{color:var(--band-2);}
.pr-last .mn a:hover .hl{color:#fff; text-decoration:underline; text-underline-offset:3px;}

.pr-how{padding-top:64px;}
.pr-how h2, .pr-cond h2, .pr-reg h2{font-family:var(--serif); font-weight:700; font-size:clamp(26px,2.6vw,34px); line-height:1.15; letter-spacing:-.012em;}
.pr-steps{list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;}
.pr-steps li{position:relative; padding:26px 24px 28px; border-radius:14px; background:var(--wash);}
.pr-n{display:inline-grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--ambar); color:#fff; font-family:var(--serif); font-weight:700; font-size:19px;}
.pr-steps h3{margin-top:18px; font-family:var(--serif); font-weight:700; font-size:21px; line-height:1.25;}
.pr-steps p{margin-top:8px; font-size:15.5px; line-height:1.55; color:var(--ink-2);}

.pr-cond{padding-top:64px; scroll-margin-top:90px;}
.pr-cond-g{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:48px; padding-top:40px; border-top:1px solid var(--rule);}
.pr-cond h3{margin-top:30px; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3);}
.pr-ok, .pr-no{list-style:none; margin:18px 0 0; padding:0;}
.pr-ok li, .pr-no li{position:relative; padding-left:36px; font-size:17px; line-height:1.5;}
.pr-ok li + li, .pr-no li + li{margin-top:12px;}
.pr-ok li::before, .pr-no li::before{content:''; position:absolute; left:0; top:1px; width:22px; height:22px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:12px;}
.pr-ok li::before{background-color:#e3f3e8; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7f3c' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E");}
.pr-no li::before{background-color:#fde7ea; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2241b' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");}
.pr-fine{margin-top:18px; font-size:14px; color:var(--ink-3);}
.pr-legal{align-self:start; padding:24px 26px; border-radius:14px; border:1px solid var(--rule); background:var(--paper);}
.pr-legal h3{margin:0; font-family:var(--serif); font-weight:700; font-size:19px; letter-spacing:0; text-transform:none; color:var(--ink);}
.pr-legal p{margin-top:12px; font-size:15px; line-height:1.6; color:var(--ink-2);}
.pr-legal a{color:var(--blue); font-weight:600; text-decoration:underline; text-underline-offset:3px;}

.pr-reg{margin-top:72px; padding:64px 0 80px; background:var(--wash); scroll-margin-top:60px;}
.pr-reg-in{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:56px; align-items:start;}
.pr-reg-t{position:sticky; top:84px;}
.pr-reg-t > p{margin-top:14px; font-size:17px; line-height:1.55; color:var(--ink-2); max-width:44ch;}
.pr-reg-l{list-style:none; margin:22px 0 0; padding:0;}
.pr-reg-l li{position:relative; padding-left:22px; font-size:15.5px; line-height:1.5; color:var(--ink-2);}
.pr-reg-l li + li{margin-top:8px;}
.pr-reg-l li::before{content:''; position:absolute; left:0; top:10px; width:8px; height:8px; border-radius:50%; background:var(--ambar);}
.pr-help{display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-top:28px; padding-top:22px; border-top:1px solid var(--rule); font-size:15px; font-weight:600; color:var(--ink-3);}
.pr-help a{display:inline-flex; align-items:center; gap:7px; color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--rule);}
.pr-help a:hover{text-decoration-color:var(--ink);} .pr-help svg{width:17px; height:17px;}

/* El formulario del plugin, vestido con el sistema del tema. */
.pr-form .ap-form-wrapper{background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:32px 32px 28px; box-shadow:0 18px 40px -28px rgba(10,12,14,.35);}
.pr-form .ap-form-wrapper .ap-form-wrapper{border:0; padding:0; box-shadow:none; background:transparent;}
.pr-form .ap-form-wrapper h2{margin:0 0 6px; font-family:var(--serif); font-weight:700; font-size:24px; line-height:1.2; color:var(--ink) !important;}
.pr-form .ap-form-wrapper h3{font-family:var(--serif); font-weight:700; font-size:19px; color:var(--ink) !important;}
.pr-form .ap-registration-intro, .pr-form .ap-form-wrapper p{font-size:15px; line-height:1.55; color:var(--ink-2) !important;}
.pr-form .ap-registration-intro{margin-bottom:22px;}
.pr-form .ap-form-field-wrapper{margin:0 0 18px;}
.pr-form .ap-form-field-wrapper label{display:block; margin-bottom:7px; font-size:14px; font-weight:700; color:var(--ink) !important;}
.pr-form .ap-form-wrapper input[type="text"], .pr-form .ap-form-wrapper input[type="email"], .pr-form .ap-form-wrapper input[type="url"], .pr-form .ap-form-wrapper input[type="tel"], .pr-form .ap-form-wrapper input[type="number"], .pr-form .ap-form-wrapper input[type="password"], .pr-form .ap-form-wrapper textarea, .pr-form .ap-form-wrapper select{width:100%; min-height:48px; height:auto; padding:12px 14px; border:1px solid var(--rule); border-radius:10px; background:var(--wash); color:var(--ink) !important; font:inherit; font-size:16px; line-height:1.4; transition:border-color .15s, box-shadow .15s, background-color .15s;}
.pr-form .ap-form-wrapper textarea{min-height:170px; resize:vertical;}
.pr-form .ap-form-wrapper input:hover, .pr-form .ap-form-wrapper textarea:hover, .pr-form .ap-form-wrapper select:hover{border-color:var(--ink-3);}
.pr-form .ap-form-wrapper input:focus, .pr-form .ap-form-wrapper textarea:focus, .pr-form .ap-form-wrapper select:focus{outline:0; border-color:var(--blue); background:var(--paper); box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent);}
.pr-form .ap-form-wrapper input[type="file"]{padding:10px; background:var(--paper);}
.pr-form .math-captcha{display:flex; align-items:center; gap:10px; font-family:var(--serif); font-weight:700; font-size:20px; color:var(--ink) !important;}
.pr-form .math-captcha input[type="text"]{width:150px; flex:none;}
.pr-form .ap-checkbox-inline{display:flex; align-items:flex-start; gap:10px; font-size:15px; font-weight:500 !important; line-height:1.45; color:var(--ink-2) !important;}
.pr-form .ap-checkbox-inline input[type="checkbox"]{width:18px; height:18px; margin:2px 0 0; accent-color:var(--ambar); flex:none;}
.pr-form .ap-checkbox-inline a{color:var(--blue); text-decoration:underline; text-underline-offset:3px;}
.pr-form .ap-form-error-message{margin-top:6px; font-size:13.5px; color:var(--rojo-ink);}
.pr-form .ap-form-submit-wrapper{margin-top:8px;}
.pr-form .ap-form-submit-button, .pr-form input[type="submit"], .pr-form button[type="submit"]{display:inline-flex; align-items:center; justify-content:center; min-height:52px; width:100%; padding:0 26px; border:0; border-radius:999px; background:var(--ambar); color:#fff; font:inherit; font-size:16px; font-weight:700; cursor:pointer; transition:transform .2s var(--ease), filter .2s;}
.pr-form .ap-form-submit-button:hover, .pr-form input[type="submit"]:hover{transform:translateY(-1px); filter:brightness(1.08);}
.pr-form .ap-form-submit-button:focus-visible{outline:3px solid var(--ink); outline-offset:3px;}
.pr-form .ap-payment-notice-text, .pr-form .ap-notice, .pr-form .ap-form-message{padding:14px 16px; border-radius:10px; background:var(--wash); font-size:15px; color:var(--ink-2) !important;}

:root[data-theme="dark"] .pr-ok li::before{background-color:rgba(52,209,122,.18);} :root[data-theme="dark"] .pr-no li::before{background-color:rgba(255,122,110,.18);}
:root[data-theme="dark"] .pr-form .ap-form-wrapper{box-shadow:none;}

@media (max-width:1100px){
  .pr-hero-in{grid-template-columns:minmax(0,1fr); gap:36px;}
  .pr-last{padding-bottom:4px;}
  .pr-cond-g, .pr-reg-in{grid-template-columns:minmax(0,1fr); gap:36px;}
  .pr-reg-t{position:static;}
}
@media (max-width:760px){
  .pr-hero-in{padding-top:24px; padding-bottom:36px;}
  .pr-hero h1{margin-top:16px; font-size:clamp(30px,8.4vw,38px);}
  .pr-lead{font-size:16.5px;}
  .pr-act{flex-direction:column;} .pr-btn{justify-content:center;}
  .pr-stats{gap:18px 28px; margin-top:28px;} .pr-stats dd{font-size:26px;}
  .pr-how, .pr-cond{padding-top:44px;}
  .pr-steps{grid-template-columns:minmax(0,1fr); gap:14px;} .pr-steps li{padding:20px 18px 22px;}
  .pr-cond-g{padding-top:28px;}
  .pr-ok li, .pr-no li{font-size:16px;}
  .pr-legal{padding:20px;}
  .pr-reg{margin-top:48px; padding:44px 0 56px;}
  .pr-form .ap-form-wrapper{padding:22px 18px 20px; border-radius:14px;}
}
/* El plugin repite el título del registro: la columna izquierda ya lo dice. */
.pr-form > h2, .pr-form > .ap-registration-intro{display:none;}