/* ==========================================================================
   Desarrollo Rural · Tierras del Cid — hoja de estilos
   Colores y tipografías tomados del diseño original (Elementor / tema Phox):
   azul #323567, oro #E8BC4B, gris texto #7f7f7f, titulares #423f4f,
   fondo suave #f8f8f8, pie #585E8A.
   ========================================================================== */

/* ---------- Tipografías locales (sin servicios externos) ---------- */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/montserrat-400.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/montserrat-500.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/montserrat-700.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/poppins-700.woff2") format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/karla-400.woff2") format("woff2")}
@font-face{font-family:"DIN Pro Cond Black";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/dinpro-black.ttf") format("truetype")}

:root{
  --azul:#323567;
  --azul-oscuro:#262950;
  --oro:#E8BC4B;
  --oro-oscuro:#d4a62f;
  --oscuro:#423f4f;
  --texto:#4a4a55;
  --gris:#7f7f7f;
  --suave:#f8f8f8;
  --borde:#e6e6ee;
  --pie:#585E8A;
  --pie-legal:#4d517a;
  --rosa:#C5538C;
  --rojo:#B64031;
  --naranja:#D5863A;
  --coral:#f36e46;
  --verde:#2f7d5a;
  --petroleo:#1b3a4e;
  --fuente:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --titulos:"Poppins",var(--fuente);
  --texto-alt:"Karla",var(--fuente);
  --din:"DIN Pro Cond Black","Poppins",sans-serif;
  --radio:14px;
  --sombra:0 10px 30px rgba(50,53,103,.10);
  --ancho:1140px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--fuente);font-size:16px;line-height:1.7;color:var(--texto);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul);text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}
