.elementor-4457 .elementor-element.elementor-element-5c9efbaf{--display:flex;--min-height:100vh;--margin-top:0110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4457 .elementor-element.elementor-element-a2d2cdb .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4457 .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-4457 .elementor-element.elementor-element-73e0c058{width:100%;max-width:100%;}.elementor-4457 .elementor-element.elementor-element-3d609d72{--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-4457 .elementor-element.elementor-element-3d609d72:not(.elementor-motion-effects-element-type-background), .elementor-4457 .elementor-element.elementor-element-3d609d72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-4457 .elementor-element.elementor-element-3d609d72.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-4457 .elementor-element.elementor-element-7388f304 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-4457 .elementor-element.elementor-element-7388f304.elementor-element{--align-self:center;}.elementor-4457 .elementor-element.elementor-element-7388f304{font-family:"Albert Sans", Sans-serif;font-weight:700;color:#000000;}.elementor-4457 .elementor-element.elementor-element-571e8a4c{--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-4457 .elementor-element.elementor-element-4bde8441.elementor-element{--align-self:center;}.elementor-4457 .elementor-element.elementor-element-52897d5{--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:080px;--margin-left:0px;--margin-right:0px;}.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-4457 .elementor-element.elementor-element-57cf9194 > .elementor-widget-container{margin:0px 0px 048px 78px;}.elementor-4457 .elementor-element.elementor-element-57cf9194 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:40px;font-weight:700;color:#04272B;}.elementor-4457 .elementor-element.elementor-element-cdd290{--e-image-carousel-slides-to-show:3;width:var( --container-widget-width, 100vw );max-width:100vw;--container-widget-width:100vw;--container-widget-flex-grow:0;}.elementor-4457 .elementor-element.elementor-element-cdd290 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-4457 .elementor-element.elementor-element-cdd290 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-4457 .elementor-element.elementor-element-cdd290 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-4457 .elementor-element.elementor-element-7d0bf236{--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-4457 .elementor-element.elementor-element-28a83ec5 .elementor-button{background-color:#FFFFFF00;font-family:"Albert Sans", Sans-serif;font-size:24px;font-weight:700;fill:#04272B;color:#04272B;}.elementor-4457 .elementor-element.elementor-element-65e692e1{--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-4457 .elementor-element.elementor-element-5c9efbaf{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-1ec4d321{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-3d609d72{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-571e8a4c{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-52897d5{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-7d0bf236{--content-width:100vw;}.elementor-4457 .elementor-element.elementor-element-65e692e1{--content-width:100vw;}}@media(max-width:767px){.elementor-4457 .elementor-element.elementor-element-a2d2cdb > .elementor-widget-container{margin:089px 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-4457 .elementor-element.elementor-element-57cf9194 > .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-254bcdce */.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 */