.elementor-10258 .elementor-element.elementor-element-fce66de{--display:flex;--position:fixed;--min-height:206px;--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;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;top:0px;--z-index:990;}.elementor-10258 .elementor-element.elementor-element-fce66de:not(.elementor-motion-effects-element-type-background), .elementor-10258 .elementor-element.elementor-element-fce66de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body:not(.rtl) .elementor-10258 .elementor-element.elementor-element-fce66de{left:0px;}body.rtl .elementor-10258 .elementor-element.elementor-element-fce66de{right:0px;}.elementor-10258 .elementor-element.elementor-element-f5b220b{--display:flex;}.elementor-10258 .elementor-element.elementor-element-4c72adf{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10258 .elementor-element.elementor-element-0bfaa58{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10258 .elementor-element.elementor-element-dbdbbf6{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10258 .elementor-element.elementor-element-8c2b858{--display:flex;}.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-10258 .elementor-element.elementor-element-4c72adf{--width:100%;}}@media(max-width:767px){.elementor-10258 .elementor-element.elementor-element-fce66de{--min-height:105px;}.elementor-10258 .elementor-element.elementor-element-0bfaa58{--width:50%;}.elementor-10258 .elementor-element.elementor-element-dbdbbf6{--width:50%;}.elementor-10258 .elementor-element.elementor-element-8c2b858{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10258 .elementor-element.elementor-element-99a653d{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-5dbe2b8 *//* Estilos del contenedor del menú */

@media (max-width: 767px){
    .dropdown-menu-custom {
        top: 104px !important;
    }
}

.dropdown-menu-custom {
    position: fixed; /* O absolute si tu header es sticky */
    top: 206px;      /* Ajusta según la altura de tu header */
    left: 0;
    width: 100%;
    height: 0;      /* Empieza cerrado */
    max-height: 580px; 
    background-color: black;
    overflow: hidden;
    transition: height 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 1998;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.dropdown-menu-custom div{
    display: flex;
    justify-content: center;
    gap: 80px;
}

/* Cuando el menú está activo */
.dropdown-menu-custom.is-open {
    height: 580px;
}

/* Estilos de los enlaces (Personalízalos a tu gusto) */
.dropdown-menu-custom ul {
    list-style: none;
    padding: 60px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.dropdown-menu-custom ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 2px;
    transition: opacity 0.3s;
    font-family: 'Montserrat';
}

.dropdown-menu-custom ul li a:hover {
    opacity: 0.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff5ec13 */:root {
    --dot-size: 6px;
    --dot-gap: 5px;
    --line-width: 28px; /* Largo total de la línea al final */
    --speed: 0.4s;
}

.mikado-hamburguer {
    width: 60px;
    padding: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.line-row {
    position: relative;
    height: var(--dot-size);
    width: var(--line-width);
}

.dot {
    position: absolute;
    height: var(--dot-size);
    width: var(--dot-size);
    background-color: #fff;
    transition: all var(--speed) cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Posiciones iniciales */
.d1 { left: 0; }
.d2 { left: calc(var(--dot-size) + var(--dot-gap)); }
.d3 { left: calc((var(--dot-size) * 2) + (var(--dot-gap) * 2)); }

/* --- EFECTO HOVER --- */

/* La línea 1 (d1) se estira */
.mikado-hamburguer:hover .d1 {
    width: var(--line-width);
}

/* Los puntos 2 y 3 se mueven y se desvanecen */
.mikado-hamburguer:hover .d2,
.mikado-hamburguer:hover .d3 {
    opacity: 0;
    transform: translateX(10px);
}

/* --- DELAYS ESCALONADOS (Hover In) --- */

/* Centro (Fila 2) - Inmediato */
.mikado-hamburguer:hover .line-row:nth-child(2) .dot {
    transition-delay: 0s;
}

/* Arriba (Fila 1) - 0.2s */
.mikado-hamburguer:hover .line-row:nth-child(1) .dot {
    transition-delay: 0.2s;
}

/* Abajo (Fila 3) - 0.4s */
.mikado-hamburguer:hover .line-row:nth-child(3) .dot {
    transition-delay: 0.3s;
}

/* --- EFECTO DE REGRESO (Hover Out) --- */
/* Al quitar el mouse, los puntos 2 y 3 regresan desde la derecha */
.dot {
    transition-delay: 0s;
}/* End custom CSS */