.elementor-4718 .elementor-element.elementor-element-27801c1{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4718 .elementor-element.elementor-element-e0c95a6{text-align:center;}.elementor-4718 .elementor-element.elementor-element-e0c95a6 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:6rem;font-weight:700;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4718 .elementor-element.elementor-element-e7100a2{text-align:center;font-family:"DM Sans", Sans-serif;font-size:1.5rem;font-weight:500;line-height:34px;}.elementor-4718 .elementor-element.elementor-element-72647e3{--swiper-slides-to-display:3;--swiper-slides-gap:10px;}.elementor-4718 .elementor-element.elementor-element-72647e3 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-4718 .elementor-element.elementor-element-72647e3{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-4718 .elementor-element.elementor-element-27801c1{--content-width:1265px;}.elementor-4718 .elementor-element.elementor-element-e0c95a6 .elementor-heading-title{font-size:4rem;}.elementor-4718 .elementor-element.elementor-element-72647e3{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-27801c1 *//* 1. Estado base para TODAS las tarjetas (Pequeñas a los lados) */
.elementor-4718 .elementor-element.elementor-element-27801c1 .swiper-slide {
    transition: all 0.5s ease-in-out !important;
    opacity: 0.5 !important;
    transform: scale(0.85) !important;
    z-index: 1 !important;
    
    /* --- BORDES MAESTROS (Cambia 20px si tu diseño es diferente) --- */
    border-radius: 20px !important; /* El número mágico */
    overflow: hidden !important; /* ¡LA TIJERA! */
    background-color: transparent !important;
    
    /* --- FIXES DE RENDERIZADO (Hardware Acceleration) --- */
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; /* Fix para Safari/Chrome */
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

/* 2. Destacamos la del MEDIO (swiper-slide-next) y reforzamos los bordes */
.elementor-4718 .elementor-element.elementor-element-27801c1 .swiper-slide.swiper-slide-next {
    opacity: 1 !important;
    transform: scale(1.05) !important; /* Agranda la central un 10% */
    -webkit-transform: scale(1.05) !important; /* Fix para Safari */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.2) !important;
    
    /* --- NUEVAS LÍNEAS DE REFUERZO SÚPER FUERTES --- */
    /* Re-aseguramos el borde y el recorte específicamente en el estado agrandado */
    border-radius: 20px !important; 
    overflow: hidden !important; 
}

/* 3. Aseguramos que la primera a la izquierda siga pequeña */
.elementor-4718 .elementor-element.elementor-element-27801c1 .swiper-slide.swiper-slide-active {
    opacity: 0.5 !important;
    transform: scale(0.85) !important;
    z-index: 1 !important;
    box-shadow: none !important;
}

/* 4. Damos espacio al contenedor */
.elementor-4718 .elementor-element.elementor-element-27801c1 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}


    
    /* LA TARJETA VISIBLE EN MÓVIL (A todo color y tamaño normal) */
    .elementor-4718 .elementor-element.elementor-element-27801c1 .swiper-slide.swiper-slide-active {
        opacity: 1 !important;
        transform: scale(1) translate3d(0, 0, 0) !important;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.2) !important;
        z-index: 10 !important;
    }
    
 
}/* End custom CSS */