/* ===================================================================
   "Talon Negro" — shell compartido (nav + footer) para las paginas
   migradas al diseno negro/dorado.
   header.jsp y footer.jsp son compartidos por TODO el sitio, asi que
   nunca se modifican directamente; en vez de eso, cada pagina en este
   diseno incluye este archivo para reskinearlos SOLO en su propia
   pagina. Antes esto vivia copiado dentro de cada <style> de cada
   pagina y se desincronizaba (agenda/webPlantilla quedaron sin esto
   la primera vez) - con un solo archivo se evita ese problema.
   =================================================================== */

/* ── Barra de navegacion (header.jsp) ─────────────────────────────── */
/* box-shadow en vez de border-bottom: un border suma altura real al nav
   (que es position:fixed y el resto de la pagina usa un separador fijo
   de 113px calibrado para el nav original sin borde) y desfasaria el
   contenido unos px respecto a ese separador. box-shadow no afecta el layout. */
.site-navbar-wrap { background: #111 !important; box-shadow: inset 0 -3px 0 0 #e0ab4a; }
.site-navbar { background: #111 !important; }
.site-navbar .menuElementA, .site-navbar .menuElementA strong { color: #f4efe4 !important; }
.site-navbar .menuElementA:hover { color: #e0ab4a !important; }
.site-navbar .dropdown { background: #161616 !important; border: 1px solid #2b2b2b; }
.site-navbar .dropdown a { color: #f4efe4 !important; }
.site-navbar .dropdown a:hover { color: #e0ab4a !important; }
.site-menu-toggle { color: #f4efe4 !important; }

/* ── Pie de pagina (footer.jsp) ────────────────────────────────────── */
.quick-contact-info { background: #1c1c1c !important; border-top: 3px solid #e0ab4a; }
.quick-contact-info h2 .icon-element { color: #e0ab4a; }
.quick-contact-info a { color: #e0ab4a !important; }
.site-footer { background: #161616 !important; border-top: 1px solid #2b2b2b; }
/* footer.jsp trae su propio <style> con ".site-footer .footer-heading{font-size:16px!important;
   margin-bottom:10px!important}" que se incluye DESPUES de este archivo en el <head>... en
   realidad footer.jsp se incluye al final del body, asi que su <style> queda despues de este
   link en el documento. Con la misma especificidad e !important, gana el ultimo en el
   documento (footer.jsp), no este. Se agrega "h3" al selector solo para subir la especificidad
   por encima del suyo. */
.site-footer h3.footer-heading {
  color: #e0ab4a !important; font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px !important;
}
.site-footer a { color: #cfc8bb !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer .row.text-center { border-top: 1px solid #2b2b2b !important; color: #8f887a; }
.site-footer i { color: #e0ab4a; }
.footer-barcode {
  height: 20px; border-radius: 4px; margin: 6px 0 26px; opacity: .55;
  background: repeating-linear-gradient(90deg,#3a3a3a 0 2px, transparent 2px 4px, #3a3a3a 4px 5px, transparent 5px 9px, #3a3a3a 9px 12px, transparent 12px 14px);
}

/* ── Fondo general de la pagina ────────────────────────────────────── */
body { background: #0c0c0c; }
