.elementor-3916 .elementor-element.elementor-element-9ce132a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:2;}.elementor-3916 .elementor-element.elementor-element-9ce132a.she-header{backdrop-filter:blur(5px) saturate(1.8) !important;-webkit-backdrop-filter:blur(5px) saturate(1.8) !important;}.elementor-3916 .elementor-element.elementor-element-9b70c44{--display:flex;--background-transition:0.3s;}.elementor-3916 .elementor-element.elementor-element-551130a > .elementor-widget-container{margin:-19px 0px -25px 0px;}.elementor-3916 .elementor-element.elementor-element-bfa96b3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--background-transition:0.3s;}.elementor-3916 .elementor-element.elementor-element-6407827 > .elementor-widget-container{margin:-40px 0px -29px 0px;}.elementor-3916 .elementor-element.elementor-element-6407827 .sub-home-nav .navbar-nav{text-align:center;}.elementor-3916 .elementor-element.elementor-element-6407827 .navbar-area.style-2 .navbar-expand-lg .nav-container .navbar-nav li:hover a:first-child{color:#FFC5D3 !important;}.elementor-3916 .elementor-element.elementor-element-6407827 .navbar-area.style-2 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a{color:#FFFFFF !important;}.elementor-3916 .elementor-element.elementor-element-6407827 .sub-home-nav .navbar-nav li a{font-size:16px;font-weight:700;text-transform:none;}.elementor-3916 .elementor-element.elementor-element-85697d3 > .elementor-widget-container{margin:-3px 0px 0px 0px;}.elementor-3916 .elementor-element.elementor-element-bd75c50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button{fill:var( --e-global-color-0e6226b );color:var( --e-global-color-0e6226b );background-color:#B3EBF2;border-radius:8px 8px 8px 8px;padding:21px 44px 21px 44px;}.elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button:hover, .elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button:focus{color:var( --e-global-color-0e6226b );background-color:#9FD2D8;}.elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button:hover svg, .elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button:focus svg{fill:var( --e-global-color-0e6226b );}.elementor-3916 .elementor-element.elementor-element-d5065f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3916 .elementor-element.elementor-element-d5065f7.she-header{backdrop-filter:blur(5px) saturate(1.8) !important;-webkit-backdrop-filter:blur(5px) saturate(1.8) !important;}.elementor-3916 .elementor-element.elementor-element-02d6f0c{--display:flex;--background-transition:0.3s;}.elementor-3916 .elementor-element.elementor-element-f747841{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--background-transition:0.3s;}.elementor-3916 .elementor-element.elementor-element-14e8d03 > .elementor-widget-container{margin:-3px 0px 0px 0px;}.elementor-3916 .elementor-element.elementor-element-52dba77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button{fill:var( --e-global-color-0e6226b );color:var( --e-global-color-0e6226b );background-color:#B3EBF2;border-radius:8px 8px 8px 8px;padding:21px 44px 21px 44px;}.elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button:hover, .elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button:focus{color:var( --e-global-color-0e6226b );background-color:#B3EBF2;}.elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button:hover svg, .elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button:focus svg{fill:var( --e-global-color-0e6226b );}@media(min-width:768px){.elementor-3916 .elementor-element.elementor-element-9b70c44{--width:20%;}.elementor-3916 .elementor-element.elementor-element-bfa96b3{--width:80%;}.elementor-3916 .elementor-element.elementor-element-02d6f0c{--width:20%;}.elementor-3916 .elementor-element.elementor-element-f747841{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3916 .elementor-element.elementor-element-02d6f0c{--width:30%;}.elementor-3916 .elementor-element.elementor-element-f747841{--width:70%;}}@media(max-width:1366px){.elementor-3916 .elementor-element.elementor-element-6407827 .sub-home-nav .navbar-nav{text-align:center;}}@media(max-width:1024px){.elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button{padding:15px 40px 15px 40px;}.elementor-3916 .elementor-element.elementor-element-d5065f7{--z-index:2;}.elementor-3916 .elementor-element.elementor-element-f747841{--gap:15px 15px;}.elementor-3916 .elementor-element.elementor-element-52dba77 .elementor-button{font-size:17px;padding:14px 15px 15px 15px;}}@media(max-width:767px){.elementor-3916 .elementor-element.elementor-element-bd75c50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}.elementor-3916 .elementor-element.elementor-element-bd75c50.elementor-element{--align-self:flex-start;}.elementor-3916 .elementor-element.elementor-element-bd75c50 .elementor-button{padding:16px 40px 16px 40px;}.elementor-3916 .elementor-element.elementor-element-d5065f7{--flex-wrap:nowrap;}.elementor-3916 .elementor-element.elementor-element-ffee4c5 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-3916 .elementor-element.elementor-element-52dba77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3916 .elementor-element.elementor-element-52dba77.elementor-element{--align-self:flex-start;}}/* Start custom CSS for button, class: .elementor-element-52dba77 *//* PANEL / POPUP - DR SARELA */
.elementor-popup-modal .menumovil-drsarela{
  position: relative;
  background-image:
    linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
    url("https://drasarelamedicinaestetica.com/wp-content/uploads/2026/03/estheticians-in-medical-gloves-holding-beauty-trea-2024-11-10-05-10-36-utc-scaled-1.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  height: auto;
  width: 82%;
  max-width: 340px;
  margin-left: 0;
  margin-right: auto;
  cursor: default;
  display: flex;
  flex-direction: column;
}

/* FONDO POPUP TRANSPARENTE */
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* CONTENEDOR CENTRAL */
.elementor-popup-modal .menumovil-drsarela > .elementor-container{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow-y: auto;
  max-height: none;
}

/* LÍNEA #FFC5D3 DERECHA */
.elementor-popup-modal .menumovil-drsarela::before{
  content: "";
  position: absolute;
  top: 0;
  right: -4px;
  width: 4px;
  height: 100%;
  background-color: #FFC5D3;
  z-index: 6;
}

/* RESETEO FONDOS */
.elementor-popup-modal .menumovil-drsarela *{
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* ESPACIO ARRIBA */
.elementor-popup-modal .menumovil-drsarela .elementor-widget-wrap{
  padding-top: 130px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* LOGO - imagen real directa, sin pseudoelemento */
.elementor-popup-modal .menumovil-drsarela .elementor-widget-image{
  position: absolute !important;
  top: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  width: 90px !important;
  height: 90px !important;
  overflow: visible !important;
}
.elementor-popup-modal .menumovil-drsarela .elementor-widget-image img{
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
  display: block !important;
}

/* QUITAR PSEUDOELEMENTO */
.elementor-popup-modal .menumovil-drsarela .elementor-widget-image .elementor-widget-container::after{
  display: none !important;
  content: none !important;
}

/* ===== ICON-LIST: ITEMS DEL MENÚ ===== */
html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-items{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-item{
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-item a,
html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-text{
  font-family: "Jost", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  padding: 8px 0 !important;
  display: block !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* HOVER ITEMS */
html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-item a:hover,
html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-item:hover .elementor-icon-list-text{
  color: #FFC5D3 !important;
  -webkit-text-fill-color: #FFC5D3 !important;
}

/* OCULTAR ICONOS DE LA LISTA */
html body .elementor-popup-modal .menumovil-drsarela .elementor-icon-list-icon{
  display: none !important;
}

/* BOTÓN CTA */
.elementor-popup-modal .menumovil-drsarela .elementor-button{
  background-color: #FFC5D3 !important;
  border-radius: 30px !important;
  padding: 12px 30px !important;
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  margin: 40px auto 0 !important;
  border: none !important;
}
.elementor-popup-modal .menumovil-drsarela .elementor-button:hover{
  background-color: #e8a0b4 !important;
}
.elementor-popup-modal .menumovil-drsarela .elementor-button-icon{
  display: none !important;
}

/* BOTÓN CERRAR */
.dialog-close-button.dialog-lightbox-close-button,
.elementor-popup-modal .dialog-close-button,
button.dialog-close-button{
  position: fixed !important;
  top: 8px !important;
  right: calc(18% + 2px) !important;
  background-color: #FFC5D3 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 9999 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dialog-close-button i,
.dialog-close-button svg,
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg{
  color: #ffffff !important;
  fill: #ffffff !important;
  font-size: 16px !important;
}

/* ALTURA COMPLETA DEL POPUP */
.elementor-popup-modal{
  align-items: stretch !important;
}
.elementor-popup-modal .dialog-message{
  height: 100vh !important;
}/* End custom CSS */