.elementor-2697 .elementor-element.elementor-element-a637555{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2697 .elementor-element.elementor-element-a4d2054{--display:flex;--min-height:50vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.2;--border-radius:30px 30px 30px 30px;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}.elementor-2697 .elementor-element.elementor-element-a4d2054:not(.elementor-motion-effects-element-type-background), .elementor-2697 .elementor-element.elementor-element-a4d2054 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cocosurf.sv/wp-content/uploads/2026/02/COCOSURF_NOMAD-GORRILAZ_DIZ_1654_THIAGO-DIZ-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2697 .elementor-element.elementor-element-a4d2054::before, .elementor-2697 .elementor-element.elementor-element-a4d2054 > .elementor-background-video-container::before, .elementor-2697 .elementor-element.elementor-element-a4d2054 > .e-con-inner > .elementor-background-video-container::before, .elementor-2697 .elementor-element.elementor-element-a4d2054 > .elementor-background-slideshow::before, .elementor-2697 .elementor-element.elementor-element-a4d2054 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2697 .elementor-element.elementor-element-a4d2054 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-2697 .elementor-element.elementor-element-7c16c15{text-align:start;}.elementor-2697 .elementor-element.elementor-element-7c16c15 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF00;}.elementor-2697 .elementor-element.elementor-element-b3942f2{text-align:start;}.elementor-2697 .elementor-element.elementor-element-b3942f2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-2697 .elementor-element.elementor-element-e6ca2dd{--display:flex;}.elementor-2697 .elementor-element.elementor-element-8c66961{text-align:center;}.elementor-2697 .elementor-element.elementor-element-8c66961 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.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-2697 .elementor-element.elementor-element-7dd9182{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2697 .elementor-element.elementor-element-9ab7bfb .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2697 .elementor-element.elementor-element-9ab7bfb .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2697 .elementor-element.elementor-element-9ab7bfb{--titles-container-justify-content:flex-start;--image-border-width:0px;--image-border-radius:15px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--galleries-title-color-normal:#FFFFFF;--galleries-title-color-hover:#FFFFFF;--gallery-title-color-active:#FFFFFF;}.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-gallery-title{font-family:"Roboto", Sans-serif;font-weight:400;--space-between:5px;}.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-gallery__titles-container{margin-bottom:16px;}.elementor-2697 .elementor-element.elementor-element-cf3afac{--spacer-size:50px;}.elementor-2697 .elementor-element.elementor-element-89be837{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2697 .elementor-element.elementor-element-8bd1978{--display:flex;--min-height:40vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2697 .elementor-element.elementor-element-8bd1978:not(.elementor-motion-effects-element-type-background), .elementor-2697 .elementor-element.elementor-element-8bd1978 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://cocosurf.sv/wp-content/uploads/2026/02/DSC8979-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2697 .elementor-element.elementor-element-2145a24{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2697 .elementor-element.elementor-element-2145a24:not(.elementor-motion-effects-element-type-background), .elementor-2697 .elementor-element.elementor-element-2145a24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F735B;}.elementor-2697 .elementor-element.elementor-element-7d82621{text-align:start;}.elementor-2697 .elementor-element.elementor-element-7d82621 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;color:#FFFFFF;}.elementor-2697 .elementor-element.elementor-element-2acbec5{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-2697 .elementor-element.elementor-element-d5f936c{--display:flex;--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:center;}.elementor-2697 .elementor-element.elementor-element-a35a020.elementor-element{--align-self:flex-end;}.elementor-2697 .elementor-element.elementor-element-a35a020{z-index:1;}.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-2697 .elementor-element.elementor-element-5967d36 .elementor-button{background-color:#D9991200;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;fill:#F7E7CE;color:#F7E7CE;border-style:solid;border-width:1px 1px 1px 1px;border-radius:21px 21px 21px 21px;padding:14px 20px 14px 20px;}.elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button:hover, .elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button:focus{background-color:#F7E7CE;color:var( --e-global-color-primary );}.elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button:hover svg, .elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2697 .elementor-element.elementor-element-a49fc59{--spacer-size:50px;}body.elementor-page-2697:not(.elementor-motion-effects-element-type-background), body.elementor-page-2697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7E7CE;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2697 .elementor-element.elementor-element-a637555{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2697 .elementor-element.elementor-element-a4d2054{--min-height:40vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2697 .elementor-element.elementor-element-7c16c15 .elementor-heading-title{font-size:10px;}.elementor-2697 .elementor-element.elementor-element-b3942f2 .elementor-heading-title{font-size:15px;}.elementor-2697 .elementor-element.elementor-element-8c66961{text-align:center;}.elementor-2697 .elementor-element.elementor-element-8c66961 .elementor-heading-title{font-size:18px;}.elementor-2697 .elementor-element.elementor-element-7dd9182{font-size:13px;}.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-gallery-title{font-size:12px;}.elementor-2697 .elementor-element.elementor-element-cf3afac{--spacer-size:22px;}.elementor-2697 .elementor-element.elementor-element-89be837{--width:94%;}.elementor-2697 .elementor-element.elementor-element-7d82621{text-align:center;}.elementor-2697 .elementor-element.elementor-element-7d82621 .elementor-heading-title{font-size:18px;}.elementor-2697 .elementor-element.elementor-element-2acbec5{font-size:13px;}.elementor-2697 .elementor-element.elementor-element-5967d36 .elementor-button{font-size:14px;border-width:1px 1px 1px 1px;}.elementor-2697 .elementor-element.elementor-element-a49fc59{--spacer-size:29px;}}@media(min-width:768px){.elementor-2697 .elementor-element.elementor-element-89be837{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2697 .elementor-element.elementor-element-89be837{--width:90%;}}/* Start custom CSS for gallery, class: .elementor-element-9ab7bfb *//* Redondear los botones individuales del filtro */
.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-gallery-title {
    background-color: #61735c;
    border-radius: 20px; /* Ajusta este valor a tu gusto */
    padding: 10px 20px;   /* Ajusta el espacio interno para que se vea mejor */

}

/* Cambiar el fondo al pasar el mouse (hover) o estar activo */

.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-gallery-title:hover {
    background-color: #d49a00 
}

.elementor-2697 .elementor-element.elementor-element-9ab7bfb .elementor-item.elementor-gallery-title.elementor-item-active {
    background-color: #d49a00 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a35a020 *//* 1. Ocultamos el texto original reduciendo el tamaño de fuente a cero */
cb-book-now-button.btn-invertido button, 
cb-book-now-button.btn-invertido .cb-book-now-button {
    background-color: #F7E7CE !important;
    color: #4E6351 !important;
    font-size: 0 !important; /* Cambiado de 14px a 0 */
    padding: 10px 25px !important; 
    border-radius: 50px !important;
    border: 1px solid #F7E7CE !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important; /* Asegura que el contenido se alinee bien */
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* 2. Inyectamos el nuevo texto "Reservar ahora" */
cb-book-now-button.btn-invertido button::after,
cb-book-now-button.btn-invertido .cb-book-now-button::after {
    content: "Reservar ahora"; /* El nuevo texto */
    font-size: 14px !important; /* Restauramos el tamaño visual */
    text-transform: none; /* O uppercase si lo prefieres */
}

/* 3. Ajustes para el estado Hover */
cb-book-now-button.btn-invertido button:hover,
cb-book-now-button.btn-invertido .cb-book-now-button:hover {
    background-color: #4E6351 !important;
    color: #F7E7CE !important;
    border: 1px solid #F7E7CE !important;
}

/* 4. Aseguramos que el color del texto nuevo también cambie en hover */
cb-book-now-button.btn-invertido button:hover::after,
cb-book-now-button.btn-invertido .cb-book-now-button:hover::after {
    color: #F7E7CE !important;
}/* End custom CSS */