/*
Theme Name: Instituto Dental ABAD Child
Theme URI: https://dentistamurcia.es/
Template: hello-elementor
Author: Instituto Dental ABAD
Author URI: https://dentistamurcia.es/
Description: Tema hijo de Hello Elementor para los estilos y funciones personalizadas de Instituto Dental ABAD.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1789757936
Updated: 2026-09-18 20:58:56

*/

/* ABAD: correcciones visuales consolidadas desde WPCode. */
@media (max-width: 1550px) and (min-width: 1025px) {
    .elementor-element-773bc92 .elementor-nav-menu--main {
        display: none !important;
    }
    .elementor-element-773bc92 .elementor-menu-toggle {
        display: flex !important;
    }
}

/* .id2-2col img se usa en las secciones "conoce al doctor" de las paginas de
   tratamiento. En @media max-width:900px (tablets/iPad vertical) la caja baja
   a height:300px sobre fotos cuadradas 640x640, recortando la cara y el cuello.
   Afinamos SOLO las fotos del Dr./Dra. Abad (por alt text), usando aspect-ratio
   1/1 (igual que la foto original cuadrada) en vez de un alto fijo, para que
   nunca se recorte nada sea cual sea el ancho exacto del dispositivo. */
@media (max-width: 900px) {
  .id2-2col img[alt*="Tomás Abad"],
  .id2-2col img[alt*="Tomas Abad"],
  .id2-2col img[alt*="Carmen Abad"] {
    height: auto;
    aspect-ratio: 1 / 1;
    object-position: center;
  }
}

/* La foto del equipo en portada usa una caja de altura fija (260px) con
   object-fit: cover sobre fotos cuadradas. En anchos intermedios (tablet/iPad)
   la caja queda mas "panoramica" y el recorte por defecto (centrado) puede
   cortar la parte superior de la cara. Sesgamos el recorte hacia arriba para
   que la cara completa quede siempre visible, sin cambiar tamanos ni layout. */
.id2-team-card img {
  object-position: top center;
}

/* Botón flotante de WhatsApp: solo escritorio. */
.id2-desktop-wa-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 99997;
  display: none;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #25D366;
  box-shadow: 0 5px 18px rgba(0,0,0,.24);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}

.id2-desktop-wa-float:hover,
.id2-desktop-wa-float:focus-visible {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

.id2-desktop-wa-float:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.id2-desktop-wa-float svg {
  width: 32px;
  height: 32px;
  fill: #fff;
}

@media (min-width: 992px) {
  .id2-desktop-wa-float {
    display: flex;
  }
}