:root{
      --ssn-prim:#92272C;        /* rojo institucional */
      --ssn-prim-dark:#79142A;   /* rojo oscuro */
      --ssn-sec:#9B9D9A;
      --ssn-ter:#e4e4e4;         /* gris medio */
      --ssn-acc:#C9B98D;         /* dorado arena */
      --ssn-ink:#60595D;         /* gris tinta */
      --ssn-white:#ffffff;
      --maroon:#7b0f23;
      --pill:#6f7781;
      --bs-primary: var(--ssn-prim);
      --bs-primary-rgb: 146,39,44;
    }
    body{font-feature-settings:"liga" 1, "calt" 1;}

    /* Topbar */
.topbar{
    background: var(--ssn-ter);
    color: var(--ssn-ink);
    font-size: .925rem;
}

.topbar a{
    color: var(--ssn-ink);
    opacity: .9;
    text-decoration: none;
}

.topbar a:hover{
    opacity: 1;
}


    /* Navbar */
    .navbar{
      background: rgba(255,255,255,0.65); 
      backdrop-filter: blur(6px);      
    }

    .navbar .container,
.navbar .container-fluid {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

.navbar-nav {
  margin: 0 auto !important;
}
    .navbar .nav-link{
      color:var(--ssn-prim-dark);
      font-weight:500
    }
    .navbar .nav-link:hover{
      color:var(--ssn-sec);
    }

    [id]{
  scroll-margin-top: 200px;
}

.brand-mark{
  width: 300px;
  height: 80px;
  background: transparent;         
  border-radius: 12px;
  padding: 6px 12px;
  display: inline-grid;
  place-items: center;
  box-shadow: none;               
}

/* IMAGEN DEL LOGO */
.brand-mark img{
  width: 100%;
  height: 100%;
  object-fit: contain;         
}

/* =====================
   RESPONSIVE ADAPTIVE
   ===================== */

/* Tablet horizontal (máx 991px) */
@media (max-width: 991px){
  .brand-mark{
    width: 320px;
    height: 85px;
  }
}

/* Tablet vertical (máx 768px) */
@media (max-width: 768px){
  .brand-mark{
    width: 260px;
    height: 70px;
  }
}

/* Celular (máx 576px) */
@media (max-width: 576px){
  .brand-mark{
    width: 200px;
    height: 55px;
    padding: 4px 8px;
  }
}


    /* Hero slider */
    .carousel-caption{background:rgba(0,0,0,.45); border-radius:.75rem; padding:.75rem 1rem}
    .carousel-item img{object-fit:cover; height:360px}

    /* Quick pills */
    .quick-pills{background:#eef0f2}
    .quick-pills .btn{background:#6f7781; color:#fff; border:none}
    .quick-pills .btn:hover{background:#59606a}

    /* Section headers */
    .section-hdr{display:flex;align-items:center;gap:.6rem}
    .section-hdr .bar{width:28px;height:6px;background:var(--ssn-acc);border-radius:8px}

.banner{
  width: 70%;         /* MÁS GRANDE */
  max-width: 1200px;  /* límite para pantallas grandes */
  height: auto;
  display: block;
  margin: 0 auto;     /* centrado */
  border-radius: 12px; /* opcional: bordes suaves */
}

.ssn-quickbar {
  background-color: var(--maroon);   /* color institucional que estás usando */
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.ssn-quickbar .quick-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 0;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.95rem;
}

.ssn-quickbar .quick-link i {
  font-size: 1.2rem;
}

.ssn-quickbar .quick-link:hover {
  background-color: rgba(255,255,255,.06);
  text-decoration: none;
}


.section-hdr .bar {
  display:inline-block;
  width:4px;
  height:20px;
  margin-right:.5rem;
  background:var(--ssn-acc); /* institucional */
  border-radius:999px;
}

.section-hdr .bar {
  display:inline-block;
  width:4px;
  height:20px;
  margin-right:.5rem;
  background:var(--ssn-acc);
  border-radius:50px;
}

.object-fit-cover {
  object-fit: cover;
}

.section-hdr .bar {
  display:inline-block;
  width:4px;
  height:20px;
  margin-right:.5rem;
  background:var(--ssn-acc); /* color institucional */
  border-radius:999px;
}

.object-fit-cover {
  object-fit: cover;
}

.programa-salud {
  background: #f9f5f2;
}

.btn-programa {
  background: var(--ssn-prim-dark);
  color: #fff;
  border-radius: 999px;
  padding-inline: 2.5rem;
  font-size: 0.85rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.btn-programa:hover {
  background: var(--maroon);
  color: #fff;
}

.programa-card .badge {
  background-color: var(--ssn-acc);
  color: var(--ssn-ink);
}

.modal-programa-img {
  max-height: 70vh;       /* que no rebase el alto de la ventana */
  object-fit: contain;    /* que siempre se vea completa */
}

#listaPrograma .list-group-item.active {
  background-color: var(--ssn-acc);
  border-color: var(--ssn-sec);
  color: #000;
}

#listaPrograma .list-group-item {
  cursor: pointer;
}

/* Tarjeta del timeline */
.timeline-card {
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
}

.timeline-header {
  background: var(--ssn-acc); /* #C9B98D */
  color: var(--ssn-ink);      /* #60595D */
  padding: 0.75rem 1rem;
  font-size: 1.05rem;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
}

.timeline-header i {
  color: var(--ssn-prim-dark);
}

.timeline-card .card-body {
  background: #fff;
  padding: 0.75rem;
}

/* Tarjetas de noticias individuales */
.noticia-card {
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
}

.noticia-header {
  background: #f5f2eb;  /* tono suave derivado del arena */
  color: var(--ssn-ink);
  padding: 0.45rem 0.8rem;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
}

.noticia-header i {
  color: var(--ssn-prim-dark);
  font-size: 1rem;
}

.noticia-card .card-body {
  padding: 0.6rem;
}

/* Centrar los embeds */
.noticia-card .fb-post,
.timeline-card .fb-page {
  margin: 0 auto;
}


/* Imagenes/iframes contenidos si hiciera falta */
.modal-programa-img {
  max-height: 70vh;
  object-fit: contain;
}

.video-card {
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  height: 500px;
}

.video-header {
  background: #f5f2eb;      /* similar a las noticias */
  color: var(--ssn-ink);
  padding: 0.45rem 0.8rem;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
}

.video-header i {
  color: var(--ssn-prim-dark);
  font-size: 1rem;
}

.video-card .card-body {
  padding: 0.75rem;
}

.custom-control {
  width: 60px;
  height: 60px;
  background: rgba(0,0,0,0.35);
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
}

.custom-control i {
  font-size: 2rem;
  color: white;
}

.custom-control:hover {
  background: rgba(0,0,0,0.55);
}

.anuncio-card {
  border-radius: 12px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
}

.anuncio-header {
  background: #f5f2eb;  /* igual que noticias y videos */
  color: var(--ssn-ink);
  padding: 0.45rem 0.8rem;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  align-items: center;
}

.anuncio-header i {
  color: var(--ssn-prim-dark);
  font-size: 1rem;
}

.anuncio-card .card-body {
  padding: 0.75rem;
}

/* FOOTER GENERAL */
.ssn-footer {
  background: #79142A; /* gris institucional */
  color: #ffffff;
}

/* LOGO */
.footer-logo {
  width: 160px;
  
}

/* TITULOS */
.footer-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  color: #C9B98D;
}

/* LINKS */
.footer-links li a {
  text-decoration: none;
  color: #ffffff;
  opacity: .85;
  font-size: .9rem;
}

.footer-links li a:hover {
  opacity: 1;
  color: #C9B98D;
}

/* MAPA */
.footer-map {
  color: #C9B98D;
  font-size: .9rem;
  text-decoration: none;
}

.footer-map:hover {
  opacity: .75;
}

/* BARRA INFERIOR */
.footer-bottom {
  background: #60595D; 
  color: #f7f2f2;
  font-size: .85rem;
}

/*==========TRANSPARENCIA==========*/

/* Tabs de años para Inventarios */
.inv-years .nav-link {
  border-radius: 999px;
  font-size: .8rem;
  color: var(--ssn-prim-dark);
}

.inv-years .nav-link.active {
  background: var(--ssn-acc);
  color: #fff;
}

.inv-years .nav-link:hover {
  background: rgba(121,20,42,.08);
}

mark {
  background: #fff3cd;   /* dorado arena institucional */
  color: #000;
  padding: 0 .15em;
  border-radius: 2px;
}


  .input-icon .search-ico {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #60595D; /* institucional */
    font-size: 1.25rem;
    opacity: 0.75;
  }

  #dirSearch {
    border-radius: 0.75rem;
    border: 1px solid #ccc;
    height: 30px;
  }

  #dirSearch:focus {
    border-color: #C9B98D !important; /* rojo institucional */
    box-shadow: 0 0 0 .15rem rgba(146, 39, 44, 0.25);
  }

