/* ============================================================
   styles_mods.css ? Personalización CLIENTE: AHEB / BEHA
   Paleta adoptada de la web institucional: https://bizkeliza.org
   (Diócesis de Bilbao). Color de marca = TEAL corporativo.
   ------------------------------------------------------------
   Ubicación en el servidor:
     resources/aheb-1/html/css/styles_mods.css   (se carga el ÚLTIMO)
   ------------------------------------------------------------
   Paleta bizkeliza detectada (Playwright sobre bizkeliza.org):
     · Marca (teal)          #00a19a   (--mec-color-skin, enlaces, títulos, barras)
     · Marca hover           #008777   (--mec-title-color-hover)
     · Chrome oscuro         negro / gris muy oscuro (top-bar y footer)
     · Texto cuerpo          #545454   ·  Títulos ~ #1a1a1a
   Nota: styles.css (compilado) trae DOS paletas AZULES hardcodeadas
   que NO usan var(--clr-*): antigua #2c6280/#365165/#064061/#3a7ca5
   y nueva #2563eb/#1d4ed8/#eff6ff. Aquí se remapean todas a teal.
   Verificado en vivo (home, búsqueda, facetas, exposiciones): sin
   restos azules ni magenta.
   ============================================================ */

:root{
  /* --- Paleta de marca (tema) --- */
  --clr-primary:     #000000;   /* chrome oscuro (header/aside/footer), como bizkeliza */
  --clr-primary-mid: #0c3b38;   /* tono medio del gradiente (dark teal, sutil) */
  --clr-accent:      #00a19a;   /* TEAL bizkeliza: botones, enlaces, focus */
  --clr-accent-dark: #008777;   /* hover / borde del accent */
  --clr-border:      #d8dee9;   /* bordes generales (neutro) */
  --clr-border-light:#e2e8f0;
  --clr-text-main:   #1a1a1a;   /* títulos */
  --clr-text-body:   #545454;   /* cuerpo (igual que bizkeliza) */
  --clr-text-muted:  #6b7280;
  --clr-text-light:  #94a3b8;

  /* --- Helpers de este fichero (mismo teal) --- */
  --aheb-accent:      #00a19a;
  --aheb-accent-hover:#008777;
  --aheb-accent-dark: #006b66;  /* teal oscuro: activos/bordes */
  --aheb-accent-soft: #e0f2f1;  /* tinte claro: fondos de faceta activa */

  /* --- Tokens de sub-sistemas fuera de gama -> teal --- */
  --swiper-theme-color:#00a19a;
  --disc-tint:#00a19a;  --disc-tint-soft:rgba(0,161,154,.10);  --disc-tint-strong:#006b66;
  --wiz-primary:#00a19a; --wiz-primary-soft:#e0f2f1; --wiz-accent:#006b66; --wiz-accent-soft:#e6f5f4;
}

/* ============================================================
   1) PERSONALIZACIÓN ESTRUCTURAL (conservada del cliente)
   ============================================================ */

/* Fondo PARALLAX en la sección de colecciones/exposiciones */
.doc_index #page-main .cont_expositions{
  position: relative;
  background-color:#0f172a;                                   /* respaldo si la imagen no carga */
  background-image:
    linear-gradient(rgba(15,23,42,.62), rgba(15,23,42,.72)),  /* velo para legibilidad */
    url('../images/aheb-1/vidriera.jpg');                     /* imagen de fondo del cliente */
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  background-size:cover,cover;
  background-attachment:fixed,fixed;                          /* efecto PARALLAX */
  border-color:transparent !important;
}
.doc_index #page-main .cont_expositions .disc-section__title    { color:#fff !important; }
.doc_index #page-main .cont_expositions .disc-section__subtitle { color:rgba(255,255,255,.85) !important; }
.doc_index #page-main .cont_expositions .disc-section__icon{
  background:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.doc_index #page-main .cont_expositions .disc-section + .disc-section,
.doc_index #page-main .cont_expositions .disc-section + .disc-embed-maps{
  border-top-color:rgba(255,255,255,.18) !important;
}
@media (max-width:767.98px){
  .doc_index #page-main .cont_expositions{ background-attachment:scroll,scroll; } /* iOS: sin parallax */
}

