/* ajustes.css — cargar DESPUÉS de index.css. Corrige desajustes visuales y accesibilidad.
   Podés borrar la línea @import de Google Fonts de index.css (ahora se carga desde el HTML). */

.skip-link{position:absolute;left:-999px;top:8px;background:#18154a;color:#fff;padding:10px 16px;border-radius:8px;z-index:2000}
.skip-link:focus{left:8px}
:focus-visible{outline:3px solid #c99700;outline-offset:3px;border-radius:4px}

/* Header: el nombre largo ya no desborda */
.site-header{height:auto;min-height:76px}
.header-container{gap:24px}
.logo{font-size:17px;font-weight:600;line-height:1.25;max-width:300px;letter-spacing:.2px;text-transform:uppercase}
.logo:hover{transform:none}
.nav-menu{flex-shrink:0}

/* Navegación: el subrayado dorado solo en links principales (no en el submenú) */
.nav-menu a:not(.btn-contact),.nav-menu .dropdown-menu a::after{padding-bottom:0}
.nav-menu .dropdown-menu a{font-size:15px;color:#18154a;padding:13px 20px}
.nav-menu .dropdown-menu a::after{display:none}
.nav-menu .dropdown-menu a:hover,.nav-menu .dropdown-menu a:focus-visible{background:rgba(201,151,0,.14);color:#18154a}

/* Submenú: sin "hueco" que lo cierre al mover el mouse */
.dropdown{display:inline-flex;align-items:center;padding:26px 0}
.dropdown-menu{top:calc(100% - 14px);margin-top:0!important}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible}

/* Tarjetas: grilla inferior centrada y alturas parejas */
.services-grid{align-items:stretch}
.bottom-grid{margin-left:auto;margin-right:auto}
.service-card{min-width:0}
.card-link{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.service-card:hover h3,.card-link:hover h3{color:#c99700}
.service-card p{color:rgba(0,0,0,.68)}

/* Convenios: logos con tamaño y fondo uniformes */
.brands-grid{gap:20px}
.brand-item{background:#fff;border-radius:18px;padding:14px 22px;display:flex;align-items:center;justify-content:center}
.brand-item img{height:80px;max-width:180px}

/* Contacto y footer */
.contact-box{text-align:left}
.footer-brand{font-size:28px;font-family:'Playfair Display',serif;font-weight:700}
.footer-address{font-style:normal}

/* Tablet */
@media (max-width:992px){
  .header-container{flex-wrap:wrap;justify-content:center;padding:10px 20px}
  .logo{max-width:none;text-align:center;font-size:15px}
  .dropdown{padding:10px 0}
  .hero-text{text-align:center;max-width:100%}
  .brand-item img{height:64px}
}

/* Móvil: carrusel real (why-grid pasa a flex) y sin conflictos de ancho */
@media (max-width:768px){
  .nav-menu{gap:16px;flex-wrap:wrap;justify-content:center}
  .why-grid{display:flex}
  .services-grid,.why-grid{padding:0 4px 15px}
  .service-card,.why-card{flex:0 0 260px;width:260px;min-width:0}
  .bottom-grid{max-width:100%}
  .hero-section{padding:40px 0}
  .agreements-container{padding:40px 20px}
}
@media (max-width:480px){
  .service-card{min-width:0;width:240px;flex-basis:240px}
  .hero-buttons{flex-direction:column;align-items:stretch;text-align:center}
  .contact-text h3{font-size:19px}
  .brand-item{padding:10px 14px}
  .brand-item img{height:48px}
  .footer-brand{font-size:24px}
}

/* Accesibilidad: respeta a quienes reducen animaciones */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .service-card,.why-card{opacity:1!important;transform:none!important}
}