@media (max-width: 1024px) {
  .elementor-2,
  .elementor-2 * {
    box-sizing: border-box;
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .elementor-2 .elementor-element.elementor-element-b7d7253,
  .elementor-2 .elementor-element.elementor-element-6a03492,
  .elementor-2 .elementor-element.elementor-element-b8e38ff {
    --width: calc(100vw - 32px) !important;
    --content-width: calc(100vw - 32px) !important;
    --container-widget-width: 100% !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    flex-basis: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-2 .elementor-element.elementor-element-3fd8585,
  .elementor-2 .elementor-element.elementor-element-15ae8bd {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden;
  }

  .elementor-2 .elementor-element.elementor-element-6a03492 {
    overflow: visible;
  }

  .elementor-2 .elementor-element.elementor-element-b7d7253 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-2 .e-con-boxed > .e-con-inner {
    --content-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-2 .elementor-element.elementor-element-3fd8585 > .e-con-inner,
  .elementor-2 .elementor-element.elementor-element-15ae8bd > .e-con-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-2 .elementor-element.elementor-element-6a03492 > .e-con-inner,
  .elementor-2 .elementor-element.elementor-element-b7d7253 .e-con-inner,
  .elementor-2 .elementor-element.elementor-element-b8e38ff .e-con-inner,
  .elementor-2 .elementor-element.elementor-element-6a03492 .elementor-widget,
  .elementor-2 .elementor-element.elementor-element-b7d7253 .elementor-widget,
  .elementor-2 .elementor-element.elementor-element-b8e38ff .elementor-widget,
  .elementor-2 .elementor-element.elementor-element-6a03492 .elementor-widget-container,
  .elementor-2 .elementor-element.elementor-element-b7d7253 .elementor-widget-container,
  .elementor-2 .elementor-element.elementor-element-b8e38ff .elementor-widget-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .elementor-2 .elementor-element.elementor-element-6a03492 p,
  .elementor-2 .elementor-element.elementor-element-b7d7253 p,
  .elementor-2 .elementor-element.elementor-element-b8e38ff p,
  .elementor-2 .elementor-element.elementor-element-6a03492 .elementor-heading-title,
  .elementor-2 .elementor-element.elementor-element-b7d7253 .elementor-heading-title,
  .elementor-2 .elementor-element.elementor-element-b8e38ff .elementor-heading-title {
    display: block;
    max-width: calc(100vw - 72px) !important;
    width: calc(100vw - 72px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .elementor-2 .elementor-element.elementor-element-e6ac966 p,
  .elementor-2 .elementor-element.elementor-element-ec162b5 .elementor-heading-title,
  .elementor-2 .elementor-element.elementor-element-5b4b267 .elementor-heading-title,
  .elementor-2 .elementor-element.elementor-element-017e9db p {
    display: block;
    max-width: min(280px, calc(100vw - 64px)) !important;
    width: min(280px, calc(100vw - 64px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .elementor-2 .elementor-element.elementor-element-b8e38ff {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }

  .elementor-2 .elementor-element.elementor-element-5b4b267 .elementor-heading-title,
  .elementor-2 .elementor-element.elementor-element-017e9db p {
    max-width: min(268px, calc(100vw - 88px)) !important;
    width: min(268px, calc(100vw - 88px)) !important;
  }

  .elementor-2 .elementor-element.elementor-element-e6ac966 p {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  .elementor-2 .elementor-element.elementor-element-ec162b5 .elementor-heading-title {
    font-size: 23px !important;
    line-height: 1.12 !important;
  }

  .elementor-2 .elementor-element.elementor-element-017e9db p {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  .elementor-2 .elementor-element.elementor-element-2c7776a {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .elementor-2 .elementor-element.elementor-element-2c7776a .elementor-button {
    width: min(250px, calc(100vw - 96px)) !important;
    max-width: min(250px, calc(100vw - 96px)) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .elementor-2 .elementor-button {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-e6ac966.elementor-widget p,
  html body.home .elementor.elementor-2 .elementor-element.elementor-element-ec162b5.elementor-widget .elementor-heading-title {
    width: min(280px, calc(100vw - 64px)) !important;
    max-width: min(280px, calc(100vw - 64px)) !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-e6ac966.elementor-widget p {
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-5b4b267.elementor-widget .elementor-heading-title,
  html body.home .elementor.elementor-2 .elementor-element.elementor-element-017e9db.elementor-widget p {
    width: min(268px, calc(100vw - 88px)) !important;
    max-width: min(268px, calc(100vw - 88px)) !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-017e9db.elementor-widget p {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-b8e38ff.e-con {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.home .elementor.elementor-2 .elementor-element.elementor-element-2c7776a.elementor-widget .elementor-button {
    width: min(250px, calc(100vw - 96px)) !important;
    max-width: min(250px, calc(100vw - 96px)) !important;
  }

  #menuMobile {
    z-index: 2147483300 !important;
  }

  body.drozono-menu-open {
    overflow: hidden !important;
  }

  body.drozono-menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    background: linear-gradient(155deg, #ffffff 0%, #f5f8fb 48%, #ebe7ff 100%);
  }

  body.drozono-menu-open .elementor-location-header,
  body.drozono-menu-open .elementor-19,
  body.drozono-menu-open .elementor-19 .elementor-element.elementor-element-939d372,
  body.drozono-menu-open #menuMobile,
  body.drozono-menu-open #menuMobile .elementor-widget-container {
    position: relative !important;
    z-index: 2147483300 !important;
  }

  #menuMobile .elementor-menu-toggle {
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(36, 84, 140, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 34px rgba(36, 84, 140, 0.18);
    color: #24548c !important;
    fill: #24548c !important;
    z-index: 2147483600 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }

  #menuMobile .elementor-menu-toggle:hover,
  #menuMobile .elementor-menu-toggle:focus {
    background: #ffffff !important;
    box-shadow: 0 14px 40px rgba(36, 84, 140, 0.24);
    transform: translateY(-1px);
  }

  #menuMobile .elementor-menu-toggle svg {
    width: 20px;
    height: 20px;
  }

  #menuMobile .elementor-menu-toggle.elementor-active {
    background: #ffffff !important;
    color: #24548c !important;
    fill: #24548c !important;
  }

  #menuMobile .elementor-nav-menu--dropdown {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 94px 18px 28px !important;
    overflow-y: auto !important;
    background: linear-gradient(155deg, #ffffff 0%, #f5f8fb 48%, #ebe7ff 100%) !important;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
    visibility: hidden;
    z-index: 2147483400 !important;
  }

  body.drozono-menu-open #menuMobile .elementor-nav-menu--dropdown {
    background: transparent !important;
  }

  #menuMobile .elementor-nav-menu--dropdown[aria-hidden="false"] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }

  #menuMobile .elementor-nav-menu--dropdown::before {
    content: "Dr. Alejandro Ortiz";
    display: block;
    width: min(420px, calc(100vw - 36px));
    margin: 0 auto 20px;
    color: #24548c;
    font-family: "Urbanist", Sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-nav-menu {
    width: min(420px, calc(100vw - 36px));
    max-width: min(420px, calc(100vw - 36px));
    margin: 0 auto !important;
    display: grid;
    gap: 10px;
    background: transparent !important;
  }

  #menuMobile .elementor-nav-menu--dropdown .menu-item {
    width: 100%;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 18px !important;
    border: 1px solid rgba(80, 64, 153, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 8px 28px rgba(36, 84, 140, 0.08);
    color: #24548c !important;
    font-family: "Urbanist", Sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.15;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 18px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    opacity: 0.42;
    transform: rotate(45deg);
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item:hover,
  #menuMobile .elementor-nav-menu--dropdown .elementor-item:focus {
    background: #ffffff !important;
    color: #4f4099 !important;
  }

  #menuMobile .btn-llamar {
    width: min(420px, calc(100vw - 36px));
    margin: 18px auto 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: relative;
    z-index: 2147483500 !important;
  }

  #menuMobile .btn-llamar span {
    width: auto !important;
    text-align: center;
  }

  #menuMobile .btn-llamar span a {
    min-height: 52px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 14px !important;
    border-radius: 8px;
    background: #4f4099 !important;
    box-shadow: 0 10px 28px rgba(80, 64, 153, 0.2);
    color: #ffffff !important;
    font-family: "Urbanist", Sans-serif;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1;
  }

  #menuMobile .btn-llamar span:nth-child(2) a {
    background: #24548c !important;
  }

  body.drozono-menu-open::before {
    background:
      radial-gradient(circle at 50% 14%, rgba(80, 64, 153, 0.12), transparent 34%),
      linear-gradient(155deg, #ffffff 0%, #f7fafc 46%, #eeeaff 100%);
  }

  #menuMobile .elementor-nav-menu--dropdown {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 84px 24px 34px !important;
  }

  #menuMobile .elementor-nav-menu--dropdown::before {
    width: min(352px, calc(100vw - 48px));
    margin: 0 auto 8px;
    text-align: center;
    color: #24548c;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.12em;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-nav-menu {
    width: min(352px, calc(100vw - 48px));
    max-width: min(352px, calc(100vw - 48px));
    gap: 9px;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item {
    min-height: 58px;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 22px;
    align-items: center;
    justify-content: initial;
    column-gap: 10px;
    padding: 10px 13px !important;
    border: 1px solid rgba(36, 84, 140, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 14px 38px rgba(36, 84, 140, 0.09);
    color: #24548c !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    text-align: center;
    backdrop-filter: blur(14px);
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item::after {
    display: none !important;
    content: none !important;
  }

  #menuMobile .elementor-nav-menu--dropdown .elementor-item:hover,
  #menuMobile .elementor-nav-menu--dropdown .elementor-item:focus {
    border-color: rgba(80, 64, 153, 0.25);
    background: #ffffff !important;
    color: #4f4099 !important;
    transform: translateY(-1px);
  }

  #menuMobile .drozono-menu-icon,
  #menuMobile .drozono-action-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(80, 64, 153, 0.1);
    color: #4f4099;
  }

  #menuMobile .drozono-menu-label {
    min-width: 0;
    text-align: center;
  }

  #menuMobile .drozono-menu-arrow {
    color: #98a5b9;
    opacity: 0.9;
  }

  #menuMobile .drozono-phosphor {
    width: 20px;
    height: 20px;
    display: block;
  }

  #menuMobile .drozono-menu-arrow .drozono-phosphor {
    width: 18px;
    height: 18px;
  }

  #menuMobile .btn-llamar {
    width: min(352px, calc(100vw - 48px));
    max-width: min(352px, calc(100vw - 48px));
    margin: 4px auto 0 !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  #menuMobile .btn-llamar span a {
    position: relative;
    min-height: 50px;
    border-radius: 16px;
    padding: 11px 40px !important;
    font-size: 15px !important;
    gap: 8px;
    justify-content: center !important;
    align-items: center;
    text-align: center;
    box-shadow: 0 14px 34px rgba(36, 84, 140, 0.13);
  }

  /* Icono pegado a la izquierda; el texto queda centrado en el botón (igual que los enlaces de arriba) */
  #menuMobile .btn-llamar span a .drozono-action-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    flex: 0 0 auto;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
  }

  #menuMobile .drozono-urgent-action {
    grid-column: 1 / -1;
  }

  #menuMobile .drozono-urgent-action a {
    min-height: 58px !important;
    background: linear-gradient(135deg, #d9485f 0%, #b93655 100%) !important;
    box-shadow: 0 18px 42px rgba(217, 72, 95, 0.26) !important;
    font-size: 16px !important;
  }

  #menuMobile .drozono-urgent-action a .drozono-action-icon {
    background: transparent;
  }
}


