.elementor-1457 .elementor-element.elementor-element-5c9efbaf{--display:flex;--min-height:100vh;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1457 .elementor-element.elementor-element-a2d2cdb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1457 .elementor-element.elementor-element-1ec4d321{--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-1457 .elementor-element.elementor-element-73e0c058{width:100%;max-width:100%;}.elementor-1457 .elementor-element.elementor-element-5c27dce3{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:145px;--margin-bottom:145px;--margin-left:0px;--margin-right:0px;}.elementor-1457 .elementor-element.elementor-element-5c27dce3:not(.elementor-motion-effects-element-type-background), .elementor-1457 .elementor-element.elementor-element-5c27dce3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1457 .elementor-element.elementor-element-5c27dce3.e-con{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-1457 .elementor-element.elementor-element-1cb29fa > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-1457 .elementor-element.elementor-element-1cb29fa.elementor-element{--align-self:center;}.elementor-1457 .elementor-element.elementor-element-1cb29fa{font-family:"Albert Sans", Sans-serif;font-weight:700;color:#000000;}.elementor-1457 .elementor-element.elementor-element-1f3262e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0145px;--margin-left:0px;--margin-right:0px;}.elementor-1457 .elementor-element.elementor-element-8f88e64.elementor-element{--align-self:center;}.elementor-1457 .elementor-element.elementor-element-21a455f9{--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-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1457 .elementor-element.elementor-element-33b1b30e{width:initial;max-width:initial;}.elementor-1457 .elementor-element.elementor-element-33b1b30e > .elementor-widget-container{margin:0px 0px 048px 75px;}.elementor-1457 .elementor-element.elementor-element-33b1b30e .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-1457 .elementor-element.elementor-element-53a078b2{--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;--margin-top:0px;--margin-bottom:36px;--margin-left:0px;--margin-right:0px;}.elementor-1457 .elementor-element.elementor-element-4b1047e9{--e-image-carousel-slides-to-show:3;width:initial;max-width:initial;}.elementor-1457 .elementor-element.elementor-element-4b1047e9 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1457 .elementor-element.elementor-element-4b1047e9 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-1457 .elementor-element.elementor-element-65595e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:96px;--margin-left:050px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1457 .elementor-element.elementor-element-222d162 .elementor-button{background-color:#FFFFFF00;font-family:"Albert Sans", Sans-serif;font-size:24px;font-weight:700;fill:#04272B;color:#04272B;}.elementor-1457 .elementor-element.elementor-element-7fbe1025{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-1457 .elementor-element.elementor-element-5c9efbaf{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-1ec4d321{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-5c27dce3{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-1f3262e9{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-21a455f9{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-53a078b2{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-65595e2{--content-width:100vw;}.elementor-1457 .elementor-element.elementor-element-7fbe1025{--content-width:100vw;}}@media(max-width:767px){.elementor-1457 .elementor-element.elementor-element-a2d2cdb > .elementor-widget-container{margin:89px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1457 .elementor-element.elementor-element-33b1b30e > .elementor-widget-container{margin:0px 0px 20px 24px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-28bfc160 */.newsletter-form {
    display: flex;
    margin-top: 20px;
    max-width: 500px;
    width: 100%;
}

.custom-rola-footer .col-right .first-field {
    height: 79px;
    background-color: #83B8B9;
    flex-grow: 1;
    align-items: center;
    padding: 12px 15px;
    border: unset;
    border-radius: unset;
    font-size: 16px;
    min-width: 0;
    color: #333333;
    outline: none;
    transition: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.col-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.custom-rola-footer .col-right .newsletter-form button {
    background-color: #8AD2D4;
    color: #1a1a1a;
    border: none;
    padding: 12px 20px;
    border-radius: 0 4px 4px 0;
    height: 79px;
    width: unset;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, transform 0.1s;
    white-space: nowrap; /* Evita que el texto del botón se rompa */
}

.newsletter-form button:hover {
    background-color: #6bafb1;
    transform: translateY(-2px);
}

.newsletter-form button img {
    width: 18px;
    margin-left: 8px;
}

/* Estilos para el placeholder */
.custom-rola-footer .col-right .first-field::placeholder,
.custom-rola-footer .col-right .first-field::-webkit-input-placeholder,
.custom-rola-footer .col-right .first-field::-moz-placeholder,
.custom-rola-footer .col-right .first-field:-ms-input-placeholder,
.custom-rola-footer .col-right .first-field::-ms-input-placeholder {
    color: #333333;
    opacity: 1; /* Firefox */
}

/* Estilos para cuando el input está enfocado */
.custom-rola-footer .col-right .first-field:focus::placeholder,
.custom-rola-footer .col-right .first-field:focus::-webkit-input-placeholder,
.custom-rola-footer .col-right .first-field:focus::-moz-placeholder,
.custom-rola-footer .col-right .first-field:focus:-ms-input-placeholder,
.custom-rola-footer .col-right .first-field:focus::-ms-input-placeholder {
    color: #333333;
    opacity: 1;
}

@media (max-width: 768px) {
    .newsletter-form {
        flex-direction: column;
        align-items: stretch;
    }
    
    .newsletter-form button {
        border-radius: 4px;
        justify-content: center;
    }
}

.newsletter-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}

#close-popup {
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #8AD2D4;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}/* End custom CSS */