/* Badges de formato de colección / mosaico -> teal */
.doc_index #page-main .cont_sliders .coleccion_formato,
.doc_index #page-main .cont_sliders .cont_colecciones .coleccion_formato{
  background-color:var(--aheb-accent) !important;
  padding:4px !important;
}
.doc_index #page-main .cont_mosaico .collections_featured.is-horizontal .mosaic_h_badge{
  background-color:var(--aheb-accent) !important;
}

/* Ajustes de portada del cliente */
.doc_index #busqueda .cont_titulo .titulo{ text-transform:uppercase !important; }
.cont_busqueda.doc_index .cont_central.una_columna .cont_textos .cont_cuerpo{ display:none !important; }
#Header.header_h_200 .lgx.logo_01{ display:none !important; }

/* ============================================================
   2) COHERENCIA DE MARCA ? remapeo de azules hardcodeados a teal
   ============================================================ */

/* Exposiciones (variables locales del componente disc) */
.disc-section,.disc-section--exhibitions{
  --disc-tint:var(--aheb-accent) !important;
  --disc-tint-soft:rgba(0,161,154,.10) !important;
  --disc-tint-strong:var(--aheb-accent-dark) !important;
}
/* Wizard del carrito / préstamo (variables locales) */
.modal.modal_carrito .cart-wizard{
  --wiz-primary:var(--aheb-accent) !important;
  --wiz-primary-soft:#e0f2f1 !important;
  --wiz-accent:var(--aheb-accent-dark) !important;
  --wiz-accent-soft:#e6f5f4 !important;
}

/* Botones (paleta antigua #2c6280/#365165/#064061) */
.btn-default,.btn-primary,.btn-info:not(.num_pags),
.btn_componente_simple,.btn_opaqued,.boton,
.cont_general.doc_maps .botonera_flotante.botonera_maps .boton,
.cont_busqueda .busqueda .search-ppal .cont_input .input-group-addon.lupa.btn_componente_simple,
.cont_busqueda.doc_index .busqueda .search-ppal .cont_input .input-group-addon.lupa,
.cont_busqueda .busqueda .search-ppal .tipo_columnas .cont_select .filtro_select_busquedas .btn.dropdown-toggle{
  background-color:var(--aheb-accent) !important;
  border-color:transparent !important;
  color:#fff !important;
}
a.btn.btn-primary,a.btn.btn-default,a.boton{ color:#fff !important; }
.btn-default:hover,.btn-default:focus,.btn-default:active,
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-info:not(.num_pags):hover,.btn-info:not(.num_pags):focus,.btn-info:not(.num_pags):active,
.btn_componente_simple:hover,.btn_componente_simple:focus,.btn_componente_simple:active,
.boton:hover,.boton:focus,.boton:active{
  background-color:var(--aheb-accent-hover) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.btn-default.active,.btn-default.focus,.open>.dropdown-toggle.btn-default{
  background-color:var(--aheb-accent-dark) !important;
  border-color:var(--aheb-accent-dark) !important;
  color:#fff !important;
}
button.btn_form_subir,button.btn_form_retorno,
.boton.btn_form_subir,.boton.btn_form_retorno{
  background-color:var(--aheb-accent) !important;
  color:#fff !important;
  border-color:transparent !important;
}

/* Paginación (paleta nueva #2563eb/#1d4ed8) */
#page-main .pagination>.active>a,      #page-main .pagination>.active>span,
#page-main .pagination>li.active>a,    #page-main .pagination>li.active>span,
#page-main .pagination li.active>a,    #page-main .pagination li.active>span{
  background:var(--aheb-accent) !important;
  border-color:var(--aheb-accent-dark) !important;
  color:#fff !important;
}
#page-main .pagination>li>a:hover, #page-main .pagination>li>button:hover,
#page-main .pagination li a:hover{
  background:var(--aheb-accent) !important;
  border-color:var(--aheb-accent-dark) !important;
  color:#fff !important;
}

