.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#757575;--e-global-color-text:#424242;--e-global-color-accent:#000000;--e-global-color-gnnfond:#FFFFFF;--e-global-color-gnnenfa:#212121;--e-global-color-gnnsuav:#9E9E9E;--e-global-color-gnnaten:#BDBDBD;--e-global-color-gnnsupe:#F5F5F5;--e-global-color-gnnhair:#F2F2F2;--e-global-color-gnndivi:#EEEEEE;--e-global-color-gnncont:#E0E0E0;--e-global-color-gnnhove:#616161;--e-global-color-gnnvelo:rgba(0,0,0,0.3);--e-global-color-gnnscri:rgba(0,0,0,0.5);--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-size:1.75rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.29em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:0.875rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.71em;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-gnnh1hr-font-family:"Helvetica";--e-global-typography-gnnh1hr-font-size:clamp(3rem, 5vw, 4.5rem);--e-global-typography-gnnh1hr-font-weight:400;--e-global-typography-gnnh1hr-text-transform:none;--e-global-typography-gnnh1hr-font-style:normal;--e-global-typography-gnnh1hr-text-decoration:none;--e-global-typography-gnnh1hr-line-height:1.25em;--e-global-typography-gnnh1hr-letter-spacing:-0.014em;--e-global-typography-gnndest-font-family:"Helvetica";--e-global-typography-gnndest-font-size:3.5rem;--e-global-typography-gnndest-font-weight:400;--e-global-typography-gnndest-text-transform:none;--e-global-typography-gnndest-font-style:normal;--e-global-typography-gnndest-text-decoration:none;--e-global-typography-gnndest-line-height:1.29em;--e-global-typography-gnndest-letter-spacing:-0.018em;--e-global-typography-gnneyeb-font-family:"DM Sans";--e-global-typography-gnneyeb-font-size:1rem;--e-global-typography-gnneyeb-font-weight:400;--e-global-typography-gnneyeb-text-transform:uppercase;--e-global-typography-gnneyeb-font-style:normal;--e-global-typography-gnneyeb-text-decoration:none;--e-global-typography-gnneyeb-line-height:1.25em;--e-global-typography-gnneyeb-letter-spacing:0.25em;--e-global-typography-gnnintr-font-family:"DM Sans";--e-global-typography-gnnintr-font-size:1rem;--e-global-typography-gnnintr-font-weight:300;--e-global-typography-gnnintr-text-transform:none;--e-global-typography-gnnintr-font-style:normal;--e-global-typography-gnnintr-text-decoration:none;--e-global-typography-gnnintr-line-height:1.75em;--e-global-typography-gnnbotn-font-family:"DM Sans";--e-global-typography-gnnbotn-font-size:0.875rem;--e-global-typography-gnnbotn-font-weight:400;--e-global-typography-gnnbotn-text-transform:none;--e-global-typography-gnnbotn-font-style:normal;--e-global-typography-gnnbotn-text-decoration:none;--e-global-typography-gnnbotn-line-height:1.14em;--e-global-typography-gnnbotn-letter-spacing:0.5px;--e-global-typography-gnnmenu-font-family:"Helvetica";--e-global-typography-gnnmenu-font-size:1.75rem;--e-global-typography-gnnmenu-font-weight:400;--e-global-typography-gnnmenu-text-transform:none;--e-global-typography-gnnmenu-font-style:normal;--e-global-typography-gnnmenu-text-decoration:none;--e-global-typography-gnnmenu-line-height:1.29em;--e-global-typography-gnnbrea-font-family:"DM Sans";--e-global-typography-gnnbrea-font-size:0.75rem;--e-global-typography-gnnbrea-font-weight:400;--e-global-typography-gnnbrea-text-transform:none;--e-global-typography-gnnbrea-font-style:normal;--e-global-typography-gnnbrea-text-decoration:none;--e-global-typography-gnnbrea-line-height:1.5em;--e-global-typography-gnncard-font-family:"DM Sans";--e-global-typography-gnncard-font-size:0.875rem;--e-global-typography-gnncard-font-weight:400;--e-global-typography-gnncard-text-transform:none;--e-global-typography-gnncard-font-style:normal;--e-global-typography-gnncard-text-decoration:none;--e-global-typography-gnncard-line-height:1.71em;--e-global-typography-gnncard-letter-spacing:0.5px;background-color:var( --e-global-color-gnnfond );color:var( --e-global-color-text );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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-gnnbotn-font-family ), Sans-serif;font-size:var( --e-global-typography-gnnbotn-font-size );font-weight:var( --e-global-typography-gnnbotn-font-weight );text-transform:var( --e-global-typography-gnnbotn-text-transform );font-style:var( --e-global-typography-gnnbotn-font-style );text-decoration:var( --e-global-typography-gnnbotn-text-decoration );line-height:var( --e-global-typography-gnnbotn-line-height );letter-spacing:var( --e-global-typography-gnnbotn-letter-spacing );word-spacing:var( --e-global-typography-gnnbotn-word-spacing );color:var( --e-global-color-gnnfond );border-style:none;border-radius:0px 0px 0px 0px;padding:0.75rem 1.5rem 0.75rem 1.5rem;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-gnnhove );color:var( --e-global-color-gnnfond );border-radius:0px 0px 0px 0px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:1rem;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-gnnhove );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-gnnh1hr-font-family ), Sans-serif;font-size:var( --e-global-typography-gnnh1hr-font-size );font-weight:var( --e-global-typography-gnnh1hr-font-weight );text-transform:var( --e-global-typography-gnnh1hr-text-transform );font-style:var( --e-global-typography-gnnh1hr-font-style );text-decoration:var( --e-global-typography-gnnh1hr-text-decoration );line-height:var( --e-global-typography-gnnh1hr-line-height );letter-spacing:var( --e-global-typography-gnnh1hr-letter-spacing );word-spacing:var( --e-global-typography-gnnh1hr-word-spacing );}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-gnndest-font-family ), Sans-serif;font-size:var( --e-global-typography-gnndest-font-size );font-weight:var( --e-global-typography-gnndest-font-weight );text-transform:var( --e-global-typography-gnndest-text-transform );font-style:var( --e-global-typography-gnndest-font-style );text-decoration:var( --e-global-typography-gnndest-text-decoration );line-height:var( --e-global-typography-gnndest-line-height );letter-spacing:var( --e-global-typography-gnndest-letter-spacing );word-spacing:var( --e-global-typography-gnndest-word-spacing );}.elementor-kit-5 h3{color:var( --e-global-color-primary );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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h4{color:var( --e-global-color-gnnenfa );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h5{color:var( --e-global-color-gnnenfa );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h6{color:var( --e-global-color-gnnenfa );font-family:var( --e-global-typography-gnneyeb-font-family ), Sans-serif;font-size:var( --e-global-typography-gnneyeb-font-size );font-weight:var( --e-global-typography-gnneyeb-font-weight );text-transform:var( --e-global-typography-gnneyeb-text-transform );font-style:var( --e-global-typography-gnneyeb-font-style );text-decoration:var( --e-global-typography-gnneyeb-text-decoration );line-height:var( --e-global-typography-gnneyeb-line-height );letter-spacing:var( --e-global-typography-gnneyeb-letter-spacing );word-spacing:var( --e-global-typography-gnneyeb-word-spacing );}.elementor-kit-5 img{border-radius:0px 0px 0px 0px;transition-duration:0.5s;}.elementor-kit-5 img:hover{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0.75rem;}.elementor-element{--widgets-spacing:0.75rem 0.75rem;--widgets-spacing-row:0.75rem;--widgets-spacing-column:0.75rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-size:1.75rem;--e-global-typography-secondary-line-height:1.29em;--e-global-typography-text-font-size:0.875rem;--e-global-typography-text-line-height:1.71em;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-gnnh1hr-font-size:clamp(3rem, 5vw, 4.5rem);--e-global-typography-gnnh1hr-line-height:1.25em;--e-global-typography-gnnh1hr-letter-spacing:-0.014em;--e-global-typography-gnndest-font-size:3.5rem;--e-global-typography-gnndest-line-height:1.29em;--e-global-typography-gnndest-letter-spacing:-0.018em;--e-global-typography-gnneyeb-font-size:1rem;--e-global-typography-gnneyeb-line-height:1.25em;--e-global-typography-gnneyeb-letter-spacing:0.25em;--e-global-typography-gnnintr-font-size:1rem;--e-global-typography-gnnintr-line-height:1.75em;--e-global-typography-gnnbotn-font-size:0.875rem;--e-global-typography-gnnbotn-line-height:1.14em;--e-global-typography-gnnbotn-letter-spacing:0.5px;--e-global-typography-gnnmenu-font-size:1.75rem;--e-global-typography-gnnmenu-line-height:1.29em;--e-global-typography-gnnbrea-font-size:0.75rem;--e-global-typography-gnnbrea-line-height:1.5em;--e-global-typography-gnncard-font-size:0.875rem;--e-global-typography-gnncard-line-height:1.71em;--e-global-typography-gnncard-letter-spacing:0.5px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-gnnh1hr-font-size );line-height:var( --e-global-typography-gnnh1hr-line-height );letter-spacing:var( --e-global-typography-gnnh1hr-letter-spacing );word-spacing:var( --e-global-typography-gnnh1hr-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-gnndest-font-size );line-height:var( --e-global-typography-gnndest-line-height );letter-spacing:var( --e-global-typography-gnndest-letter-spacing );word-spacing:var( --e-global-typography-gnndest-word-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h5{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h6{font-size:var( --e-global-typography-gnneyeb-font-size );line-height:var( --e-global-typography-gnneyeb-line-height );letter-spacing:var( --e-global-typography-gnneyeb-letter-spacing );word-spacing:var( --e-global-typography-gnneyeb-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-gnnbotn-font-size );line-height:var( --e-global-typography-gnnbotn-line-height );letter-spacing:var( --e-global-typography-gnnbotn-letter-spacing );word-spacing:var( --e-global-typography-gnnbotn-word-spacing );padding:0.75rem 1.5rem 0.75rem 1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:1.75rem;--e-global-typography-primary-line-height:1.29em;--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-line-height:1.33em;--e-global-typography-text-font-size:0.875rem;--e-global-typography-text-line-height:1.43em;--e-global-typography-text-letter-spacing:0.5px;--e-global-typography-accent-font-size:0.75rem;--e-global-typography-accent-line-height:1.17em;--e-global-typography-accent-letter-spacing:0.25px;--e-global-typography-gnnh1hr-font-size:3rem;--e-global-typography-gnnh1hr-line-height:1.25em;--e-global-typography-gnnh1hr-letter-spacing:-0.014em;--e-global-typography-gnndest-font-size:2.5rem;--e-global-typography-gnndest-line-height:1.3em;--e-global-typography-gnndest-letter-spacing:-0.018em;--e-global-typography-gnneyeb-font-size:0.875rem;--e-global-typography-gnneyeb-line-height:1.43em;--e-global-typography-gnneyeb-letter-spacing:0.25em;--e-global-typography-gnnintr-font-size:0.875rem;--e-global-typography-gnnintr-line-height:1.43em;--e-global-typography-gnnbotn-font-size:0.75rem;--e-global-typography-gnnbotn-line-height:1.33em;--e-global-typography-gnnbotn-letter-spacing:0.5px;--e-global-typography-gnnmenu-font-size:1.5rem;--e-global-typography-gnnmenu-line-height:1.33em;--e-global-typography-gnnbrea-font-size:0.875rem;--e-global-typography-gnnbrea-line-height:1.43em;--e-global-typography-gnncard-font-size:0.875rem;--e-global-typography-gnncard-line-height:1.43em;--e-global-typography-gnncard-letter-spacing:0.5px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-gnnh1hr-font-size );line-height:var( --e-global-typography-gnnh1hr-line-height );letter-spacing:var( --e-global-typography-gnnh1hr-letter-spacing );word-spacing:var( --e-global-typography-gnnh1hr-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-gnndest-font-size );line-height:var( --e-global-typography-gnndest-line-height );letter-spacing:var( --e-global-typography-gnndest-letter-spacing );word-spacing:var( --e-global-typography-gnndest-word-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-5 h4{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h5{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-5 h6{font-size:var( --e-global-typography-gnneyeb-font-size );line-height:var( --e-global-typography-gnneyeb-line-height );letter-spacing:var( --e-global-typography-gnneyeb-letter-spacing );word-spacing:var( --e-global-typography-gnneyeb-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-gnnbotn-font-size );line-height:var( --e-global-typography-gnnbotn-line-height );letter-spacing:var( --e-global-typography-gnnbotn-letter-spacing );word-spacing:var( --e-global-typography-gnnbotn-word-spacing );padding:0.75rem 1rem 0.75rem 1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:88vw;}.e-con{--container-max-width:88vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}} /* Start custom CSS *//* ===== Genn Hotels · CSS global centralizado (CLAUDE.md, punto 4) ===== Solo lo que Elementor no cubre. Valores medidos en oneandonlyresorts.com (2026-09-10). Sin reveals al scroll ni zoom de imagen (decisión de Genn). ===== */ :root{ --genn-dur-short:.1s; --genn-dur-medium:.2s; --genn-dur-regular:.3s; --genn-dur-long:.5s; --genn-dur-xlong:.8s; --genn-ease-expressive:cubic-bezier(.6,0,.5,1); --genn-ease-productive:cubic-bezier(.4,0,.2,1); --genn-ease-carousel:cubic-bezier(.25,.1,.25,1); /* motor del carrusel ancho de OO (Framer Motion, leído 2026-09-12): 1s con la curva "ease" estándar */ --genn-blur-small:7.5px; --genn-blur-medium:15px; --genn-blur-large:30px; } /* Pesos móviles de OO (300): Global Fonts no admite peso por dispositivo. Clases: genn-h1, genn-destacado, genn-eyebrow. */ @media (max-width:767px){ .genn-h1 .elementor-heading-title, .genn-destacado .elementor-heading-title, .genn-eyebrow .elementor-heading-title{ font-weight:300 !important; } } /* CTA subrayado (terciario de OO). Clase "genn-cta" en el widget (Avanzado → Clases CSS): línea de 1px que se encoge al 43 % y texto a Hover. Nota: widget-heading.min.css de Elementor se carga después del kit y fija a{color:inherit} con peso (0,3,1); por eso las reglas de color de hover y sobre imagen llevan peso (0,5,1). */ .genn-cta a, a.genn-cta{ position:relative; display:inline-block; padding:.5rem 0; line-height:1; text-decoration:none; color:var(--e-global-color-primary); transition:color var(--genn-dur-long) var(--genn-ease-expressive); } @media (max-width:767px){ .genn-cta a, a.genn-cta{ padding:.25rem 0; } } .genn-cta a::after, a.genn-cta::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:currentColor; transform-origin:center; transition:transform var(--genn-dur-long) var(--genn-ease-expressive); } .elementor-widget.elementor-widget-heading.genn-cta .elementor-heading-title a:hover, .elementor-widget.elementor-widget-heading.genn-cta .elementor-heading-title a:focus-visible, a.genn-cta:hover, a.genn-cta:focus-visible{ color:var(--e-global-color-gnnhove); } .genn-cta a:hover::after, a.genn-cta:hover::after, .genn-cta a:focus-visible::after, a.genn-cta:focus-visible::after{ transform:scaleX(.43); } /* Variante sobre imagen (contenedor con clase genn-on-image): texto Fondo, hover Superficie. */ .genn-on-image .elementor-widget.elementor-widget-heading.genn-cta .elementor-heading-title a, .genn-on-image a.genn-cta{ color:var(--e-global-color-gnnfond); } .genn-on-image .elementor-widget.elementor-widget-heading.genn-cta .elementor-heading-title a:hover, .genn-on-image .elementor-widget.elementor-widget-heading.genn-cta .elementor-heading-title a:focus-visible, .genn-on-image a.genn-cta:hover, .genn-on-image a.genn-cta:focus-visible{ color:var(--e-global-color-gnnsupe); } /* Enlaces de menú y footer (clase genn-link-grow): línea que crece de 0 a 100 %. */ .genn-link-grow a, a.genn-link-grow{ position:relative; text-decoration:none; } .genn-link-grow a::after, a.genn-link-grow::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:currentColor; opacity:0; transform:scaleX(0); transform-origin:left; transition:opacity var(--genn-dur-long) var(--genn-ease-productive), transform var(--genn-dur-long) var(--genn-ease-productive); } .genn-link-grow a:hover::after, a.genn-link-grow:hover::after, .genn-link-grow a:focus-visible::after, a.genn-link-grow:focus-visible::after{ opacity:1; transform:scaleX(1); } /* Botón outline (solo galería de bodas de /eventos). Clase "genn-outline" en el widget botón. El CSS de página fija el fondo con peso (0,2,0) y carga después del kit: estas reglas llevan (0,3,0). */ .elementor-widget-button.genn-outline .elementor-button{ background:rgba(255,255,255,.05); color:var(--e-global-color-primary); border:1px solid var(--e-global-color-primary); padding:1rem 3rem; transition:background var(--genn-dur-long) var(--genn-ease-expressive); } .elementor-widget-button.genn-outline .elementor-button:hover, .elementor-widget-button.genn-outline .elementor-button:focus-visible{ background:rgba(0,0,0,.1); color:var(--e-global-color-primary); } @media (max-width:767px){ .elementor-widget-button.genn-outline .elementor-button{ padding:1rem 1.5rem; } } /* Anclas internas (#bodas, #farm-to-table…): dejan sitio al header fijo de 6rem (móvil 4.5rem). */ .elementor-element[id]{ scroll-margin-top:7rem; } @media (max-width:767px){ .elementor-element[id]{ scroll-margin-top:5.5rem; } } /* Carruseles durante la carga (Genn, 2026-09-27): hasta que Swiper inicializa, Elementor no fija el ancho de las slides (su regla apunta a la clase .swiper--slide, que no existe) y cada slide ocupa todo el ancho del carrusel, así que la página mide unos 2 800 px más que al final. Un enlace con ancla ("Ver más bodas reales" → #testimonios en Bodas de Tayrona) saltaba a esa posición provisional y, al asentarse la página, el visitante quedaba en el footer. Ancho provisional de cada slide igual al que fijará Swiper: (100 % − gaps) / slides a la vista, con las variables por punto de corte del propio widget. */ .elementor-widget-n-carousel .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide{ width:calc((100% - var(--e-n-carousel-swiper-slides-gap, 0px) * (var(--e-n-carousel-swiper-slides-to-display, 1) - 1)) / var(--e-n-carousel-swiper-slides-to-display, 1)); } /* Carruseles anchos (genn-carousel: portada, destinos, «Para dos», fotos de testimonios, escaparate de wellness): Elementor añade la clase de offset con JavaScript, así que antes de inicializar tampoco existe el padding lateral y la slide central ocupaba el ancho completo; se aplica el mismo padding desde el principio. */ .elementor-widget-n-carousel.genn-carousel .swiper:not(.swiper-initialized){ padding-inline:var(--e-n-carousel-swiper-offset-size, 0); } /* Accesibilidad de movimiento. */ @media (prefers-reduced-motion:reduce){ .genn-cta a, a.genn-cta, .genn-cta a::after, a.genn-cta::after, .genn-link-grow a::after, a.genn-link-grow::after, .elementor-widget-button.genn-outline .elementor-button{ transition:none !important; } } /* ===== Header y menú lateral (Sesión 1B, 2026-09-10; revisado 2026-09-11 según OO: un solo panel con vista menú / vista destinos, animación de apertura y cierre de OO). Plantillas "Genn — Header" (21) y "Genn — Header Tayrona" (56). ===== */ /* Header pegajoso como OO (position: sticky sobre el wrapper de ubicación, cuyo contenedor es ). */ header.elementor-location-header{ position:sticky; top:0; z-index:100; } .genn-header{ position:relative; } /* Wordmark centrado absoluto respecto al header, independiente del ancho de los grupos laterales. */ .genn-wordmark{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; margin:0; } .genn-wordmark .elementor-heading-title{ white-space:nowrap; } /* Texto accesible oculto (hamburguesa y X). */ .genn-burger .elementor-button-content-wrapper, .genn-close .elementor-button-content-wrapper{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } /* Hamburguesa: dos líneas finas de 26 px, caja 2.5rem × 3rem (móvil 2rem). */ .elementor-widget-button.genn-burger .elementor-button{ background:transparent; padding:0; border:0; border-radius:0; width:2.5rem; height:3rem; display:block; position:relative; color:var(--e-global-color-primary); } /* Hamburguesa como OO (medida 2026-10-01 en oneandonlyresorts.com: dos líneas de 40 × 1.67 px a 8.33 px entre centros, en una caja de 40 × 48; móvil 32 × 1.5 px). */ .elementor-widget-button.genn-burger .elementor-button::before, .elementor-widget-button.genn-burger .elementor-button::after{ content:""; position:absolute; left:0; width:40px; height:1.67px; background:currentColor; top:calc(50% - 4.5px); } .elementor-widget-button.genn-burger .elementor-button::after{ top:calc(50% + 4.17px); } @media (max-width:767px){ .elementor-widget-button.genn-burger .elementor-button{ width:2rem; height:2rem; } .elementor-widget-button.genn-burger .elementor-button::before, .elementor-widget-button.genn-burger .elementor-button::after{ width:32px; height:1.5px; } .elementor-widget-button.genn-burger .elementor-button::before{ top:calc(50% - 3.33px); } .elementor-widget-button.genn-burger .elementor-button::after{ top:calc(50% + 3.33px); } } /* X de cierre en la posición de la hamburguesa (2rem del tope, 5vw del borde), 22 px. */ .genn-close{ width:auto !important; align-self:flex-start; } .elementor-widget-button.genn-close .elementor-button{ background:transparent; padding:0; border:0; border-radius:0; width:2.5rem; height:2rem; display:block; position:relative; color:var(--e-global-color-primary); } .elementor-widget-button.genn-close .elementor-button::before, .elementor-widget-button.genn-close .elementor-button::after{ content:""; position:absolute; left:2px; top:50%; width:22px; height:1.5px; background:currentColor; transform:rotate(45deg); } .elementor-widget-button.genn-close .elementor-button::after{ transform:rotate(-45deg); } /* Botón de destino "Genn Hotels ⌄" (clase genn-destsel; no usar la palabra reservada del CSS de Elementor): hairline al 15 % en el borde inferior del header, chevron fino. */ .elementor-widget-button.genn-destsel .elementor-button{ background:transparent; padding:0; border:0; border-radius:0; height:3rem; box-sizing:border-box; display:inline-flex; align-items:center; border-bottom:1px solid rgba(0,0,0,.15); transition:color var(--genn-dur-long) var(--genn-ease-expressive); } .genn-destsel .elementor-button-icon{ font-size:.625rem; line-height:1; } /* ES / EN */ .genn-lang{ width:auto !important; letter-spacing:.06em; } .genn-lang a{ color:var(--e-global-color-primary); text-decoration:none; transition:color var(--genn-dur-long) var(--genn-ease-expressive); } .genn-lang a:hover{ color:var(--e-global-color-gnnhove); } /* Idioma activo (2026-10-01): el mu-plugin genn-idiomas pone aria-current="true" en el idioma de la página; el otro va en Suave. */ .genn-lang a[aria-current="true"]{ font-weight:600; color:var(--e-global-color-primary); } .genn-lang__sep{ color:var(--e-global-color-gnnaten); margin:0 .4rem; } .genn-lang a:not([aria-current="true"]){ color:var(--e-global-color-gnnsuav); } .genn-lang a:not([aria-current="true"]):hover{ color:var(--e-global-color-gnnhove); } .genn-header__link{ width:auto !important; } /* Paneles: velo con blur 30px (color desde Global "Velo del menú"), sin sombra; ES/EN al pie. */ .e-off-canvas__overlay{ backdrop-filter:blur(var(--genn-blur-large)); -webkit-backdrop-filter:blur(var(--genn-blur-large)); } /* ES/EN al pie del panel y nunca a menos de 3rem del último ítem (en pantallas bajas el margen automático se reduce a 0; feedback de Genn 2026-09-11). */ .genn-push-bottom{ margin-top:auto !important; } .genn-panel .elementor-widget.genn-push-bottom{ padding-top:3rem; } /* Apertura y cierre del panel como OO (medido 2026-09-11 en oneandonlyresorts.com/palmilla): el cajón SOLO se desplaza, translateX(-100%) → 0 en .52s ease-in-out, sin fundido ni sombra; el velo (blur 30px + Velo del menú) aparece en .75s ease-in-out y empieza bajo el header, que queda nítido; salida .52s. Elementor añade "animated slideInLeft" al abrir y "animated reverse slideOutLeft" al cerrar (sin keyframes de salida propios) y oculta el wrapper cuando termina la animación del panel. */ @keyframes gennDrawerIn{ from{ transform:translate3d(-100%,0,0); } to{ transform:translate3d(0,0,0); } } @keyframes gennDrawerOut{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-100%,0,0); } } @keyframes gennVeilIn{ from{ opacity:0; } to{ opacity:1; } } @keyframes gennVeilOut{ from{ opacity:1; } to{ opacity:0; } } .elementor-widget.elementor-widget-off-canvas.genn-offcanvas.elementor-element{ --e-off-canvas-animation-duration:.52s; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__main{ will-change:transform; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__main.animated:not(.reverse){ animation:gennDrawerIn .52s ease-in-out both; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__main.animated.reverse{ animation:gennDrawerOut .52s ease-in-out both; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__content{ box-shadow:none; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__overlay{ top:6rem; height:calc(100% - 6rem); } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas[aria-hidden="false"] .e-off-canvas__overlay{ animation:gennVeilIn .75s ease-in-out both; } .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay{ animation:gennVeilOut .52s ease-in-out both; } @media (max-width:767px){ .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__overlay{ top:4.5rem; height:calc(100% - 4.5rem); } } @media (prefers-reduced-motion:reduce){ .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__main.animated, .elementor-widget-off-canvas.genn-offcanvas .e-off-canvas__overlay{ animation-duration:1ms !important; } } .genn-destbox{ text-decoration:none; } .genn-chevron .elementor-icon{ font-size:.75rem; } .genn-region__divider{ align-self:stretch; } /* Vista de destinos (Genn 2026-10-01): una caja gris por hotel dentro de la región, con 1rem entre cajas (antes una caja por región con los hoteles en lista). */ .genn-destbox--hotel .elementor-widget.elementor-widget-heading.genn-destbox__value .elementor-heading-title{ white-space:normal; } /* El widget HTML del puente no ocupa sitio en la fila del header. */ .genn-header .genn-js-bridge{ position:absolute; width:0; height:0; overflow:hidden; } .genn-destbox .elementor-widget-heading{ margin:0; } /* Caja de destino: texto a la izquierda, chevron a la derecha, sin salto de línea en móvil; en móvil etiqueta y valor a 0.875rem/1.43 (alto 4rem, CLAUDE.md). */ @media (max-width:767px){ .genn-destbox .elementor-widget.elementor-widget-heading.genn-destbox__label .elementor-heading-title, .genn-destbox .elementor-widget.elementor-widget-heading.genn-destbox__value .elementor-heading-title{ font-size:.875rem; line-height:1.43; } } .genn-destbox{ flex-wrap:nowrap; } .genn-destbox .genn-destbox__text{ flex:1 1 auto; min-width:0; width:auto; } .genn-destbox .genn-chevron{ flex:0 0 auto; width:auto; } /* Un solo panel con vistas (como OO): menú (por defecto), destinos y submenús de sede. El puente JS pone data-genn-view en el