.elementor-2503 .elementor-element.elementor-element-228839d1{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2503 .elementor-element.elementor-element-228839d1:not(.elementor-motion-effects-element-type-background), .elementor-2503 .elementor-element.elementor-element-228839d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2503 .elementor-element.elementor-element-7cce2930 img{width:33%;}.elementor-2503 .elementor-element.elementor-element-6ad8ba1 .elementor-menu-toggle{margin:0 auto;}.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-2503 .elementor-element.elementor-element-228839d1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-2503 .elementor-element.elementor-element-228839d1{--width:100%;}}@media(max-width:767px){.elementor-2503 .elementor-element.elementor-element-228839d1{--width:100%;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-2503 .elementor-element.elementor-element-7cce2930 img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-228839d1 *//* ==========================================
   1. EFECTO PARA COMPUTADORES Y TABLETS
========================================== */
@media (min-width: 768px) {

    .elementor-2503 .elementor-element.elementor-element-228839d1 {
        transition: all 0.4s ease-in-out;
    }

    .elementor-2503 .elementor-element.elementor-element-228839d1.elementor-sticky--effects {
        min-height: 70px !important; 
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: rgba(255, 255, 255, 0.95); 
    }

    .elementor-2503 .elementor-element.elementor-element-228839d1 img,
    .elementor-2503 .elementor-element.elementor-element-228839d1 .elementor-nav-menu {
        transition: all 0.4s ease-in-out;
    }

    /* Aquí mantuve los 300px que le pusiste a tu logo */
    .elementor-2503 .elementor-element.elementor-element-228839d1.elementor-sticky--effects img {
        max-width: 300px !important; 
    }
}

/* ==========================================
   2. EFECTO SUAVE PARA MÓVILES (Celulares)
========================================== */
@media (max-width: 767px) {

    .elementor-2503 .elementor-element.elementor-element-228839d1 {
        transition: all 0.4s ease-in-out;
    }

    /* Achicamos el contenedor en celu, pero con medidas más precisas */
    .elementor-2503 .elementor-element.elementor-element-228839d1.elementor-sticky--effects {
        min-height: 50px !important; /* Un poco más bajo que en PC */
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        background-color: rgba(255, 255, 255, 0.98); 
    }

    .elementor-2503 .elementor-element.elementor-element-228839d1 img {
        transition: all 0.4s ease-in-out;
    }

    /* Achicamos el logo al bajar en celu */
    .elementor-2503 .elementor-element.elementor-element-228839d1.elementor-sticky--effects img {
        max-width: 60px !important; /* Ajusta este valor para que el logo no quede gigante ni desaparezca */
    }
}/* End custom CSS */