/* Encabezado compartido de las páginas secundarias (mismo estilo que el inicio) */
html header { background: #050506; color: #fff; border-bottom: 3px solid transparent; border-image: linear-gradient(90deg, #70757f, #f5f7fa, #aab3c2, #f5f7fa, #70757f) 1; }
html header .top { max-width: none; flex-wrap: nowrap; gap: 12px; min-height: 110px; padding-top: 12px; padding-bottom: 12px; padding-left: max(16px, calc((100% - var(--w, 800px)) / 2 + 16px)); padding-right: max(16px, calc((100% - var(--w, 800px)) / 2 + 16px)); background: linear-gradient(90deg, rgba(5,5,6,.7) 0, rgba(5,5,6,.25) 45%, rgba(5,5,6,0) 100%), url(/iconos/potrero.webp) no-repeat center 40% / cover, #050506; }
html header .logo { display: block; flex: 1 1 auto; min-width: 0; margin-right: auto; line-height: 0; }
html header .logo-img { display: block; height: 62px; width: auto; max-width: 100%; object-fit: contain; }
html header .volver { flex: none; padding: 9px 14px; font-weight: 700; font-size: 14px; color: #fff; text-align: center; background: rgba(5,5,6,.85); border: 1.5px solid #aab3c2; }
html header .volver:hover { background: #f97316; border-color: #ffc27a; color: #14181f; }
@media (min-width: 700px) {
  html header .top { min-height: 180px; }
  html header .logo-img { height: 110px; }
  html header .volver { font-size: 15px; padding: 10px 18px; }
}