/* Contacto visible dentro de la cabecera fija, sin scripts ni imágenes. */
.contact-ribbon{background:#33231c;color:#f8efe4;font-family:"Lato",Arial,sans-serif}
.contact-ribbon-inner{display:flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding-block:7px}
.contact-ribbon p{margin:0;font-size:.9rem;line-height:1.35}
.contact-ribbon a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:5px 12px;border:1px solid #f8efe4;color:#f8efe4;font-size:.86rem;font-weight:700;line-height:1.3;text-decoration:none;flex-shrink:0}
.contact-ribbon a:hover{background:#f8efe4;color:#33231c}
.contact-ribbon a:focus-visible{outline:2px solid #f8efe4;outline-offset:3px}
.site-header:has(.contact-ribbon) .nav{top:100%}
@media(max-width:1280px){.site-header:has(.contact-ribbon) .nav{max-height:calc(100dvh - 156px);overflow-y:auto}}
@media(max-width:650px){.contact-ribbon-inner{width:calc(100% - 24px);gap:12px;justify-content:space-between;min-height:64px;padding-block:8px}.contact-ribbon p{font-size:.78rem;max-width:190px}.contact-ribbon a{font-size:.75rem;min-height:44px;padding:6px 9px;gap:5px}.site-header:has(.contact-ribbon) .nav{max-height:calc(100dvh - 152px)}}