.glass-bar {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.modal-backdrop {
  z-index: 9998 !important;
}

.modal {
  z-index: 9999 !important;
}

.modal-dialog {
  z-index: 10000 !important;
}

   .cis-hero {
      background-color: rgba(201,185,141,0.25);
      color: #666;
    }
    .cis-hero h1 {
      font-size: clamp(1.8rem, 3vw, 2.4rem);
      font-weight: 600;
      letter-spacing: 0.03em;
    }
    .cis-hero p {
      margin-bottom: 0;
      max-width: 720px;
    }
    .cis-badge {
      background-color: #fff;
      color: var(--ssn-ink);
      border-radius: 999px;
      padding: 0.4rem 0.9rem;
      font-size: .9rem;
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      box-shadow: 0 0.15rem 0.6rem rgba(0,0,0,.1);
    }

    .cis-service-card {
      height: 100%;
      border-radius: 1.25rem;
      border: 1px solid rgba(0,0,0,0.04);
      box-shadow: 0 .25rem .9rem rgba(0,0,0,.04);
    }
    .cis-service-card .card-header {
      background: linear-gradient(135deg, rgba(201,185,141,0.25), rgba(255,255,255,0.9));
      border-bottom: 0;
    }
    .cis-service-card h6 {
      font-weight: 600;
      color: var(--ssn-prim-dark);
    }
    .cis-pill {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      font-size: .9 rem;
      padding: .18rem .6rem;
      color: var(--ssn-ink);
    }
    .cis-service-card ul {
      padding-left: 1.1rem;
      margin-bottom: 0;
      font-size: .92rem;
    }
    .cis-service-card li + li {
      margin-top: .2rem;
    }

      /* Ajustes del carrusel CEETRA */
#carouselCeetra {
  max-width: 500px;
  margin: 0 auto;
}

#carouselCeetra .carousel-item img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 1rem;
}

@media (max-width: 767.98px) {
  #carouselCeetra .carousel-item img {
    height: 380px;
  }
}

    /* Título de módulo tipo "Noticias" */
    .module-head h1 {
      font-size: 1.5rem;
      margin-bottom: .25rem;
    }

    .module-filter {
      font-size: .85rem;
      color: #666;
    }

    /* Que los iframes de Facebook ocupen ancho completo del contenedor */
    .fb-post-wrapper iframe {
      width: 100% !important;
      max-width: 500px;
    }