.elementor-8420 .elementor-element.elementor-element-8dbe151 > .elementor-container{min-height:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8420 .elementor-element.elementor-element-e277e2d{text-align:left;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8420 .elementor-element.elementor-element-0c0d82f .elementor-menu-toggle{margin-left:auto;}.elementor-8420 .elementor-element.elementor-element-0c0d82f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8420 .elementor-element.elementor-element-f2eeef2 .elementor-button{background-color:#FAFAFA00;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-8420 .elementor-element.elementor-element-0c0d82f .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-8420 .elementor-element.elementor-element-0c0d82f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}}@media(min-width:768px){.elementor-8420 .elementor-element.elementor-element-90bf302{width:20%;}.elementor-8420 .elementor-element.elementor-element-e107700{width:59.664%;}.elementor-8420 .elementor-element.elementor-element-302faad{width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8420 .elementor-element.elementor-element-90bf302{width:20%;}.elementor-8420 .elementor-element.elementor-element-e107700{width:60%;}.elementor-8420 .elementor-element.elementor-element-302faad{width:20%;}}@media(max-width:767px){.elementor-8420 .elementor-element.elementor-element-90bf302{width:50%;}.elementor-8420 .elementor-element.elementor-element-e107700{width:50%;}}/* Start custom CSS for button, class: .elementor-element-f2eeef2 */.elementor-8420 .elementor-element.elementor-element-f2eeef2 {
    display: inline-block;
    padding: 1px 1px; /* Espacio interno: arriba/abajo, izquierda/derecha */
    font-family: 'Montserrat', 'Open Sans', sans-serif; /* Usa la fuente que hayas elegido para el cuerpo */
    font-size: 14px;
    font-weight: 600; /* Un poco negrita para que se lea bien */
    text-transform: uppercase; /* Mayúsculas se ve más "premium" */
    letter-spacing: 1px; /* Espaciado entre letras */
    text-decoration: none;
    border-radius: 50px; /* Bordes completamente redondeados (estilo píldora) */
    transition: all 0.3s ease-in-out; /* Transición suave para el efecto hover */
    cursor: pointer;
    border: 1px solid transparent; /* Borde transparente base para evitar saltos */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra muy sutil para dar volumen */
}

/* --- ESTILO 1: Botón Principal (El "Alegre" para CTA) ---
   Úsalo para "Reservar Cita" o el botón más importante.
   Color Melón con texto oscuro.
*/
.elementor-8420 .elementor-element.elementor-element-f2eeef2 {
    background-color: #FFAB91; /* Color Melón */
    color: #2D2D2D !important; /* Texto Gris Oscuro (el !important asegura que se aplique) */
}

/* Efecto al pasar el mouse sobre el principal */
.elementor-8420 .elementor-element.elementor-element-f2eeef2:hover {
    background-color: #ffc1ad; /* Un melón un poquito más claro */
    transform: translateY(-3px); /* El botón "flota" un poquito hacia arriba */
    box-shadow: 0 8px 15px rgba(255, 171, 145, 0.4); /* Sombra difuminada del color del botón */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8dbe151 *//* --- ESTADO 1: INICIO (Transparente) --- */
.elementor-8420 .elementor-element.elementor-element-8dbe151 {
    background-color: transparent !important; /* Fondo invisible */
    transition: all 0.4s ease; /* Suavidad al cambiar */
    backdrop-filter: blur(0px); /* Sin borrosidad al inicio */
}

/* --- ESTADO 2: AL HACER SCROLL (Glassmorphism) --- */
/* Elementor agrega esta clase automáticamente cuando bajas */
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects {
    /* Aquí está el truco: Blanco al 80% de opacidad */
    background-color: rgba(255, 255, 255, 0.85) !important; 
    
    /* Este es el efecto "Vidrio Esmerilado" o Hielo */
    backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px); /* Para que sirva en iPhone/Safari */
    
    /* Sombrita para separar del contenido */
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    
    /* Opcional: Hacer el header un poquito más delgado al bajar */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* --- CAMBIO DE COLOR DE TEXTO (Vital) --- */
/* Cuando el fondo se pone blanco, las letras deben ponerse NEGRAS */

.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects h1,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects h2,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects h3,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects p,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects a,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects span,
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects i {
    color: #111111 !important; /* Texto Negro */
    fill: #111111 !important; /* Iconos SVG Negros */
}

/* --- LOGO --- */
/* Si usas logo en IMAGEN y es blanco, esto lo invierte a negro al bajar */
.elementor-8420 .elementor-element.elementor-element-8dbe151.elementor-sticky--effects img {
    filter: invert(1) brightness(0); 
}/* End custom CSS */