/* Facetas seleccionadas y toggles del panel izquierdo (paleta nueva) */
#page-main .col_izqda .list-group-item.active,
#page-main .col_izqda .list-group-item.item_seleccionado{
  background:var(--aheb-accent-soft) !important;
  border-color:var(--aheb-accent) !important;
  box-shadow:inset 3px 0 0 var(--aheb-accent) !important;
}
#page-main .col_izqda .switchery.switchery_true{ background:var(--aheb-accent) !important; }
#page-main .col_izqda .panel-footer li:not(.disabled)>a:hover,
#page-main .col_izqda .panel-footer li:not(.disabled)>button:hover{
  background:var(--aheb-accent) !important;
  border-color:var(--aheb-accent-dark) !important;
  color:#fff !important;
}

/* Focus rings azules -> teal */
.form-control:focus,
.modal.modal_carrito .form_loan .form-control:focus{
  border-color:var(--aheb-accent) !important;
  box-shadow:0 0 0 4px rgba(0,161,154,.15) !important;
}
.star-rating .star-rating__btn:focus-visible{ outline-color:var(--aheb-accent) !important; }

/* Badge de comentarios en cabecera de ficha */
.comments_badge,span.badge.comments_badge{ background:var(--aheb-accent) !important; color:#fff !important; }

/* --- Regla del elemento <footer> (heredada de la plantilla, _core.less:2074) --- */
footer{position:relative;float:left;width:100%;bottom:0;padding:0;
  font-size:1.0rem;color:#8e8e8e;text-align:left;display:inline-block;
  padding-right:calc(var(--bs-gutter-x) * .0)!important;
  padding-left:calc(var(--bs-gutter-x) * .0)!important;}
footer .brand_info{width:100%;max-width:100%;}

/* --- Bloque footer AHEB (_core.less:4895-4922) --- */
.footer-main { background: #111827; color: #fff; font-family: inherit; }
.footer-top { background: #1f2937; padding: 2rem 1.5rem; }
.footer-mid { padding: 3rem 1.5rem; }
.footer-bottom { border-top: 1px solid #374151; padding: 1.5rem; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; max-width: 1100px; margin: 0 auto; }
.footer-top-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; max-width: 1100px; margin: 0 auto; }
.footer-h3 { font-size: 1.2rem; font-weight: 500; margin: 0 0 1rem; color: #fff; }
.footer-h4 { font-size: 1.2rem; font-weight: 500; margin: 0 0 1rem; color: #fff; }
.footer-text { font-size: 1rem; color: #9ca3af; line-height: 1.6; margin: 0 0 0.75rem; }
.footer-link { font-size: 1rem; color: #9ca3af; text-decoration: none; display: block; margin-bottom: 0.5rem; }
.footer-link:hover { color: #fff; }
.footer-btn { display: inline-block; font-size: 1rem; color: #9ca3af; border: 1px solid #4b5563; border-radius: 6px; padding: 5px 12px; text-decoration: none; background: transparent; margin-top: 0.75rem; }
.footer-btn:hover { background: #374151; color: #fff; }
.footer-social-row { display: flex; gap: 0.75rem; margin: 0.75rem 0; }
.footer-social-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #9ca3af; text-decoration: none; }
.footer-social-btn:hover { color: #fff; }
.footer-logo-block { display: flex; align-items: center; gap: 10px; margin-bottom: 1rem; }
.footer-logo-badge { width: 40px; height: 40px; background: #a4025c; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; color: #fff; flex-shrink: 0; }
.footer-contact-row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 0.75rem; font-size: 1rem; color: #9ca3af; }
.footer-contact-row i { margin-top: 3px; min-width: 14px; }
.footer-horario { font-size: 1rem; color: #6b7280; margin-top: 0.75rem; }
.footer-horario p { margin: 0.15rem 0; }
.footer-divider { border: none; border-top: 1px solid #374151; margin: 0; }
.footer-bottom-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; max-width: 1100px; margin: 0 auto; font-size: 13px; color: #6b7280; }
.footer-bottom-links { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.footer-bottom-links a { color: #6b7280; text-decoration: none; }
.footer-bottom-links a:hover { color: #fff; }