/* Clínica Saavedra — cabecera.
   La navegación pasó de 4 a 6 entradas al añadir «Sobre nosotros» y «Nuestras clínicas». */

/* Ninguna entrada se parte en dos líneas por sí sola. */
.e-n-menu-title-text{white-space:nowrap}


/* ---------- Desplegable de «Nuestras clínicas» ---------- */
.mm-clinicas{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  max-width:1250px;margin:0 auto;padding:28px 24px 34px;
  font-family:Montserrat,sans-serif}
.mm-cli{
  display:flex;flex-direction:column;gap:6px;padding:24px 26px;
  border:1px solid rgba(16,58,68,.12);border-radius:16px;background:#fff;
  text-decoration:none;transition:border-color .3s,transform .3s,box-shadow .3s}
.mm-cli:hover{border-color:#ED852A;transform:translateY(-2px);
  box-shadow:0 18px 32px -22px rgba(9,38,52,.35)}
.mm-cli:focus-visible{outline:2px solid #0079BB;outline-offset:3px}
.mm-cli-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:#B4611A}
.mm-cli-title{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#0D3142;line-height:1.2}
.mm-cli-dir{font-size:14.5px;line-height:1.5;color:rgba(13,49,66,.60);margin-top:2px}
.mm-cli-tel{font-size:15px;font-weight:500;color:#0D3142;font-variant-numeric:tabular-nums}
.mm-cli-go{margin-top:12px;padding-top:12px;border-top:1px solid rgba(16,58,68,.12);
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#B4611A}
.mm-cli-go::after{content:" \2192";display:inline-block;transition:transform .3s}
.mm-cli:hover .mm-cli-go::after{transform:translateX(4px)}
@media(max-width:1024px){.mm-clinicas{grid-template-columns:1fr;padding:20px}}
@media(prefers-reduced-motion:reduce){
  .mm-cli,.mm-cli-go::after{transition-duration:.01ms!important}
}

/* Con «Nuestras clínicas» la navegación pasó a 5 entradas. Entre 1025 y 1220px
   no caben a cuerpo completo, así que se aprietan un poco en esa franja.
   Por debajo de 1025px el mega-menú ya se convierte solo en hamburguesa. */
@media (min-width:1025px) and (max-width:1220px){
  .e-n-menu-title-text{font-size:14px!important}
  .e-n-menu-title-container{padding-left:5px!important;padding-right:5px!important}
  .e-n-menu-dropdown-icon{margin-left:1px!important}
  .elementor-location-header .elementor-button{font-size:14px!important;padding-left:20px!important;padding-right:20px!important}
}

/* Acceso a Sobre nosotros desde el propio desplegable de clínicas */
.mm-sobre{
  grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
  padding:16px 26px;border:1px solid rgba(16,58,68,.12);border-radius:16px;
  background:#F1F5F7;text-decoration:none;transition:border-color .3s,background-color .3s}
.mm-sobre:hover{border-color:#ED852A;background:#fff}
.mm-sobre:focus-visible{outline:2px solid #0079BB;outline-offset:3px}
.mm-sobre-t{font-size:16px;font-weight:600;letter-spacing:-.01em;color:#0D3142}
.mm-sobre-d{font-size:14px;color:rgba(13,49,66,.60);flex:1 1 240px}
.mm-sobre-go{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#B4611A}
.mm-sobre-go::after{content:" \2192";display:inline-block;transition:transform .3s}
.mm-sobre:hover .mm-sobre-go::after{transform:translateX(4px)}