/* ===== Mobile inline fixes (movido desde el <style> inline de home.html) ===== */
@media (max-width:1024px){body.home .elementor-2 .elementor-element.elementor-element-e6ac966 p,body.home .elementor-2 .elementor-element.elementor-element-ec162b5 .elementor-heading-title{display:block!important;width:calc(100vw - 86px)!important;max-width:calc(100vw - 86px)!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.22!important}body.home .elementor-2 .elementor-element.elementor-element-e6ac966 p{font-size:16px!important;line-height:1.45!important}body.home .elementor-2 .elementor-element.elementor-element-ec162b5 .elementor-heading-title{font-size:23px!important}body.home .elementor-2 .elementor-element.elementor-element-5b4b267 .elementor-heading-title,body.home .elementor-2 .elementor-element.elementor-element-017e9db p{display:block!important;width:calc(100vw - 64px)!important;max-width:calc(100vw - 64px)!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important;overflow-wrap:break-word!important}body.home .elementor-2 .elementor-element.elementor-element-5b4b267 .elementor-heading-title{font-size:25px!important;line-height:1.12!important}}

/* ===== Fallback de fondos motion-effects como background plano del elemento =====
   El JS de Elementor marca estas secciones con .elementor-motion-effects-element-type-background
   pero NO crea el layer de parallax en este export estático, dejando el fondo en "none".
   Reaplicamos el fondo al propio elemento con !important para que siempre se vea. */
