/* Saltabarranca - Home (Transparencia) */

/* Quitar el recuadro del home viejo */
.hotqcontent{width:100%!important;max-width:none!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;}

/* HERO */
.sb-hero{background:#f7f7f8;border-bottom:1px solid #ececec;}
.sb-hero-inner{max-width:1180px;margin:0 auto;padding:56px 24px 38px;text-align:center;}
.sb-hero-title{margin:0;font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-size:36px;line-height:1.15;}
.sb-hero-subtitle{margin-top:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;font-size:18px;line-height:1.3;}
.sb-law-grid{margin-top:34px;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;}
.sb-law-card{flex:1 1 420px;max-width:520px;text-align:left;background:#fff;border:1px solid #ececec;border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.sb-law-kicker{font-weight:900;letter-spacing:.4px;text-transform:uppercase;font-size:16px;margin-bottom:8px;}
.sb-law-text{font-size:14px;line-height:1.55;color:#444;}

/* Página */
.sb-page{background:#f3f4f6;}
.sb-page-inner{max-width:1180px;margin:0 auto;padding:26px 24px 56px;}
.sb-page-title{text-align:center;margin:0 0 10px;font-size:30px;line-height:1.25;font-weight:500;}
.sb-intro-text{background:#fff;border:1px solid #e9e9e9;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:14px;}
.sb-section-title{margin:26px 0 12px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;}

/* Accordion pro */
.sb-accordion .panel{border-radius:14px!important;overflow:hidden;border:1px solid #e9e9e9!important;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:12px!important;}
.sb-acc .panel-heading{background:#fff!important;border:0!important;padding:0!important;}
.sb-acc-headrow{padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;}
.sb-acc-headrow:hover{background:#fafafa;}
.sb-acc-title{font-weight:700;font-size:15px;line-height:1.35;flex:1 1 auto;min-width:0;}
.sb-acc-share{color:#7b2232;text-decoration:none;opacity:.9;padding:2px 6px;}
.sb-acc-share:hover{opacity:1;text-decoration:underline;}
.sb-acc-chevron{opacity:.8;}
.sb-acc .panel-body{border-top:1px solid #eeeeee!important;background:#fff;padding:16px!important;}

/* Chips y meta */
.sb-meta{display:grid;gap:8px;margin-bottom:12px;}
.sb-meta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.sb-meta-label{font-weight:700;color:#555;min-width:140px;}
.sb-chip{margin-right:6px;margin-bottom:4px;display:inline-block;border-radius:10px;padding:5px 10px;background:#f3f4f6!important;color:#333!important;border:1px solid #e6e6e6;}
.sb-badge{border-radius:10px;padding:5px 10px;}

/* Lista archivos/enlaces */
.sb-list-item{display:flex!important;align-items:center;gap:10px;border-radius:12px!important;margin-bottom:8px;}
.sb-list-item:hover{background:#fafafa;}
.sb-list-chevron{margin-left:auto;opacity:.65;}

@media (max-width:768px){.sb-hero-title{font-size:26px;}.sb-hero-subtitle{font-size:14px;}.sb-page-title{font-size:22px;}.sb-meta-label{min-width:120px;}}
.sb-navbar .sb-brand-logo{
  height: 34px !important;
  width: auto !important;
  max-height: 34px !important;
}

/* ===== SEGUROS: evita que las imágenes del header se hagan gigantes ===== */
.sb-header-top img{
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

.sb-h-col{
  display:flex;
  align-items:center;
  justify-content:center;
}

.sb-navbar .sb-brand-logo{
  height: 34px !important;
  width: auto !important;
  max-height: 34px !important;
}

/* Barra vino del navbar (por si bootstrap-fix lo resetea) */
.sb-navbar.navbar{
  background: #7a1e3a !important;
  border-color: #7a1e3a !important;
}
.sb-navbar .navbar-nav > li > a,
.sb-navbar .navbar-brand,
.sb-navbar .sb-brand-text{
  color: #fff !important;
}


/* ===== Header fijo (top + navbar) ===== */
:root{
  --sb-header-top-h: 90px;
  --sb-navbar-h: 56px;
}
.sb-header-wrap{position:fixed; top:0; left:0; right:0; z-index:1035;}
.sb-header-top{background:#fff; border-bottom:1px solid #eee;}
.sb-navbar{margin-bottom:0; border-radius:0;}
.sb-navbar.navbar{position:fixed !important; top: var(--sb-header-top-h); left:0; right:0; z-index:1034;}
/* Cuando Bootstrap ponga position:relative al nav, lo forzamos */
.sb-navbar.navbar.navbar-default{position:fixed !important;}

/* =========================
   HEADER FIJO (como maqueta)
   ========================= */

:root{
  --sb-header-top-h: 110px;  /* más alto */
  --sb-navbar-h: 62px;       /* un poquito más alto */
}


body{
  /* deja espacio para header-top + navbar fijo */
  padding-top: calc(var(--sb-header-top-h) + var(--sb-navbar-h));
}

/* wrapper fijo arriba */
.sb-header-wrap{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  background: #fff;
}

/* franja superior con 3 logos (en una fila) */
.sb-header-top{
  height: var(--sb-header-top-h);
  display: flex;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.sb-header-top-inner{
  width: 100%;
  max-width: 1400px;          /* se ve “pro”, no pegado a orillas */
  margin: 0 auto;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* columnas del top header */
.sb-h-col{
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sb-h-col.left{ justify-content: flex-start; }
.sb-h-col.right{ justify-content: flex-end; }

/* IMÁGENES: evitar que CSS global las haga gigantes */
.sb-header-top img{
  height: 125px !important;     /* ligeramente más grande */
  width: auto !important;
  max-height: 125px !important;
  display: block !important;
}

/* navbar vino fijo justo debajo del header-top */
.sb-navbar.navbar{
  position: fixed;
  top: var(--sb-header-top-h);
  left: 0; right: 0;
  height: var(--sb-navbar-h);
  min-height: var(--sb-navbar-h);
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #7a1e3a !important;
  z-index: 9998;
}

/* centra items verticalmente */
.sb-navbar .navbar-nav > li > a,
.sb-navbar .navbar-brand{
  line-height: var(--sb-navbar-h);
  height: var(--sb-navbar-h);
  padding-top: 0;
  padding-bottom: 0;
}

/* logo pequeño del navbar */
.sb-navbar .sb-brand-logo{
  height: 34px !important;
  width: auto !important;
  max-height: 34px !important;
}

/* texto blanco */
.sb-navbar .navbar-nav > li > a,
.sb-navbar .navbar-brand,
.sb-navbar .sb-brand-text{
  color: #fff !important;
}

/* ===== Quitar azules de Bootstrap (hover/focus) en navbar ===== */
.sb-navbar .navbar-brand,
.sb-navbar .navbar-nav > li > a{
  background: transparent !important;
  outline: none !important;
}

.sb-navbar .navbar-nav > li > a:hover,
.sb-navbar .navbar-nav > li > a:focus{
  background: rgba(255,255,255,.08) !important; /* hover suave */
  color: #fff !important;
}

.sb-navbar .navbar-brand:hover,
.sb-navbar .navbar-brand:focus{
  background: transparent !important;
}

/* ===== Brand (logo + SALTABARRANCA) bien alineado ===== */
.sb-navbar .navbar-brand{
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  padding: 0 18px !important;
  line-height: normal !important;
}

.sb-navbar .sb-brand-text{
  font-weight: 700;
  letter-spacing: .5px;
  font-size: 15px;
  color: #fff !important;
  margin: 0 !important;
}