/* ====== Contenedor ====== */
.sdg-container { width: min(1200px, 92%); margin-inline: auto; }

/* ====== Cinta superior (rotativa) ====== */
.sdg-topbar { background: #0770b1; color: #fff; font-weight: 700; letter-spacing: .5px; }
.sdg-topbar__text{
  display:block; text-align:center; padding:.55rem 0; text-transform:uppercase; font-size:.9rem;
  transition: opacity .25s ease;
}
.sdg-topbar__text.is-out{ opacity:0; }

/* ====== Banda 4 columnas ====== */
.sdg-info{ background:#F5F7FB; color:#0770b1; border-bottom:1px solid #e7ecf3; }
.sdg-info__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:.25rem; align-items:center; }
.sdg-info__item{ display:inline-flex; align-items:center; gap:.5rem; padding:.65rem .4rem; text-decoration:none; color:inherit; font-weight:600; justify-self:center; transition:transform .12s ease, opacity .12s ease; }
.sdg-info__item:hover{ transform:translateY(-1px); opacity:.9; }
.sdg-icon{ display:inline-flex; }

/* ====== Franja brand/logo/buscador ====== */
.sdg-brand{ background:#fff; }
.sdg-brand__row{ display:grid; grid-template-columns:1fr auto 64px; align-items:center; gap:1rem; padding:1rem 0 1.25rem; }
.sdg-brand__logo img, .sdg-brand__search-image img{ display:block; height:auto; max-width:100%; margin-inline:auto; }
.sdg-brand__logo a{ display:inline-block; }

.sdg-brand__search-icon{ display:flex; justify-content:flex-end; align-items:center; }
.sdg-brand__search-icon .quick-button.search-button{
  min-width:64px; min-height:64px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 10px 28px rgba(7,112,177,.20); transition:transform .12s ease, box-shadow .12s ease;
}
.sdg-brand__search-icon .quick-button.search-button:hover{ transform:translateY(-1px); box-shadow:0 14px 36px rgba(7,112,177,.26); }
.sdg-brand__search-icon .quick-button.search-button .quick-icon,
.sdg-brand__search-icon .quick-button.search-button .quick-icon i,
.sdg-brand__search-icon .klbth-icon-search{ font-size:28px; line-height:1; }

/* ====== Menú (desktop) ====== */
.sdg-nav{ background:#fff; border-top:1px solid #eef3f8; border-bottom:1px solid #eef3f8; }
.sdg-nav__list{ list-style:none; padding:0; margin:0; display:flex; gap:1.5rem; justify-content:center; align-items:center; flex-wrap:wrap; }
.sdg-nav__item{ position:relative; }

/* ✅ Fuerza mismo azul y sin fondo para TODOS los items, incluido CATEGORÍAS */
.sdg-nav__link, .sdg-nav__toggle{
  background: transparent !important;
  border: 0 !important;
  padding:.85rem .25rem; margin:0;
  font-weight:700; color:#0770b1 !important; text-decoration:none;
  text-transform:uppercase; letter-spacing:.3px; cursor:pointer;
  border-radius: 0;
}
.sdg-nav__link:hover, .sdg-nav__toggle:hover{ text-decoration:underline; }

/* Submenú (desktop) */
.sdg-nav__submenu{
  position:absolute; left:50%; transform:translateX(-50%); top:calc(100% - .25rem);
  background:#fff; border:1px solid #e6edf5; box-shadow:0 12px 30px rgba(0,0,0,.08); border-radius:.5rem; padding:.5rem; display:none; min-width:240px; z-index:1000;
}
.sdg-nav__submenu li{ list-style:none; }
.sdg-nav__submenu a{ display:block; padding:.5rem .75rem; border-radius:.35rem; color:#0b3a5c; font-weight:600; white-space:nowrap; }
.sdg-nav__submenu a:hover{ background:#f1f7fb; color:#0770b1; }
.sdg-nav__item--has-submenu:hover>.sdg-nav__submenu,
.sdg-nav__item--has-submenu:focus-within>.sdg-nav__submenu,
.sdg-nav__item--has-submenu.is-open>.sdg-nav__submenu{ display:block; }

/* ====== Hamburguesa (móvil) ====== */
.sdg-nav__hamburger{
  display:none; /* visible solo en móvil */
  width:48px; height:48px; border-radius:999px; border:1px solid #dfe6f0; background:#fff;
  align-items:center; justify-content:center; gap:6px; flex-direction:column;
  cursor:pointer; box-shadow:0 8px 26px rgba(7,112,177,.08);
}
.sdg-nav__hamburger span{
  display:block; width:22px; height:2px; background:#0770b1; border-radius:2px;
}

/* ====== Drawer (off-canvas izq) ====== */
.sdg-drawer{
  position: fixed; inset: 0 auto 0 0; height: 100vh; width: 86vw; max-width: 320px;
  background:#fff; transform: translateX(-100%); transition: transform .25s ease;
  box-shadow: 10px 0 28px rgba(7,112,177,.18); z-index: 99999; overflow:auto;
}
.sdg-drawer.is-open{ transform: translateX(0); }
.sdg-drawer__inner{ padding: 14px 14px 24px; }
.sdg-drawer__close{
  appearance:none; border:0; background:#fff; color:#0b2540; font-size: 26px; line-height:1; padding:6px 10px; border-radius:8px; cursor:pointer;
  box-shadow:0 6px 22px rgba(0,0,0,.06); border:1px solid #e6edf5;
}
.sdg-drawer__nav{ margin-top:10px; }
.sdg-drawer__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.sdg-drawer__list > li > a,
.sdg-drawer__toggle{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 12px; border-radius:10px; text-decoration:none;
  font-weight:700; color:#0770b1; background:#fff; border:1px solid #e6edf5;
}
.sdg-drawer__list > li > a:hover,
.sdg-drawer__toggle:hover{
  background:#f7fbff; border-color:#d8e7f5;
}
.sdg-drawer__toggle .chev{ margin-left:10px; }

.sdg-drawer__submenu{ list-style:none; margin:6px 0 0 0; padding-left:0; display:none; }
.sdg-drawer__submenu li a{
  display:block; padding:10px 12px 10px 14px; border-radius:8px; text-decoration:none;
  color:#0b3a5c; border:1px solid #eef3f8; margin-top:6px; background:#fff;
}
.sdg-drawer__submenu li a:hover{ background:#f1f7fb; color:#0770b1; }
.has-sub.is-open > .sdg-drawer__submenu{ display:block; }
.has-sub.is-open > .sdg-drawer__toggle .chev{ transform: rotate(180deg); }

/* Overlay */
.sdg-drawer__overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.35);
  opacity: 0; transition: opacity .2s ease; z-index: 99998;
}
.sdg-drawer__overlay[hidden]{ display:none; }
.sdg-drawer__overlay.is-visible{ opacity: 1; }

/* Evitar scroll de fondo con drawer abierto */
body.is-drawer-open{ overflow:hidden; }

/* ====== Aviso inferior ====== */
.sdg-notice{ background:#ff0000; color:#fff; }
.sdg-notice__text{ text-align:center; padding:.65rem 0 .75rem; margin:0; font-size:.95rem; font-weight:700; }

/* ====== Responsive ====== */
@media (max-width: 992px){
  /* Info grid a 2 col */
  .sdg-info__grid{ grid-template-columns:repeat(2,1fr); }

  /* En móvil: ocultar lista → solo hamburguesa centrada */
  .sdg-nav__list{ display:none !important; }
  .sdg-nav .sdg-container{
    display:flex; justify-content:center; align-items:center; min-height:56px;
  }
  .sdg-nav__hamburger{ display:inline-flex; }
}

@media (max-width: 520px){
  .sdg-info__grid{ grid-template-columns:repeat(2,1fr); }
  .sdg-topbar__text{ font-size:.85rem; }
  .sdg-notice__text{ font-size:.9rem; }
  .sdg-brand__row{ grid-template-columns:1fr 64px; }
  .sdg-brand__search-image{ display:none; }
  .sdg-brand__search-icon .quick-button.search-button{ min-width:60px; min-height:60px; }
}


/*Cambio de tamaño lupa*/

.sdg-brand__search-icon .quick-button.search-button {
    min-width: 93px;
    min-height: 93px;
    border-radius: 999px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 28px rgba(7, 112, 177, .20);
    transition: transform .12s 
ease, box-shadow .12s 
ease;
}

.sdg-brand__search-icon .quick-button.search-button .quick-icon, .sdg-brand__search-icon .quick-button.search-button .quick-icon i, .sdg-brand__search-icon .klbth-icon-search {
    font-size: 59px;
    line-height: 1;
}

/*Menu movil*/

button:not(.link), .button:not(.link), input[type=submit]:not(.link), .submit:not(.link), .btn:not(.link) {
    color: #0774b6;
    font-size: 16px;
    background-color: #ffffff;
}