.elementor-2 .elementor-element.elementor-element-b553051{background-image:url(/assets/img/2025/11/doctor-ozono.jpeg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important}
.elementor-2 .elementor-element.elementor-element-3fd8585{background-image:url(/assets/img/2026/02/alejandro.png) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important}
.elementor-2 .elementor-element.elementor-element-15ae8bd{background-image:url(/assets/img/2023/11/Grupo-226.svg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:150% auto !important}
.elementor-2 .elementor-element.elementor-element-78ce2bd{background-image:url(/assets/img/2023/11/Grupo-226.svg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:150% auto !important}
.elementor-2 .elementor-element.elementor-element-c17d58b{background-image:url(/assets/img/2023/11/Grupo-226.svg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:150% auto !important}
.elementor-2 .elementor-element.elementor-element-4bb4131{background-image:url(/assets/img/2023/11/Enmascarar-grupo-5.png) !important}
.elementor-2 .elementor-element.elementor-element-45aa916{background-image:url(/assets/img/2025/11/radio-1.jpeg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important}
.elementor-2 .elementor-element.elementor-element-b4515b9{background-image:url(/assets/img/2023/11/Imagen-1.png) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important}

/* ===== Centrar el botón "Escríbeme por whatsapp" (04ddba5) en móvil =====
   Elementor dejó solo --align-self:center (no se aplica sin flex); forzamos centrado real. */
@media (max-width: 767px) {
  .elementor-2 .elementor-element.elementor-element-04ddba5 .elementor-widget-container,
  .elementor-2 .elementor-element.elementor-element-04ddba5 .elementor-button-wrapper {
    text-align: center;
  }
  .elementor-2 .elementor-element.elementor-element-04ddba5 .elementor-button {
    margin-left: auto;
    margin-right: auto;
  }
}