a:hover{color:var(--oro-oscuro)}
p{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
h1,h2,h3,h4{font-family:var(--titulos);color:var(--oscuro);line-height:1.2;margin:0 0 .6em;font-weight:700}
h1{font-size:clamp(34px,5vw,58px);letter-spacing:-1.5px;line-height:1.1}
h2{font-size:clamp(28px,3.4vw,38px);letter-spacing:-.5px}
h3{font-size:22px;font-weight:600}
h4{font-size:18px;font-weight:600}
strong,b{font-weight:700}
.saltar{position:absolute;left:-999px;top:0;background:var(--azul);color:#fff;padding:8px 14px;z-index:1000}
.saltar:focus{left:8px;top:8px}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 16px}
.contenedor.estrecho{max-width:860px}
.centrado{text-align:center}
.ico{width:1.2em;height:1.2em;vertical-align:-.22em;flex:none}

/* ---------- Cabecera ---------- */
.cabecera{background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.cabecera-interior{display:flex;align-items:center;gap:22px;min-height:96px}
.marca img{height:72px;width:auto}
.marca-cid{margin-right:auto}
.marca-cid img{height:56px;width:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.menu a{display:inline-block;background:var(--oro);color:var(--azul);font-weight:700;font-size:14px;padding:6px 13px;border-radius:6px;line-height:1.4;white-space:nowrap}
.menu a:hover,.menu a.activo{background:var(--azul);color:var(--oro)}
.menu-boton{display:none;background:var(--oro);color:var(--azul);border:0;border-radius:8px;width:46px;height:46px;cursor:pointer;align-items:center;justify-content:center;margin-left:auto}
.menu-boton .ico{width:26px;height:26px}
.menu-boton .ico-cerrar{display:none}
@media (max-width:1023px){
  .cabecera-interior{min-height:80px;gap:14px}
  .marca img{height:58px}
  .marca-cid{display:none}
  .menu-boton{display:flex}
  .menu{position:absolute;left:0;right:0;top:100%;background:var(--oro);padding:24px 16px 30px;display:none;box-shadow:0 20px 30px rgba(0,0,0,.15)}
  .menu ul{flex-direction:column;gap:10px}
  .menu a{display:block;text-align:center;background:transparent;border:2px solid var(--azul);border-radius:40px;padding:10px 20px;font-size:16px}
  body.menu-abierto .menu{display:block}
  body.menu-abierto .menu-boton .ico-abrir{display:none}
  body.menu-abierto .menu-boton .ico-cerrar{display:block}
}

/* ---------- Secciones y títulos ---------- */
.seccion{padding:72px 0}
.seccion-suave{background:var(--suave)}
.seccion.sin-arriba{padding-top:0}
.titulo-seccion{margin-bottom:38px}
.titulo-seccion h1,.titulo-seccion h2{margin-bottom:12px}
.titulo-seccion .barra{display:block;width:64px;height:5px;border-radius:3px;background:var(--oro)}
.titulo-seccion.centrado .barra{margin:0 auto}
.titulo-seccion p{font-family:var(--texto-alt);font-size:18px;color:var(--gris);margin:0 0 10px}
.destacado{font-family:var(--texto-alt);font-size:19px;line-height:1.65;color:var(--oscuro)}
.descripcion{font-family:var(--texto-alt);font-size:18px;color:var(--gris)}
.rejilla{display:grid;gap:30px}
.rejilla-2{grid-template-columns:repeat(2,1fr)}
.rejilla-3{grid-template-columns:repeat(3,1fr)}
.rejilla-4{grid-template-columns:repeat(4,1fr)}
.rejilla-5{grid-template-columns:repeat(5,1fr)}
.dos-columnas{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:center}
.dos-columnas.invertido{grid-template-columns:7fr 5fr}
.dos-columnas.iguales{grid-template-columns:1fr 1fr}
.imagen-centrada{text-align:center}
.imagen-centrada img{margin:0 auto}
.imagen-redonda{max-width:420px;width:100%}
@media (max-width:991px){
  .rejilla-3,.rejilla-4,.rejilla-5{grid-template-columns:repeat(2,1fr)}
  .dos-columnas,.dos-columnas.invertido,.dos-columnas.iguales{grid-template-columns:1fr;gap:32px}
  .seccion{padding:56px 0}
}
@media (max-width:600px){
  .rejilla-2,.rejilla-3,.rejilla-4,.rejilla-5{grid-template-columns:1fr}
  .seccion{padding:46px 0}
}

/* ---------- Botones ---------- */
.boton{display:inline-flex;align-items:center;gap:8px;font-family:var(--fuente);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;padding:14px 28px;border-radius:35px;border:2px solid var(--oro);background:var(--oro);color:var(--azul);cursor:pointer;text-align:center}
.boton:hover{background:var(--azul);border-color:var(--azul);color:var(--oro)}
.boton-azul{background:var(--azul);border-color:var(--azul);color:#fff}
.boton-azul:hover{background:var(--oro);border-color:var(--oro);color:var(--azul)}
.boton-borde{background:transparent;color:var(--azul)}
.boton-borde:hover{background:var(--oro);color:var(--azul)}
.boton-claro{background:#fff;border-color:#fff;color:var(--azul)}
.boton-claro:hover{background:var(--oro);border-color:var(--oro);color:var(--azul)}
.boton-programa{width:100%;justify-content:flex-start;color:#fff;border-color:transparent}
.boton-programa:hover{background:var(--oscuro);border-color:var(--oscuro);color:#fff}
.boton-rosa{background:var(--rosa)}.boton-rojo{background:var(--rojo)}.boton-naranja{background:var(--naranja)}.boton-azul-f{background:var(--azul)}
.enlace-mas{font-weight:700;font-size:14px;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}

/* ---------- Portada ---------- */
.portada{background:#fff url("/img/fondos/portada.jpg") center/cover no-repeat;padding:70px 0 60px;text-align:center}
.portada-logo{width:min(440px,80vw);margin:0 auto 34px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.25))}
.portada-barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px}
.portada-barra .jht{width:min(280px,70vw);background:#fff;border-radius:40px;padding:8px 22px}
.redes{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.redes a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--azul);box-shadow:0 4px 14px rgba(0,0,0,.15)}
.redes a .ico{width:22px;height:22px}
.redes a:hover{background:var(--oro);color:var(--azul)}
.redes-pie a{background:var(--oro);color:var(--azul);box-shadow:none}
.redes-pie a:hover{background:#fff}
.redes-contacto a{background:var(--azul);color:#fff;box-shadow:none}
.redes-contacto a:hover{background:var(--oro);color:var(--azul)}
.titulo-din h2,.titulo-din h3{font-family:var(--din);font-weight:900;letter-spacing:.5px;color:var(--azul);text-transform:uppercase}

/* ---------- Tarjetas de noticias ---------- */
.tarjeta{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.tarjeta:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(50,53,103,.16)}
.tarjeta-imagen{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--suave)}
.tarjeta-imagen img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tarjeta:hover .tarjeta-imagen img{transform:scale(1.04)}
.tarjeta-cuerpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.tarjeta-cuerpo h3{font-size:18px;line-height:1.35;margin:0}
.tarjeta-cuerpo h3 a{color:var(--oscuro)}
.tarjeta-cuerpo h3 a:hover{color:var(--azul)}
.tarjeta-meta{margin:0;font-size:13px;color:var(--gris);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.categoria{display:inline-block;background:var(--oro);color:var(--azul);font-weight:700;font-size:12px;text-transform:uppercase;padding:3px 10px;border-radius:20px;letter-spacing:.4px}
.tarjeta-resumen{font-family:var(--texto-alt);color:var(--gris);margin:0;flex:1}

/* ---------- Cajas con icono / imagen ---------- */
.caja{background:#fff;border-radius:var(--radio);padding:34px 28px;box-shadow:var(--sombra);text-align:center;height:100%}
.caja-plana{box-shadow:none;background:transparent;padding:20px 10px}
.caja-icono{width:76px;height:76px;border-radius:50%;background:var(--oro);color:var(--azul);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.caja-icono .ico{width:36px;height:36px}
.caja figure{margin:0 auto 18px;width:150px}
.caja h3{font-size:19px;color:var(--oscuro);margin-bottom:12px}
.caja p{font-family:var(--texto-alt);color:var(--gris);font-size:16px;line-height:1.6;margin:0}
.titulo-din .caja h3{font-family:var(--din);font-weight:900;font-size:21px;letter-spacing:.3px}

/* ---------- Vídeo (carga diferida de YouTube) ---------- */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--radio);overflow:hidden;background:#000;box-shadow:var(--sombra)}
.video img{width:100%;height:100%;object-fit:cover;opacity:.95}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-boton{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:0;background:var(--oro);color:var(--azul);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s,background-color .2s}
.video-boton .ico{width:36px;height:36px;margin-left:4px;fill:currentColor}
.video-boton:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff}
.video-aviso{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 14px;font-size:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.video.cargado .video-boton,.video.cargado .video-aviso,.video.cargado img{display:none}

/* ---------- Franja CTA ---------- */
.franja-cta{background:var(--azul);color:#fff;padding:44px 0}
.franja-cta .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.franja-cta h3{font-family:var(--din);font-weight:900;font-size:clamp(22px,2.6vw,30px);letter-spacing:.5px;color:#fff;margin:0;text-transform:uppercase}

/* ---------- Socios / financiación ---------- */
.socios{padding:40px 0;border-top:1px solid var(--borde);background:#fff}
.socios ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px 56px}
.socios img{height:64px;width:auto;max-width:220px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.socios a:hover img{filter:none;opacity:1}
.financiacion{background:#fff;padding:26px 0;border-top:1px solid var(--borde)}
.financiacion img{margin:0 auto;max-width:min(760px,100%)}

/* ---------- Pie ---------- */
.pie{background:var(--pie);color:#fff}
.pie::before{content:"";display:block;height:calc(100vw * .095);background:#fff url("/img/fondos/pie.png") top center/100% auto no-repeat}
.pie-columnas{padding-top:56px}
.pie a{color:#fff}
.pie a:hover{color:var(--oro)}
.pie-columnas{display:grid;grid-template-columns:1.3fr 1.2fr .8fr .9fr;gap:40px;padding-bottom:48px;padding-top:56px}
.pie-col h4{color:var(--oro);font-size:17px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}
.pie-col p{font-size:15px;margin-bottom:.5em}
.pie-marca img{width:110px;height:110px;border-radius:50%;margin-bottom:16px;background:#fff}
.pie-col ul{list-style:none;margin:0;padding:0}
.lista-enlaces li{margin-bottom:8px;font-weight:500;font-size:15px}
.lista-contacto li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:15px}
.lista-contacto .ico{color:var(--oro);margin-top:4px}
.pie-web{margin-top:18px;font-weight:700}
.pie-legal{background:var(--pie-legal);padding:16px 0;text-align:center;font-size:12px}
.pie-legal p{margin:0}
@media (max-width:991px){.pie-columnas{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pie-columnas{grid-template-columns:1fr;gap:28px}}

/* ---------- Pestañas ---------- */
.pestanas-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 34px;padding:0;list-style:none}
.pestana{font-family:var(--fuente);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.3px;background:#fff;color:var(--azul);border:2px solid var(--azul);border-radius:40px;padding:10px 20px;cursor:pointer;transition:all .2s}
.pestana:hover{background:var(--oro);border-color:var(--oro)}
.pestana[aria-selected="true"]{background:var(--azul);color:#fff}
.pestanas-coral .pestana{border-color:var(--petroleo);color:var(--petroleo);font-weight:500}
.pestanas-coral .pestana[aria-selected="true"]{background:var(--coral);border-color:var(--coral);color:#fff}
.panel{display:none;animation:aparecer .35s ease}
.panel.activo{display:block}
@keyframes aparecer{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.panel-fondo{background:var(--suave) url("/img/fondos/participa.png") center/cover no-repeat;border-radius:var(--radio);padding:clamp(60px,12vw,139px) 20px;text-align:center}
.panel-fondo .tarjeta-panel{background:rgba(255,255,255,.94);border-radius:var(--radio);padding:32px;max-width:560px;margin:0 auto;box-shadow:var(--sombra)}
.panel-fondo p{font-family:var(--texto-alt);font-size:17px}

/* ---------- Tablas de programas ---------- */
.tabla-datos{width:100%;border-collapse:collapse;font-size:15px;background:#fff;box-shadow:var(--sombra);border-radius:var(--radio);overflow:hidden}
.tabla-datos th,.tabla-datos td{padding:16px 14px;text-align:center;border:1px solid var(--borde)}
.tabla-datos th{background:var(--azul);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.tabla-datos td{font-family:var(--titulos);font-weight:700;font-size:22px;color:var(--oscuro)}
.tabla-scroll{overflow-x:auto}
.panel h3.programa{text-align:center;font-family:var(--din);font-weight:900;font-size:30px;color:var(--azul);letter-spacing:.5px}

.rejilla-centrada{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.rejilla-centrada>*{flex:0 0 calc(25% - 23px)}
@media (max-width:991px){.rejilla-centrada>*{flex-basis:calc(50% - 15px)}}
@media (max-width:600px){.rejilla-centrada>*{flex-basis:100%}}

/* ---------- Tarjetas giratorias ---------- */
.giratoria{perspective:1200px;min-height:300px;cursor:pointer;outline:none}
.giratoria-interior{position:relative;width:100%;height:100%;min-height:300px;transition:transform .7s;transform-style:preserve-3d}
.giratoria:hover .giratoria-interior,.giratoria:focus-visible .giratoria-interior,.giratoria.girada .giratoria-interior{transform:rotateY(180deg)}
.giratoria-cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radio);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 22px;box-shadow:var(--sombra)}
.giratoria-frente{background:var(--suave)}
.giratoria-frente img{width:110px;height:110px;object-fit:contain;margin-bottom:18px}
.giratoria-frente h3{font-family:var(--din);font-weight:900;font-size:24px;letter-spacing:1px;color:var(--azul);margin:0}
.giratoria-dorso{background:var(--azul);color:#fff;transform:rotateY(180deg)}
.giratoria-dorso h3{color:#fff;font-size:18px;margin-bottom:16px}
.giratoria-dorso p{font-family:var(--texto-alt);color:#d9dbee;font-size:15px}
.giratoria-dorso .boton{font-size:13px;padding:11px 20px}
.giratoria-imagen .giratoria-frente{padding:0;background:#fff;overflow:hidden}
.giratoria-imagen .giratoria-frente img{width:100%;height:100%;object-fit:cover;margin:0}
.giratoria-imagen{min-height:0;aspect-ratio:1/1}
.giratoria-imagen .giratoria-interior{min-height:0;height:100%}
.giratoria.color-0 .giratoria-dorso{background:var(--petroleo)}
.giratoria.color-1 .giratoria-dorso{background:var(--rosa)}
.giratoria.color-2 .giratoria-dorso{background:var(--verde)}
.giratoria.color-3 .giratoria-dorso{background:var(--naranja)}

/* ---------- Galerías ---------- */
.galeria a{display:block;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);background:#fff}
.galeria img{width:100%;transition:transform .4s}
.galeria a:hover img{transform:scale(1.03)}

/* ---------- Municipios ---------- */
.municipios{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 24px}
.municipios li{background:#fff;border-left:4px solid var(--oro);padding:10px 14px;border-radius:0 8px 8px 0;font-weight:500;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
@media (max-width:991px){.municipios{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.municipios{grid-template-columns:1fr}}

/* ---------- Contacto ---------- */
.areas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.areas li{display:flex;align-items:center;gap:16px;background:#fff;border-radius:60px;padding:8px 22px 8px 8px;box-shadow:var(--sombra)}
.areas img{width:62px;height:62px;border-radius:50%;flex:none}
.areas p{margin:0;font-size:15px}
.areas a{font-weight:700}
.mapa-enlace{display:block;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}
.lista-contacto-grande{list-style:none;margin:0 0 20px;padding:0}
.lista-contacto-grande li{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;font-size:16px}
.lista-contacto-grande .ico{color:var(--oro);width:26px;height:26px;margin-top:2px}

/* ---------- Noticia ---------- */
.noticia-cabecera{padding:56px 0 48px}
.noticia-cabecera h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1px;margin:14px 0 0}
.noticia-cabecera .tarjeta-meta{font-size:14px}
.noticia-cabecera time{display:inline-flex;align-items:center;gap:6px}
.noticia-imagen{margin:0 0 36px;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);background:var(--suave)}
.noticia-imagen img{margin:0 auto;max-height:620px;object-fit:contain;width:100%}
.noticia-cuerpo{font-size:17px;line-height:1.8}
.noticia-cuerpo h2{font-size:clamp(20px,2.4vw,24px);font-family:var(--texto-alt);font-weight:400;color:var(--azul);letter-spacing:0;line-height:1.5;margin-bottom:1.2em;border-left:5px solid var(--oro);padding-left:18px}
.noticia-cuerpo h4{font-family:var(--din);font-weight:900;font-size:22px;color:var(--azul);letter-spacing:.5px;margin-top:1.6em}
.noticia-cuerpo a{font-weight:700;word-break:break-word}
.noticia-cuerpo ol li,.noticia-cuerpo ul li{margin-bottom:.5em}
.noticia-cuerpo .fecha-firma{color:var(--gris);font-style:italic;font-size:15px}
.proyectos{background:var(--suave);border-radius:var(--radio);padding:20px 24px;margin:0 0 1.4em}
.proyectos p{margin:0;padding:10px 0;border-bottom:1px solid var(--borde);font-size:15px}
.proyectos p:last-child{border-bottom:0}
.proyectos strong{display:block;color:var(--azul)}
.noticia-compartir{margin-top:36px}

/* ---------- Página de error ---------- */
.error-pagina{padding:100px 0;text-align:center}
.error-pagina h1{font-family:var(--din);font-size:clamp(70px,14vw,140px);color:var(--oro);letter-spacing:0;margin:0}

/* ---------- Utilidades ---------- */
.mt-1{margin-top:12px}.mt-2{margin-top:24px}.mt-3{margin-top:40px}.mb-0{margin-bottom:0}
.oculto-visual{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto}}