/* Portal Gobernación Departamental de Sololá
   Línea gráfica: Manual de Marca Institucional – Gobierno de la República de Guatemala 2024-2028 */
@font-face{font-family:"Altivo";src:url(../fonts/Altivo-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Altivo";src:url(../fonts/Altivo-Medium.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Altivo";src:url(../fonts/Altivo-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}
*{box-sizing:border-box}
:root{--institucion:#192854;--pabellon:#4993CC;--cielo:#24B2E3;--digital:#88C0D5;--blanco:#fff;
 --texto:#1c2540;--suave:#5a6585;--linea:#dbe4f0;--tenue:#f3f7fb;--radio:10px;--sombra:0 4px 18px rgba(25,40,84,.08);
 --fuente:"Altivo","Montserrat","Segoe UI",Arial,sans-serif}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fuente);color:var(--texto);background:var(--blanco);line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--pabellon)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:700}
.contenedor{width:min(1200px,100% - 32px);margin-inline:auto}
.saltar{position:absolute;left:-999px}.saltar:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.oculto{position:absolute;left:-9999px;opacity:0}
.icono{flex:none;vertical-align:middle}
/* ===== 7.2 Banner Institucional ===== */
.banner-institucional{background:var(--institucion) url(../img/textura.svg) right bottom/auto 100% no-repeat;color:#fff;position:sticky;top:0;z-index:40}
.bi-datos{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:.8rem;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#cfdcf0}
.bi-datos a,.bi-datos span{color:#cfdcf0;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.bi-datos a:hover{color:#fff}
.bi-utiles{margin-left:auto;display:flex;gap:16px;align-items:center}
.bi-utiles a{text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.bi-denuncia{border:1px solid var(--cielo);color:#fff!important;padding:2px 12px;border-radius:20px}
.bi-principal{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.imagotipo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.imagotipo img{max-height:58px;width:auto}
.imagotipo-escudo{width:84px;height:84px;max-height:none!important;border-radius:50%;object-fit:cover}
.imagotipo-texto{display:flex;flex-direction:column;line-height:1.05;border-left:1px solid rgba(255,255,255,.4);padding-left:12px}
.imagotipo-texto{padding-block:4px}
.imagotipo-texto small{font-size:.98rem;font-weight:500;letter-spacing:.02em}.imagotipo-texto strong{font-size:2.05rem;font-weight:800}
.menu{display:flex;gap:2px}
.menu a{padding:9px 14px;color:#fff;text-decoration:none;font-weight:600;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;position:relative}
.menu a:not(:last-child)::after{content:"";position:absolute;right:-1px;top:30%;height:40%;border-right:1px solid rgba(255,255,255,.35)}
.menu a:hover{background:rgba(255,255,255,.08)}
.menu a.activo{background:var(--cielo)}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:6px 8px;color:#fff}
/* ===== Botones ===== */
.btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:30px;padding:11px 22px;font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;transition:filter .2s}
.btn:hover{filter:brightness(1.1)}
.btn-sm{padding:8px 16px;font-size:.76rem}
.btn-primario{background:var(--institucion);color:#fff}
.btn-cielo{background:var(--cielo);color:#fff}
.btn-borde{background:#fff;color:var(--institucion);border:1.5px solid var(--pabellon)}
/* ===== 7.3 Banner Secundario (1920×500) ===== */
.banner-secundario{aspect-ratio:1920/500;min-height:300px;max-height:520px;background:var(--institucion);border-radius:0}
.banner-secundario .carrusel-item{aspect-ratio:auto;height:100%}
.banner-secundario figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;color:#fff;
 background:linear-gradient(90deg,rgba(25,40,84,.75),rgba(25,40,84,.15) 60%,transparent);padding:0 max(16px,calc((100% - 1200px)/2));width:100%}
.banner-secundario figcaption strong{font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.banner-secundario figcaption span{font-size:clamp(1rem,1.6vw,1.25rem);max-width:40ch}
.bs-pre{font-size:.8rem!important;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--digital)}
.banner-secundario .btn{margin-top:10px}
.banner-secundario .carrusel-puntos{left:50%;right:auto;transform:translateX(-50%);bottom:16px}
/* ===== Carrusel ===== */
.carrusel{position:relative;overflow:hidden;--por-vista:1}
.carrusel-pista{display:flex;transition:transform .7s ease;height:100%}
.carrusel-item{margin:0;flex:0 0 calc(100% / var(--por-vista));position:relative}
.carrusel-item img{width:100%;height:100%;object-fit:cover}
.carrusel-flecha{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:rgba(25,40,84,.35);cursor:pointer;color:#fff;display:grid;place-items:center;z-index:2}
.carrusel-flecha.prev{left:14px}.carrusel-flecha.next{right:14px}
.carrusel-puntos{position:absolute;bottom:10px;right:14px;display:flex;gap:6px;z-index:2}
.carrusel-puntos button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0}
.carrusel-puntos button.activo{background:var(--cielo);width:24px;border-radius:5px}
.carrusel-galeria .carrusel-flecha{background:var(--institucion);border-color:var(--institucion);top:40%}
.carrusel-galeria .carrusel-puntos{position:static;justify-content:center;margin-top:14px}
.carrusel-galeria .carrusel-puntos button{background:var(--linea)}
.carrusel-galeria .carrusel-puntos button.activo{background:var(--cielo)}
.tarjeta-foto{padding:0 8px}
.tf-img{aspect-ratio:4/3;border-radius:var(--radio);overflow:hidden;background:var(--tenue);cursor:zoom-in}
.tarjeta-foto figcaption{font-weight:700;color:var(--institucion);font-size:.9rem;padding:10px 2px 0}
/* ===== Cuerpo ===== */
.seccion{padding:44px 0 8px}
.titulo-linea{display:flex;align-items:center;gap:14px;color:var(--pabellon);font-size:1.15rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 22px}
.titulo-linea::after{content:"";flex:1;height:2px;background:var(--pabellon);opacity:.6}
.accesos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.acceso{border:1px solid var(--linea);border-radius:var(--radio);padding:24px 20px;text-decoration:none;color:var(--texto);display:flex;flex-direction:column;gap:4px;transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff}
.acceso .icono{color:var(--pabellon);margin-bottom:8px}
.acceso:hover{border-color:var(--cielo);box-shadow:var(--sombra);transform:translateY(-3px)}
.acceso strong{color:var(--institucion);font-size:1.05rem}.acceso small{color:var(--suave)}
.gobernador-in{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:center}
.gobernador-foto img{border-radius:var(--radio);aspect-ratio:4/5;object-fit:cover;width:100%}
.gobernador-texto h3{font-size:2.1rem;color:var(--institucion);margin:0}
.cargo{color:var(--cielo);font-weight:700;margin:4px 0 0;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}
blockquote{margin:18px 0 0;padding:18px 24px;border-left:4px solid var(--cielo);background:var(--tenue);border-radius:0 var(--radio) var(--radio) 0;font-size:1.06rem}
.pestanas-botones{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.pestanas-botones button{border:1.5px solid var(--linea);background:#fff;padding:8px 18px;border-radius:30px;cursor:pointer;font-weight:700;color:var(--institucion);font-family:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.pestanas-botones button.activo{background:var(--institucion);color:#fff;border-color:var(--institucion)}
.pestana{display:none}.pestana.activo{display:block;animation:aparecer .3s}
@keyframes aparecer{from{opacity:0;transform:translateY(6px)}}
.rejilla-enlaces{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tarjeta-enlace{display:flex;align-items:center;gap:12px;border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;text-decoration:none;color:var(--institucion);font-weight:600;transition:border-color .2s}
.tarjeta-enlace:hover{border-color:var(--cielo)}
.tarjeta-enlace img{width:40px;height:40px;object-fit:contain}
.tarjeta-enlace .flecha{margin-left:auto;color:var(--cielo)}
/* Tarjeta con logotipo: logo grande arriba y nombre debajo */
.tarjeta-enlace.con-logo{flex-wrap:wrap;gap:10px 8px;padding:16px;position:relative}
.te-logo{flex:0 0 100%;height:76px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--linea);padding-bottom:12px}
.tarjeta-enlace.con-logo .te-logo img{width:auto;height:auto;max-width:100%;max-height:64px}
.tarjeta-enlace.con-logo>span:not(.te-logo){font-size:.82rem;color:var(--suave);flex:1}
.te-nombre{text-align:center;font-weight:700;font-size:1.02rem;line-height:1.25;color:var(--institucion)}
/* Páginas internas */
.encabezado-pagina{background:var(--pabellon) url(../img/textura.svg) right bottom/auto 100% no-repeat;color:#fff;padding:40px 0}
.encabezado-pagina h1{font-size:clamp(1.8rem,4vw,2.6rem);text-transform:uppercase;letter-spacing:.02em;font-weight:800}
.encabezado-pagina p{margin:0;max-width:70ch}
.migas{font-size:.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.migas a{color:#fff}
.barra-herramientas{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.buscador{flex:1;min-width:220px;max-width:420px;padding:12px 18px;border-radius:30px;border:1.5px solid var(--linea);font-size:.95rem;font-family:inherit}
.sello-gratis{display:inline-flex;align-items:center;gap:6px;color:var(--pabellon);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}
.rejilla-servicios,.rejilla-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-bottom:26px}
.servicio,.doc{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);padding:20px;transition:border-color .2s,box-shadow .2s}
.servicio:hover,.doc:hover{border-color:var(--digital);box-shadow:var(--sombra)}
.servicio h3{color:var(--institucion);font-size:1.02rem}.servicio p{color:var(--suave);font-size:.92rem;margin:0 0 10px}
details summary{cursor:pointer;font-weight:700;color:var(--pabellon);margin-bottom:6px;font-size:.9rem}
.requisitos{font-size:.9rem;background:var(--tenue);padding:10px 12px;border-radius:8px;margin-bottom:10px}
.doc{display:flex;gap:14px}
.doc-ico{color:var(--pabellon)}
.doc h3{font-size:1rem;color:var(--institucion);margin-bottom:4px}.doc p{margin:0 0 8px;color:var(--suave);font-size:.88rem}
.doc-acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pendiente{font-size:.82rem;color:var(--suave);font-style:italic}
.nota{color:var(--suave);font-size:.9rem}
.aviso-onedrive{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--tenue);border-left:4px solid var(--cielo);border-radius:var(--radio);padding:16px 20px;margin:0 0 26px;color:var(--pabellon)}
.aviso-onedrive .ao-txt{flex:1;color:var(--texto)}
.aviso-onedrive .doc-acciones{margin:0}
.marco-legal{background:var(--tenue);border-radius:var(--radio);padding:16px 20px;margin-bottom:22px}
.marco-legal p{margin:8px 0 0;color:var(--suave)}
/* Visor */
.visor{width:min(1100px,96vw);height:88vh;padding:0;border:0;border-radius:var(--radio);overflow:hidden}
.visor::backdrop{background:rgba(25,40,84,.7)}
.visor-barra{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--institucion);color:#fff}
.visor-barra button{background:none;border:0;color:#fff;font-size:1.2rem;cursor:pointer}
.visor-barra{gap:12px}.visor-barra strong{flex:1}
.visor iframe{width:100%;height:calc(100% - 46px);border:0}
/* Formularios */
.caja-form{border:1px solid var(--linea);border-radius:var(--radio);padding:28px;background:#fff}
.caja-form h2{color:var(--institucion);font-size:1.3rem}
.form{display:grid;gap:14px;margin-top:12px}
.form label{display:grid;gap:5px;font-weight:600;font-size:.88rem;color:var(--institucion)}
.form input,.form select,.form textarea{padding:11px 14px;border-radius:8px;border:1.5px solid var(--linea);font:inherit;font-weight:400;width:100%;color:var(--texto)}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--cielo);border-color:transparent}
.form-fila{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .btn{justify-self:start}
.alerta{padding:12px 16px;border-radius:8px;margin:10px 0;font-weight:600}
.alerta-ok{background:#e6f5fb;color:#0f6a8c}.alerta-error{background:#fde8e8;color:#a21c1c}
.contacto-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tarjeta-datos{border:1px solid var(--linea);border-radius:var(--radio);padding:24px;margin-bottom:18px}
.tarjeta-datos h2{color:var(--institucion);font-size:1.3rem}.tarjeta-datos p{margin:6px 0}
.mapa iframe{width:100%;height:320px;border:0;border-radius:var(--radio)}
.interruptor{display:flex;background:var(--tenue);border-radius:30px;padding:4px;margin-bottom:10px}
.interruptor a{flex:1;text-align:center;padding:9px;border-radius:30px;text-decoration:none;font-weight:700;color:var(--institucion);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}
.interruptor a.activo{background:var(--institucion);color:#fff}
/* ===== 7.4 Banner Links de Interés ===== */
.links-interes{margin-top:56px;border-top:2px solid var(--pabellon);background:#fff}
.li-fila{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px 0;align-items:center}
.li-item{display:flex;justify-content:center;align-items:center;min-height:56px;text-decoration:none;color:var(--institucion);opacity:.9;transition:opacity .2s}
.li-item:hover{opacity:1}
.li-item img{max-height:56px;width:auto}
.li-texto{display:flex;flex-direction:column;line-height:1.1;border-left:2px solid var(--institucion);padding-left:10px}
.li-texto strong{font-size:1.05rem;font-weight:800}.li-texto small{font-size:.8rem;color:var(--pabellon);font-weight:600}
/* ===== 7.5 Pie de Sitio ===== */
.pie{background:var(--institucion);color:#d6e1f3;font-size:.82rem}
.pie a{color:#fff;text-decoration:none}.pie a:hover{text-decoration:underline}
.pie-in{display:flex;justify-content:space-between;gap:24px;padding:22px 0;flex-wrap:wrap;align-items:center}
.pie-izq p{margin:0 0 6px;font-weight:600;color:#fff}
.pie-nav{display:flex;gap:14px;flex-wrap:wrap}
.pie-der{text-align:right}.pie-der p{margin:0}
.redes{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}
.redes a{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center}
.redes a:hover{background:var(--cielo);border-color:var(--cielo);text-decoration:none}
.lightbox{position:fixed;inset:0;background:rgba(25,40,84,.92);display:grid;place-items:center;z-index:90;cursor:zoom-out;padding:16px}
.lightbox img{max-height:90vh;border-radius:8px}
/* Responsivo */
@media (max-width:1000px){
  .menu-btn{display:block}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--institucion);flex-direction:column;padding:8px 16px 16px;border-top:1px solid rgba(255,255,255,.12)}
  .menu a::after{display:none}
  .menu-abierto .menu{display:flex}
  .bi-principal{position:relative}
  .gobernador-in,.contacto-rejilla{grid-template-columns:1fr}
  .gobernador-foto{max-width:300px}
  .accesos{grid-template-columns:repeat(2,1fr)}
  .carrusel-galeria{--por-vista:2!important}
  .li-fila{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .bi-datos span:first-child{display:none}
  .bi-datos{gap:12px}
  .bi-utiles{margin-left:0}
  .banner-secundario{aspect-ratio:auto;height:340px}
  .accesos{gap:10px}.acceso{padding:16px}
  .form-fila{grid-template-columns:1fr}
  .carrusel-galeria{--por-vista:1!important}
  .pie-in{flex-direction:column;align-items:flex-start}.pie-der{text-align:left}.redes{justify-content:flex-start}
  .imagotipo-escudo{width:64px;height:64px}
  .imagotipo-texto small{font-size:.8rem}.imagotipo-texto strong{font-size:1.6rem}
  .banner-secundario .carrusel-flecha{display:none}
  .banner-institucional{position:static}
}
/* ===== Pantalla de entrada ===== */
.intro{display:none}
.con-intro body{overflow:hidden}
.con-intro .intro{position:fixed;inset:0;z-index:999;background:var(--institucion);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;color:#fff;cursor:pointer;transition:opacity .6s ease,visibility .6s}
.intro.saliendo{opacity:0;visibility:hidden}
.intro-sello{position:relative;width:150px;height:150px}
.intro-sello svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.intro-sello circle{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:478;stroke-dashoffset:478;animation:intro-trazo 1.1s ease-out .2s forwards}
.intro-sello img{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:50%;object-fit:cover;opacity:0;transform:scale(.85);animation:intro-escudo .7s ease-out 1s forwards}
.intro-texto{display:flex;gap:.32em;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:800;letter-spacing:.04em;line-height:1}
.intro-texto span{color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.55);opacity:0;transform:translateY(14px);animation:intro-letra .5s ease-out calc(.5s + var(--i) * .09s) forwards,intro-relleno .45s ease-in calc(1.6s + var(--i) * .12s) forwards}
.intro-sub{font-size:.85rem;text-transform:uppercase;letter-spacing:.32em;color:var(--digital);opacity:0;animation:intro-letra .6s ease-out 2.4s forwards}
@keyframes intro-trazo{to{stroke-dashoffset:0}}
@keyframes intro-escudo{to{opacity:1;transform:none}}
@keyframes intro-letra{to{opacity:1;transform:none}}
@keyframes intro-relleno{to{color:#fff;-webkit-text-stroke-color:#fff}}
/* ===== Visor de documentos del portal ===== */
.visor-docs{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}
.vd-lista{border:1px solid var(--linea);border-radius:var(--radio);padding:10px;max-height:80vh;overflow:auto;position:sticky;top:150px;background:#fff}
.vd-total{margin:2px 6px 8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pabellon)}
.vd-buscar{width:100%;max-width:none;min-width:0;margin-bottom:8px;padding:9px 14px;font-size:.88rem}
.vd-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--institucion);font-weight:600;font-size:.9rem;line-height:1.3}
.vd-item small{display:block;font-weight:500;color:var(--suave);font-size:.74rem;margin-top:3px}
.vd-item .icono{color:var(--pabellon);margin-top:1px}
.vd-item:hover{background:var(--tenue)}
.vd-item.activo{background:var(--institucion);color:#fff}.vd-item.activo small{color:#cfdcf0}.vd-item.activo .icono{color:var(--cielo)}
.vd-panel{border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;background:#fff}
.vd-barra{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--institucion);color:#fff}
.vd-barra strong{flex:1;min-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-panel iframe{display:block;width:100%;height:80vh;border:0;background:#525659}
.vd-nota{display:none;margin:0;padding:10px 14px;font-size:.82rem;color:var(--suave)}
@media (max-width:1000px){
  .visor-docs{grid-template-columns:1fr}
  .vd-lista{position:static;max-height:300px}
  .vd-panel iframe{height:70vh}
  .vd-nota{display:block}
}
.vd-carpeta{border-radius:8px;margin-bottom:2px}
.vd-carpeta summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;list-style:none;font-weight:700;color:var(--institucion);font-size:.92rem;margin:0}
.vd-carpeta summary::-webkit-details-marker{display:none}
.vd-carpeta summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--pabellon);border-bottom:2px solid var(--pabellon);transform:rotate(-45deg);transition:transform .2s;margin-left:2px}
.vd-carpeta[open] summary::after{transform:rotate(45deg)}
.vd-carpeta summary .icono{color:var(--cielo)}
.vd-carpeta summary span{flex:1;line-height:1.3}
.vd-carpeta summary b{font-size:.72rem;background:var(--tenue);color:var(--pabellon);border-radius:20px;padding:1px 8px}
.vd-carpeta summary:hover{background:var(--tenue)}
.vd-carpeta[open] summary{background:var(--tenue)}
.vd-contenido{padding:4px 0 6px 14px;margin-left:10px;border-left:2px solid var(--linea)}
.vd-barra strong small{font-weight:500;color:#cfdcf0;font-size:.85em}
/* Marco legal visible (Rendición de cuentas) */
.marco-legal-visible{background:var(--tenue);border-left:4px solid var(--cielo);border-radius:0 var(--radio) var(--radio) 0;padding:22px 26px;margin:0 0 30px;color:var(--texto)}
.marco-legal-visible p{margin:0 0 12px}
.ml-etiqueta{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--institucion);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
.ml-etiqueta .icono{color:var(--pabellon)}
.ml-incisos{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
.ml-incisos li{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:10px 14px}
.ml-incisos b{color:var(--pabellon);margin-right:4px}
.ml-fuente{font-size:.85rem;color:var(--suave);font-style:italic;margin:0!important;border-top:1px solid var(--linea);padding-top:12px}