.elementor-31 .elementor-element.elementor-element-3a0302c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-31 .elementor-element.elementor-element-55bdcbd{width:var( --container-widget-width, 101.669% );max-width:101.669%;--container-widget-width:101.669%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-55bdcbd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-d6f05b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-31 .elementor-element.elementor-element-c5fde85{width:var( --container-widget-width, 101.669% );max-width:101.669%;--container-widget-width:101.669%;--container-widget-flex-grow:0;}.elementor-31 .elementor-element.elementor-element-c5fde85.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-3a0302c{--content-width:1470px;}.elementor-31 .elementor-element.elementor-element-d6f05b0{--content-width:1470px;}}/* Start custom CSS *//* =========================================
   1. ESTILOS BASE (TU DISEÑO)
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Poppins:wght@400;500;600&display=swap');

/* Estilo del Nombre */
.header-texto .nombre-principal {
    font-family: 'Merriweather', serif;
    font-size: 24px; /* Ajuste para que no sea gigante */
    font-weight: 700;
    color: #2c2c2c;
    margin: 0;
    line-height: 1.2;
}

/* Estilo del Cargo */
.header-texto .cargo-profesional {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #7a7a7a;
    margin-top: 2px;
}

/* Alineación vertical */
.header-logo, .header-texto, .header-menu, .header-boton {
    align-self: center;
}

/* Estilos de los enlaces del menú (normal) */
.header-menu ul li a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #666666 !important;
}
.header-menu ul li a:hover {
    color: #2FBFA6 !important; 
}

/* =========================================
   2. LOGICA "ANTI-DUPLICADO" (LA MAGIA)
   ========================================= */

/* A. EN COMPUTADORA (Pantallas grandes): 
   ¡Ocultamos el botón que metiste en el menú! */
@media (min-width: 1025px) {
    .boton-movil {
        display: none !important; /* <--- ESTO EVITA QUE SE VEA DUPLICADO */
    }
}

/* B. EN TABLET Y MÓVIL (Pantallas pequeñas):
   Transformamos ese enlace en un botón bonito */
@media (max-width: 1024px) {
    
    /* Fondo del menú desplegable */
    .elementor-nav-menu--dropdown {
        background-color: #ffffff !important; /* O #2c2c2c si lo quieres oscuro */
        padding-top: 20px;
    }

    /* Convertimos el enlace "Agenda Tu Cita" en un BOTÓN */
    .elementor-nav-menu--dropdown .boton-movil a {
        background-color: #2DBCA6 !important; /* Tu color turquesa */
        color: #ffffff !important;
        border-radius: 50px !important;
        text-align: center;
        margin: 20px auto !important; /* Centrado */
        width: 80% !important; /* Ancho del botón */
        display: block;
        padding: 12px 0 !important;
        font-weight: 600 !important;
    }
    
    /* El resto de enlaces normales en móvil */
    .elementor-nav-menu--dropdown li a {
        border-bottom: 1px solid #eee;
        padding: 15px !important;
        color: #333 !important;
    }
}

/* =========================================
   3. BOTÓN GRANDE (ESCRITORIO)
   ========================================= */
.header-boton .elementor-button {
    background-color: #2DBCA6 !important;
    border-radius: 50px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 28px !important;
}

/* =========================================
   4. AJUSTES FINALES RESPONSIVE
   ========================================= */
/* En móvil (celulares), ocultamos el texto largo para que quepa el logo */
@media (max-width: 767px) {
    .header-texto {
        display: none !important;
    }
    .header-menu {
        margin-left: auto; /* Mueve la hamburguesa a la derecha */
    }
}/* End custom CSS */