/* --- Anti horizontal scroll --- */
html, body { max-width: 100%; overflow-x: hidden; }

/* --- GOV strip (delgado) --- */
.gov-strip{
  background:#3366cc;      /* azul GOV.CO */
  padding: 4px 0;
  display: block;
}

.gov-strip .container{
  min-height: 36px;        /* asegura que se vea */
  display:flex;
  align-items:center;
}

.gov-strip__logo{
  height: 24px;            /* tamaño correcto */
  width: auto;
  display:block;
}

/* --- Brand bar (tipo ICETEX) --- */
.icetex-brandbar{
  background:#fff;
}
/* El brand link es un flex item; sin flex-shrink:0 el contenedor padre
   (.container py-3 d-flex justify-content-between) lo comprime y arrastra
   al logo (que tiene max-width: 100%) → distorsión. */
.icetex-brandbar__brand{
  flex-shrink: 0;
}
.icetex-brandbar__logo{
  display: block;
  /* HU56148: clamp() escala el alto según el ancho del viewport.
     Archivo intrínseco 1050x270 (HD) → crisp en cualquier DPR.
     Mín 110px (subtítulo legible desde tablet), máx 140px (FullHD+).
     Valores definitivos elegidos tras pruebas visuales 2026-05-13. */
  height: clamp(110px, 9vw, 140px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
/* Mobile angosto: deja que el ancho mande y el alto se ajuste proporcional. */
@media (max-width: 575.98px){
  .icetex-brandbar__brand{
    flex-shrink: 1;
  }
  .icetex-brandbar__logo{
    height: auto;
    max-height: 90px;
  }
}
.icetex-brandbar__title{
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.1;
  color:#111;
}
.icetex-brandbar__subtitle{
  font-size: .9rem;
  color:#6c757d;
  line-height: 1.1;
}

/* --- Nav franja --- */
.icetex-nav{
  background:#f8f9fa;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.icetex-nav__list{
  list-style:none;
  margin: 0;
  padding: 0 0 12px 0;
  display:flex;
  flex-direction: column;
  gap: 4px;
}

/* Desktop: menú horizontal como portal */
@media (min-width: 992px){
  .icetex-nav__list{
    flex-direction: row;
    gap: 18px;
    padding: 10px 0;
    align-items: center;
  }
}

/* Links */
.icetex-nav__list a{
  display:inline-flex;
  align-items:center;
  padding: 10px 8px;
  text-decoration:none;
  color:#1d1d1d;
  border-radius: 6px;
  font-weight: 500;
}
.icetex-nav__list a:hover{
  background: rgba(13,110,253,.08);
}

/* Active (lo pone layout.js) */
.icetex-nav__list a.is-active{
  font-weight:700;
  position: relative;
}
@media (min-width: 992px){
  .icetex-nav__list a.is-active::after{
    content:"";
    position:absolute;
    left: 8px;
    right: 8px;
    bottom: 2px;
    height: 3px;
    background:#0d6efd;
    border-radius: 99px;
  }
}

/* Toggle móvil (icetex-like) */
.icetex-nav__toggle{
  border: 1px solid rgba(0,0,0,.2);
  background: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  display:inline-flex;
  gap: 8px;
  align-items:center;
}
.icetex-nav__burger{
  width: 18px;
  height: 12px;
  display:inline-block;
  background:
    linear-gradient(#111,#111) 0 0/100% 2px no-repeat,
    linear-gradient(#111,#111) 0 50%/100% 2px no-repeat,
    linear-gradient(#111,#111) 0 100%/100% 2px no-repeat;
}
.icetex-nav__toggle-text{
  font-weight:600;
}

/* Accesibilidad foco visible */
:focus-visible{
  outline: 3px solid #ffbf47;
  outline-offset: 2px;
}
/* ==============================
   BARRA INFERIOR GOV.CO
============================== */

.govco-footer-bar {
  background-color: #3366cc;
   padding: 12px 0;
}

.govco-footer-bar__logo {
  height: 26px;
  width: auto;
  display: block;
}

.govco-footer-bar {
  background-color: #3366cc;
  padding: 16px 0;
}

/* contenedor de logos */
.govco-footer-logos {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* Logo entidad */
.govco-logo-entidad {
  height: 60px;
  display: inline-block;
  content: url(https://cdn.www.gov.co/v4/assets/images/Entidad.svg);
}


/* Separador */
.govco-separator {
  border-left: 1px solid #e5eefb;
  height: 44px;
  display: inline-block;
}

/* Logo Colombia / GOV.CO (HU58528: ahora son <img> con alt; el src va en el HTML) */
.govco-co {
  height: 48px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.govco-logo {
  height: 30px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.govco-accordion {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
}

.govco-accordion__item  {
  
    margin-bottom: 12px;
    border: 1px solid #D0D7DE;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.govco-accordion__trigger {
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  font-weight: 600;
}
.govco-accordion__panel .govco-accordion__content {
  padding: 12px 14px;
}