.elementor-423 .elementor-element.elementor-element-de65f51{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-423 .elementor-element.elementor-element-de65f51:not(.elementor-motion-effects-element-type-background), .elementor-423 .elementor-element.elementor-element-de65f51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-423 .elementor-element.elementor-element-a60b2b5{--display:flex;--min-height:100vh;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-423 .elementor-element.elementor-element-a60b2b5:not(.elementor-motion-effects-element-type-background), .elementor-423 .elementor-element.elementor-element-a60b2b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC2D1;}.elementor-widget-image .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 );}body:not(.rtl) .elementor-423 .elementor-element.elementor-element-c28fac0{left:0px;}body.rtl .elementor-423 .elementor-element.elementor-element-c28fac0{right:0px;}.elementor-423 .elementor-element.elementor-element-c28fac0{bottom:-30px;}.elementor-423 .elementor-element.elementor-element-c28fac0 img{width:50%;}.elementor-423 .elementor-element.elementor-element-32e41da{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-423 .elementor-element.elementor-element-e26d76e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-423 .elementor-element.elementor-element-e26d76e:not(.elementor-motion-effects-element-type-background), .elementor-423 .elementor-element.elementor-element-e26d76e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-423 .elementor-element.elementor-element-870e03e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:900;color:#000000;}.elementor-423 .elementor-element.elementor-element-b14931c{--display:flex;--min-height:100vh;}.elementor-423 .elementor-element.elementor-element-c2529f5{background-color:#FFE5CF;padding:9px 10px 9px 10px;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-423 .elementor-element.elementor-element-c2529f5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;color:#000000;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-423 .elementor-element.elementor-element-b53393b{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-423 .elementor-element.elementor-element-b53393b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-423 .elementor-element.elementor-element-beb5f6e{background-color:#FFE5CF;padding:9px 10px 9px 10px;border-radius:10px 10px 10px 10px;}.elementor-423 .elementor-element.elementor-element-beb5f6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;color:#000000;}.elementor-423 .elementor-element.elementor-element-6ebfaf5{--grid-columns:1;}.elementor-423 .elementor-element.elementor-element-2f57bd6{background-color:#FFE5CF;padding:9px 10px 9px 10px;border-radius:10px 10px 10px 10px;}.elementor-423 .elementor-element.elementor-element-2f57bd6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;color:#000000;}.elementor-423 .elementor-element.elementor-element-302adb4{--grid-columns:1;--grid-row-gap:0px;}.elementor-423 .elementor-element.elementor-element-cb7ecc5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.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-423 .elementor-element.elementor-element-bf9345f .elementor-button{background-color:#000000;font-family:"Montserrat", Sans-serif;font-weight:600;border-radius:100px 100px 100px 100px;padding:17px 30px 16px 30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-423 .elementor-element.elementor-element-870e03e .elementor-heading-title{font-size:43px;}.elementor-423 .elementor-element.elementor-element-b53393b{--grid-columns:1;}.elementor-423 .elementor-element.elementor-element-6ebfaf5{--grid-columns:1;}.elementor-423 .elementor-element.elementor-element-302adb4{--grid-columns:1;}}@media(min-width:768px){.elementor-423 .elementor-element.elementor-element-a60b2b5{--width:50%;}.elementor-423 .elementor-element.elementor-element-32e41da{--width:50%;}.elementor-423 .elementor-element.elementor-element-b14931c{--width:100%;}}@media(max-width:767px){.elementor-423 .elementor-element.elementor-element-a60b2b5{--width:40%;}.elementor-423 .elementor-element.elementor-element-c28fac0{bottom:0px;}.elementor-423 .elementor-element.elementor-element-c28fac0 img{width:100%;}.elementor-423 .elementor-element.elementor-element-32e41da{--width:50%;}.elementor-423 .elementor-element.elementor-element-870e03e .elementor-heading-title{font-size:26px;}.elementor-423 .elementor-element.elementor-element-b53393b{--grid-columns:1;}.elementor-423 .elementor-element.elementor-element-6ebfaf5{--grid-columns:1;}.elementor-423 .elementor-element.elementor-element-302adb4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-a60b2b5 */#scoopl-preview-container {
    position: relative; /* Obligatorio para que las bolas se posicionen respecto a este cuadro */
    overflow: visible; /* Permite que el helado crezca hacia arriba si es muy alto */
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.bola-en-cono {
    position: absolute;
    width: 120px;
    height: auto;
    bottom: 100px; /* <--- AJUSTA ESTE VALOR. Menos px = más abajo */
    left: 50%; /* Centra la bola horizontalmente */
    transform: translateX(-50%); /* Asegura el centrado exacto */
    border-radius: 50%;
    object-fit: contain;
    pointer-events: none;
    z-index: 2; /* Para que quede sobre el cono */
}

@keyframes caerHelado {
    from { transform: translateY(-20px) translateX(-50%); opacity: 0; }
    to { transform: translateY(0) translateX(-50%); opacity: 1; }
}
#scoopl-preview-container {
    min-height: 700px !important; /* Aumenta esto para que quepan más sabores hacia arriba */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Empuja todo hacia la base */
    padding-bottom: 50px; /* Separa el cono un poco del borde inferior */
    margin-bottom: 100px; /* Crea espacio real abajo en la página */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e26d76e */.elementor-423 .elementor-element.elementor-element-e26d76e {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color:#ffffff !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding: 20px 10px;
    margin-bottom: 0px;
    
    /* El truco del difuminado de Crumbl: degradado de máscara */
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b53393b *//* Atacamos todas las posibilidades donde Elementor guarda el borde */
.elementor-423 .elementor-element.elementor-element-b53393b .e-loop-item:last-child,
.elementor-423 .elementor-element.elementor-element-b53393b .e-loop-item:last-child > .e-con,
.elementor-423 .elementor-element.elementor-element-b53393b .e-loop-item:last-child > .e-container {
    border-bottom: none !important;
    border-bottom-width: 0 !important;
}

/* Si usaste un widget de "Separador" dentro del loop, esto lo oculta al final */
.elementor-423 .elementor-element.elementor-element-b53393b .e-loop-item:last-child .elementor-widget-divider {
    display: none !important;
}

/* Espacio extra para que el botón NO se vea cortado abajo */
.elementor-423 .elementor-element.elementor-element-b53393b .e-loop-item:last-child {
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6ebfaf5 *//* Atacamos todas las posibilidades donde Elementor guarda el borde */
.elementor-423 .elementor-element.elementor-element-6ebfaf5 .e-loop-item:last-child,
.elementor-423 .elementor-element.elementor-element-6ebfaf5 .e-loop-item:last-child > .e-con,
.elementor-423 .elementor-element.elementor-element-6ebfaf5 .e-loop-item:last-child > .e-container {
    border-bottom: none !important;
    border-bottom-width: 0 !important;
}

/* Si usaste un widget de "Separador" dentro del loop, esto lo oculta al final */
.elementor-423 .elementor-element.elementor-element-6ebfaf5 .e-loop-item:last-child .elementor-widget-divider {
    display: none !important;
}

/* Espacio extra para que el botón NO se vea cortado abajo */
.elementor-423 .elementor-element.elementor-element-6ebfaf5 .e-loop-item:last-child {
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-302adb4 *//* Atacamos todas las posibilidades donde Elementor guarda el borde */
.elementor-423 .elementor-element.elementor-element-302adb4 .e-loop-item:last-child,
.elementor-423 .elementor-element.elementor-element-302adb4 .e-loop-item:last-child > .e-con,
.elementor-423 .elementor-element.elementor-element-302adb4 .e-loop-item:last-child > .e-container {
    border-bottom: none !important;
    border-bottom-width: 0 !important;
}

/* Si usaste un widget de "Separador" dentro del loop, esto lo oculta al final */
.elementor-423 .elementor-element.elementor-element-302adb4 .e-loop-item:last-child .elementor-widget-divider {
    display: none !important;
}

/* Espacio extra para que el botón NO se vea cortado abajo */
.elementor-423 .elementor-element.elementor-element-302adb4 .e-loop-item:last-child {
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb7ecc5 */.elementor-423 .elementor-element.elementor-element-cb7ecc5 {
    position: sticky;
    bottom: 0;
    z-index: 100;
    /* Fondo completamente blanco y sólido */
    background-color: #ffffff !important;
    /* Espaciado interno para que el botón no toque los bordes */
    padding: 15px 20px;
    /* Borde superior sutil para dar separación */
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    
    /* El degradado de máscara invertido (hacia arriba) */
    -webkit-mask-image: linear-gradient(to top, black 70%, transparent 100%);
    mask-image: linear-gradient(to top, black 70%, transparent 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32e41da */.elementor-423 .elementor-element.elementor-element-32e41da {
    max-height: 82vh; /* Ajusta este número según prefieras */
    overflow-y: auto !important;
    overflow-x: hidden;
    position: relative;
}

/* Para que la barra de scroll sea minimalista */
.elementor-423 .elementor-element.elementor-element-32e41da::-webkit-scrollbar {
    width: 6px;
}
.elementor-423 .elementor-element.elementor-element-32e41da::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 10px;
}/* End custom CSS */