/*
Theme Name: El Toque Professional
Theme URI: https://eltoqueprofessional.com/
Author: El Toque Professional
Description: Tema corporativo personalizado basado en la propuesta V4. Catálogo administrable y estructura preparada para WordPress/Hostinger.
Version: 1.54.2
Text Domain: eltoque-professional
*/

.etp-top-contact { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
.etp-top-phones { display: inline-flex; gap: 10px; flex-wrap: wrap; }
.etp-top-phones a { display: inline-block; white-space: nowrap; padding: 3px 9px; border: 1px solid rgba(255,255,255,.25); border-radius: 6px; }
.etp-phone-lines { display: grid; gap: 8px; margin-top: 8px; scroll-margin-top: 144px; }
.etp-phone-lines a { display: flex; align-items: center; gap: 12px; padding: 7px 0; white-space: nowrap; }
.etp-phone-lines .etp-phone-line-label { font-size: .7rem; color: #536b7c; min-width: 45px; }
.etp-phone-lines a > span:last-child { font-size: .9rem; font-weight: 700; color: #16214d; }
.etp-phone-lines a:focus-visible, .etp-top-phones a:focus-visible { outline: 3px solid #2ca9dc; outline-offset: 3px; }
@media (max-width: 800px) { .etp-top-contact.ocultar-movil { display: none; } }

/* Switch navigation before the logo and desktop links run out of space. */
@media (max-width: 1100px) {
  .menu-movil { display: block; flex-shrink: 0; }
  .marca { min-width: 0; }
  .menu { position: absolute; top: 100%; left: 14px; right: 14px; display: none; flex-direction: column; align-items: stretch; background: #fff; border: 1px solid var(--borde); border-radius: 18px; padding: 9px; box-shadow: var(--sombra); }
  .menu.abierto { display: flex; }
  .menu a { padding: 13px; }
}