.elementor-14 .elementor-element.elementor-element-caae909{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-1b2b8a2{--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;}.elementor-14 .elementor-element.elementor-element-1b2b8a2:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-1b2b8a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://frenchriviera-lounge.com/wp-content/uploads/2026/08/ChatGPT-Image-13-ago-2026-10_03_11-a.m.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-a04e8a4{--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-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.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-14 .elementor-element.elementor-element-abc864d{--display:flex;}.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 );font-style:var( --e-global-typography-accent-font-style );}.elementor-14 .elementor-element.elementor-element-911783b{--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-14 .elementor-element.elementor-element-911783b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-878e56c{--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;}.elementor-14 .elementor-element.elementor-element-02c9c53{--display:flex;}.elementor-14 .elementor-element.elementor-element-a6a8ed8{--display:flex;}.elementor-14 .elementor-element.elementor-element-6d5a991{--display:flex;}.elementor-14 .elementor-element.elementor-element-687f137{--display:flex;}.elementor-14 .elementor-element.elementor-element-c7541d0{--display:flex;}.elementor-14 .elementor-element.elementor-element-31d5089{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-04a41e6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-04a41e6 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-04a41e6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-a092de7{--display:flex;}.elementor-14 .elementor-element.elementor-element-62d09b6{--display:flex;}.elementor-14 .elementor-element.elementor-element-ece81ae{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-ece81ae .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-ece81ae .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-79e3e33{--display:flex;}.elementor-14 .elementor-element.elementor-element-8142646{--display:flex;}.elementor-14 .elementor-element.elementor-element-206d0af{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-206d0af .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-206d0af .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-5cb5458{--display:flex;}.elementor-14 .elementor-element.elementor-element-bd52bb1{--display:flex;}.elementor-14 .elementor-element.elementor-element-6057721{--display:flex;}.elementor-14 .elementor-element.elementor-element-d4a8065{--display:flex;}.elementor-14 .elementor-element.elementor-element-79cbd89{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-79cbd89 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-79cbd89 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-e21495c{--display:flex;}.elementor-14 .elementor-element.elementor-element-5d52d00{--display:flex;}.elementor-14 .elementor-element.elementor-element-001d958{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-001d958 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-001d958 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-5a46faf{--display:flex;}.elementor-14 .elementor-element.elementor-element-29fa1d6{--display:flex;}.elementor-14 .elementor-element.elementor-element-53a620d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-53a620d .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-53a620d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-f2b0378{--display:flex;}.elementor-14 .elementor-element.elementor-element-cab37ce{--display:flex;}.elementor-14 .elementor-element.elementor-element-a2b1391{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-a2b1391 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-a2b1391 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-fe3c219{--display:flex;}.elementor-14 .elementor-element.elementor-element-65cd2bf{--display:flex;}.elementor-14 .elementor-element.elementor-element-b34c641{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-b34c641 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-b34c641 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-24f19f1{--display:flex;}.elementor-14 .elementor-element.elementor-element-07208ec{--display:flex;}.elementor-14 .elementor-element.elementor-element-070437b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-070437b .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-070437b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-c710d46{--display:flex;}.elementor-14 .elementor-element.elementor-element-4c61181{--display:flex;}.elementor-14 .elementor-element.elementor-element-635006d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-635006d .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-635006d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-b2ebeca{--display:flex;}.elementor-14 .elementor-element.elementor-element-1313ee8{--display:flex;}.elementor-14 .elementor-element.elementor-element-118d850{--display:flex;}.elementor-14 .elementor-element.elementor-element-d639f0a{--display:flex;}.elementor-14 .elementor-element.elementor-element-dd5db43{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-dd5db43 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-dd5db43 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-e532c7d{--display:flex;}.elementor-14 .elementor-element.elementor-element-b584dd5{--display:flex;}.elementor-14 .elementor-element.elementor-element-2692d3a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-2692d3a .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-2692d3a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-abe3e2a{--display:flex;}.elementor-14 .elementor-element.elementor-element-5476eb6{--display:flex;}.elementor-14 .elementor-element.elementor-element-fd93e16{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-fd93e16 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-fd93e16 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-f481cc6{--display:flex;}.elementor-14 .elementor-element.elementor-element-e669321{--display:flex;}.elementor-14 .elementor-element.elementor-element-2b4bdf8{--display:flex;}.elementor-14 .elementor-element.elementor-element-4d6c19f{--display:flex;}.elementor-14 .elementor-element.elementor-element-9e521cf{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-9e521cf .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-9e521cf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-2e3d480{--display:flex;}.elementor-14 .elementor-element.elementor-element-be35fd5{--display:flex;}.elementor-14 .elementor-element.elementor-element-030ad97{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-030ad97 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-030ad97 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-f8dd3fc{--display:flex;}.elementor-14 .elementor-element.elementor-element-017e5cd{--display:flex;}.elementor-14 .elementor-element.elementor-element-71b3b6d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-71b3b6d .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-71b3b6d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-c1bdadc{--display:flex;}.elementor-14 .elementor-element.elementor-element-87e93ca{--display:flex;}.elementor-14 .elementor-element.elementor-element-b57e89e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-b57e89e .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-b57e89e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-33bd33a{--display:flex;}.elementor-14 .elementor-element.elementor-element-3f98789{--display:flex;}.elementor-14 .elementor-element.elementor-element-b58e54f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-b58e54f .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-b58e54f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-6aa117c{--display:flex;}.elementor-14 .elementor-element.elementor-element-5f63d19{--display:flex;}.elementor-14 .elementor-element.elementor-element-bcbf9e4{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-bcbf9e4 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-bcbf9e4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-71bc3fe{--display:flex;}.elementor-14 .elementor-element.elementor-element-220ced5{--display:flex;}.elementor-14 .elementor-element.elementor-element-67eb4f2{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-67eb4f2 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-67eb4f2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-e1e82ef{--display:flex;}.elementor-14 .elementor-element.elementor-element-dd2f90a{--display:flex;}.elementor-14 .elementor-element.elementor-element-1bfd325{--display:flex;}.elementor-14 .elementor-element.elementor-element-43a449b{--display:flex;}.elementor-14 .elementor-element.elementor-element-dbeff1f{--display:flex;}.elementor-14 .elementor-element.elementor-element-00e4c6c{--display:flex;}.elementor-14 .elementor-element.elementor-element-d3d8a4e{--display:flex;}.elementor-14 .elementor-element.elementor-element-28d081c{--display:flex;}.elementor-14 .elementor-element.elementor-element-052d47b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-052d47b .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-052d47b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-8908af8{--display:flex;}.elementor-14 .elementor-element.elementor-element-bc9f73e{--display:flex;}.elementor-14 .elementor-element.elementor-element-3c1bca2{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-3c1bca2 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-3c1bca2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-23f4357{--display:flex;}.elementor-14 .elementor-element.elementor-element-cb5c2eb{--display:flex;}.elementor-14 .elementor-element.elementor-element-f027cbc{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-f027cbc .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-f027cbc .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-0e79fcb{--display:flex;}.elementor-14 .elementor-element.elementor-element-63dffe4{--display:flex;}.elementor-14 .elementor-element.elementor-element-6780043{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-6780043 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-6780043 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-23c42c0{--display:flex;}.elementor-14 .elementor-element.elementor-element-06e4cb0{--display:flex;}.elementor-14 .elementor-element.elementor-element-3fe5f1b{--display:flex;}.elementor-14 .elementor-element.elementor-element-b35b076{--display:flex;}.elementor-14 .elementor-element.elementor-element-02a3e41{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-02a3e41 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-02a3e41 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-43aa0ab{--display:flex;}.elementor-14 .elementor-element.elementor-element-3dd5039{--display:flex;}.elementor-14 .elementor-element.elementor-element-b545481{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-b545481 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-b545481 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-1b9fee8{--display:flex;}.elementor-14 .elementor-element.elementor-element-e8f15ca{--display:flex;}.elementor-14 .elementor-element.elementor-element-eec2dc5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-eec2dc5 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-eec2dc5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-c1ff91f{--display:flex;}.elementor-14 .elementor-element.elementor-element-0f1cc20{--display:flex;}.elementor-14 .elementor-element.elementor-element-e432644{--display:flex;}.elementor-14 .elementor-element.elementor-element-de9660e{--display:flex;}.elementor-14 .elementor-element.elementor-element-a2bfefa{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-a2bfefa .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-a2bfefa .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-b55a900{--display:flex;}.elementor-14 .elementor-element.elementor-element-6964916{--display:flex;}.elementor-14 .elementor-element.elementor-element-275cb35{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-275cb35 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-275cb35 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-3761517{--display:flex;}.elementor-14 .elementor-element.elementor-element-cb99872{--display:flex;}.elementor-14 .elementor-element.elementor-element-162b5d6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-162b5d6 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-162b5d6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-3723cf5{--display:flex;}.elementor-14 .elementor-element.elementor-element-cbd075e{--display:flex;}.elementor-14 .elementor-element.elementor-element-23c38a8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-23c38a8 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-23c38a8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-cf8b85c{--display:flex;}.elementor-14 .elementor-element.elementor-element-1421c13{--display:flex;}.elementor-14 .elementor-element.elementor-element-8cde705{--display:flex;}.elementor-14 .elementor-element.elementor-element-d19cc6f{--display:flex;}.elementor-14 .elementor-element.elementor-element-59194bd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-59194bd .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-59194bd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-14de960{--display:flex;}.elementor-14 .elementor-element.elementor-element-ad124a9{--display:flex;}.elementor-14 .elementor-element.elementor-element-2c4d352{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-2c4d352 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-2c4d352 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-614553b{--display:flex;}.elementor-14 .elementor-element.elementor-element-cb14bf3{--display:flex;}.elementor-14 .elementor-element.elementor-element-aad1a5e{--display:flex;}.elementor-14 .elementor-element.elementor-element-ecc9645{--display:flex;}.elementor-14 .elementor-element.elementor-element-a1ddbea{--display:flex;}.elementor-14 .elementor-element.elementor-element-ad319f7{--display:flex;}.elementor-14 .elementor-element.elementor-element-eedfdb2{--display:flex;}.elementor-14 .elementor-element.elementor-element-80bfca9{--display:flex;}.elementor-14 .elementor-element.elementor-element-27f8632{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-27f8632 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-27f8632 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-bffb5be{--display:flex;}.elementor-14 .elementor-element.elementor-element-e172782{--display:flex;}.elementor-14 .elementor-element.elementor-element-5425033{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-5425033 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-5425033 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-a3a2a1d{--display:flex;}.elementor-14 .elementor-element.elementor-element-c8dab26{--display:flex;}.elementor-14 .elementor-element.elementor-element-d087ef6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-d087ef6 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-d087ef6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-b84c926{--display:flex;}.elementor-14 .elementor-element.elementor-element-1052db0{--display:flex;}.elementor-14 .elementor-element.elementor-element-7609aff{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-7609aff .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-7609aff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-0e5592e{--display:flex;}.elementor-14 .elementor-element.elementor-element-9ecdb3e{--display:flex;}.elementor-14 .elementor-element.elementor-element-8f4cc43{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-8f4cc43 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-8f4cc43 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-5f2ad00{--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-14 .elementor-element.elementor-element-5f2ad00.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-63a0380{--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;}.elementor-14 .elementor-element.elementor-element-0b2eb61{--display:flex;}.elementor-14 .elementor-element.elementor-element-091701f{--display:flex;}.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 );}.elementor-14 .elementor-element.elementor-element-7f60555{--display:flex;}.elementor-14 .elementor-element.elementor-element-caba694{--display:flex;}.elementor-14 .elementor-element.elementor-element-6eb2c33{--display:flex;}.elementor-14 .elementor-element.elementor-element-091b461{--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;}.elementor-14 .elementor-element.elementor-element-2298dcf{--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;}.elementor-14 .elementor-element.elementor-element-0889eb9{--display:flex;}.elementor-14 .elementor-element.elementor-element-3f440c7{--display:flex;}.elementor-14 .elementor-element.elementor-element-cdf915e{--display:flex;}.elementor-14 .elementor-element.elementor-element-7c679a2{--display:flex;}.elementor-14 .elementor-element.elementor-element-1a38bab{--display:flex;}.elementor-14 .elementor-element.elementor-element-d963ac4{--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-14 .elementor-element.elementor-element-c499d2f{--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;}.elementor-14 .elementor-element.elementor-element-c8d5322{--display:flex;}.elementor-14 .elementor-element.elementor-element-f889aea{--display:flex;}.elementor-14 .elementor-element.elementor-element-143a2ae{--display:flex;}.elementor-14 .elementor-element.elementor-element-a3ede7e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-a3ede7e .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-a3ede7e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-09d2da5{--display:flex;}.elementor-14 .elementor-element.elementor-element-fd5c236{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-fd5c236 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-fd5c236 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-1831d82{--display:flex;}.elementor-14 .elementor-element.elementor-element-515975a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-515975a .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-515975a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-a3248da{--display:flex;}.elementor-14 .elementor-element.elementor-element-1d94b03{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-1d94b03 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-1d94b03 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-befa21e{--display:flex;}.elementor-14 .elementor-element.elementor-element-4f42a47{--display:flex;}.elementor-14 .elementor-element.elementor-element-1bc7331{--display:flex;}.elementor-14 .elementor-element.elementor-element-cff4d24{--display:flex;}.elementor-14 .elementor-element.elementor-element-971eef6{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-971eef6 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-971eef6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-f63f16f{--display:flex;}.elementor-14 .elementor-element.elementor-element-12a9b66{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-12a9b66 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-12a9b66 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-4543ff0{--display:flex;}.elementor-14 .elementor-element.elementor-element-0c0d592{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14 .elementor-element.elementor-element-0c0d592 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-0c0d592 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-e5a86a2{--display:flex;}.elementor-14 .elementor-element.elementor-element-1409894{--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;}.elementor-14 .elementor-element.elementor-element-7e53e47{--display:flex;--min-height:1450px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-8386308{--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:flex-start;}.elementor-14 .elementor-element.elementor-element-e90d805{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-14 .elementor-element.elementor-element-bd7cb2e{--display:flex;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-caae909{--width:100%;}.elementor-14 .elementor-element.elementor-element-911783b{--width:96.401%;}.elementor-14 .elementor-element.elementor-element-5f2ad00{--width:109.735%;}.elementor-14 .elementor-element.elementor-element-1409894{--width:100%;}.elementor-14 .elementor-element.elementor-element-7e53e47{--width:100%;}.elementor-14 .elementor-element.elementor-element-8386308{--width:52%;}.elementor-14 .elementor-element.elementor-element-bd7cb2e{--width:48%;}}@media(min-width:1025px){.elementor-14 .elementor-element.elementor-element-1b2b8a2:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-1b2b8a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-caae909 *//* ==========================================================
LA FRENCH RIVIERA
MENU HERO OVERLAY
DESKTOP + TABLET + MOBILE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 {
--navy: #16384B;
--navy-dark: #0B2537;
--gold: #C8A76B;
--gold-light: #D9BC82;
--cream: #FFFAF3;
--white: #FFFFFF;
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.elementor-14 .elementor-element.elementor-element-caae909,
.elementor-14 .elementor-element.elementor-element-caae909 * {
box-sizing: border-box;
}
/* ==========================================================
HERO STAGE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero-overlay__stage {
position: relative !important;
width: 100% !important;
max-width: none !important;
min-height: 680px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
overflow: hidden !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
/* ==========================================================
OVERLAY
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero-overlay__stage::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(7, 26, 41, .94) 0%,
rgba(10, 31, 48, .88) 20%,
rgba(13, 38, 57, .68) 39%,
rgba(16, 45, 65, .34) 58%,
rgba(16, 45, 65, .08) 77%,
rgba(16, 45, 65, .02) 100%
);
}
/* Pequeño sombreado inferior */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero-overlay__stage::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 160px;
z-index: 1;
pointer-events: none;
background:
linear-gradient(
0deg,
rgba(5, 22, 34, .18),
transparent
);
}
/* ==========================================================
COPY
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero-overlay__copy {
position: relative !important;
z-index: 3 !important;
width: 100% !important;
max-width: 690px !important;
margin: 0 !important;
padding:
95px 40px
95px max(
70px,
calc((100vw - 1500px) / 2 + 45px)
) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
}
/* ==========================================================
EYEBROW
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__eyebrow {
margin: 0 0 17px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__eyebrow
.elementor-heading-title {
margin: 0 !important;
color: var(--gold) !important;
font-family: Inter, sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
}
/* ==========================================================
TITLE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__title {
width: 100% !important;
max-width: 590px !important;
margin: 0 0 24px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title
.elementor-heading-title {
margin: 0 !important;
color: #F8F4ED !important;
font-family:
"Cormorant Garamond",
serif !important;
font-size:
clamp(64px, 5.9vw, 94px) !important;
font-weight: 500 !important;
line-height: .92 !important;
letter-spacing: -1px !important;
text-transform: uppercase !important;
text-shadow:
0 3px 24px rgba(0,0,0,.16);
}
/* ==========================================================
ORNAMENTO
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__ornament {
position: relative !important;
width: 138px !important;
margin: 0 0 27px !important;
text-align: center !important;
}
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__ornament::before,
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__ornament::after {
content: "";
position: absolute;
top: 50%;
width: 48px;
height: 1px;
background:
rgba(200,167,107,.88);
}
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__ornament::before {
left: 0;
}
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__ornament::after {
right: 0;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__ornament
.elementor-heading-title {
margin: 0 !important;
color: var(--gold) !important;
font-size: 11px !important;
}
/* ==========================================================
DESCRIPTION
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__description {
width: 100% !important;
max-width: 510px !important;
margin: 0 0 34px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description p {
margin: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__description,
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__description p {
color:
rgba(255,255,255,.93) !important;
font-family:
Inter, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.68 !important;
text-shadow:
0 2px 14px rgba(0,0,0,.10);
}
/* ==========================================================
BUTTONS CONTAINER
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__buttons {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: wrap !important;
}
/* ==========================================================
BOTÓN BASE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909 .lfr-menu-hero__btn {
position: relative;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button {
position: relative;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 210px !important;
min-height: 56px !important;
padding:
15px 27px !important;
overflow: hidden !important;
border-radius: 2px !important;
box-shadow: none !important;
font-family:
Inter, sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 1.3px !important;
text-transform: uppercase !important;
transform:
translateY(0) scale(1);
transition:
transform .28s ease,
box-shadow .28s ease,
background-color .28s ease,
border-color .28s ease,
color .28s ease !important;
}
/* Mantiene texto sobre efectos */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button-content-wrapper {
position: relative;
z-index: 3;
}
/* ==========================================================
PRIMARY
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--primary
.elementor-button {
color: #fff !important;
background:
var(--gold) !important;
border:
1px solid var(--gold) !important;
box-shadow:
0 7px 20px rgba(0,0,0,.10) !important;
}
/* BRILLO QUE CRUZA EL BOTÓN */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--primary
.elementor-button::after {
content: "";
position: absolute;
top: -50%;
left: -80%;
width: 45%;
height: 200%;
z-index: 2;
pointer-events: none;
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.28),
transparent
);
transform:
rotate(18deg);
transition:
left .55s ease;
}
/* ==========================================================
OUTLINE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--outline
.elementor-button {
color: #fff !important;
background:
rgba(255,255,255,.055) !important;
border:
1px solid rgba(255,255,255,.52) !important;
backdrop-filter:
blur(3px);
-webkit-backdrop-filter:
blur(3px);
}
/* Flecha */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--outline
.elementor-button::before {
content: "↓";
position: relative;
z-index: 3;
display: inline-block;
margin-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1;
transform:
translateY(-1px);
transition:
transform .28s ease;
}
/* ==========================================================
HOVER
SOLO DISPOSITIVOS QUE REALMENTE TIENEN HOVER
========================================================== */
@media (hover: hover) and (pointer: fine) {
/* Movimiento general */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button:hover {
transform:
translateY(-4px) scale(1.015);
box-shadow:
0 14px 28px
rgba(0,0,0,.20) !important;
}
/* PRIMARY */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--primary
.elementor-button:hover {
color: #fff !important;
background:
var(--gold-light) !important;
border-color:
var(--gold-light) !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--primary
.elementor-button:hover::after {
left: 135%;
}
/* OUTLINE */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--outline
.elementor-button:hover {
color:
var(--navy-dark) !important;
background:
rgba(255,255,255,.94) !important;
border-color:
rgba(255,255,255,.94) !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn--outline
.elementor-button:hover::before {
transform:
translateY(3px);
}
}
/* ==========================================================
CLICK / ACTIVE
========================================================== */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button:active {
transform:
translateY(-1px) scale(.985) !important;
transition-duration:
.08s !important;
}
/* ACCESIBILIDAD TECLADO */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button:focus-visible {
outline:
2px solid var(--gold-light) !important;
outline-offset:
4px;
}
/* ==========================================================
TABLET
768 — 1024
========================================================== */
@media
(min-width: 768px)
and (max-width: 1024px) {
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage {
min-height:
610px !important;
background-position:
58% center !important;
}
/*
Overlay un poco más amplio porque
la pantalla es más estrecha.
*/
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage::before {
background:
linear-gradient(
90deg,
rgba(7,26,41,.94) 0%,
rgba(9,31,48,.88) 28%,
rgba(12,38,57,.68) 53%,
rgba(15,44,64,.24) 76%,
rgba(15,44,64,.05) 100%
);
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__copy {
max-width:
590px !important;
min-height:
610px !important;
padding:
72px 36px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__eyebrow
.elementor-heading-title {
font-size:
12px !important;
letter-spacing:
2.6px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title {
max-width:
500px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title
.elementor-heading-title {
font-size:
clamp(
55px,
7.7vw,
76px
) !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description {
max-width:
470px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description p {
font-size:
15px !important;
line-height:
1.62 !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__buttons {
gap:
12px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button {
min-width:
185px !important;
min-height:
52px !important;
padding:
14px 21px !important;
font-size:
12px !important;
}
}
/* ==========================================================
MOBILE
<= 767
========================================================== */
@media (max-width: 767px) {
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage {
min-height:
610px !important;
/*
Mueve ligeramente la foto para
conservar la parte interesante.
*/
background-position:
62% center !important;
}
/*
En móvil usamos overlay vertical.
Esto mejora muchísimo la lectura.
*/
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage::before {
background:
linear-gradient(
180deg,
rgba(7,26,41,.34) 0%,
rgba(7,26,41,.46) 25%,
rgba(7,26,41,.68) 53%,
rgba(7,26,41,.91) 100%
);
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage::after {
height:
210px;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__copy {
width:
100% !important;
max-width:
100% !important;
min-height:
610px !important;
padding:
62px 20px
38px !important;
justify-content:
flex-end !important;
}
/* EYEBROW */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__eyebrow {
margin-bottom:
12px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__eyebrow
.elementor-heading-title {
font-size:
10px !important;
letter-spacing:
2.3px !important;
}
/* TITLE */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title {
max-width:
360px !important;
margin-bottom:
18px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title
.elementor-heading-title {
font-size:
clamp(
44px,
12vw,
58px
) !important;
line-height:
.94 !important;
letter-spacing:
-.4px !important;
}
/* ORNAMENT */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__ornament {
width:
118px !important;
margin-bottom:
19px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__ornament::before,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__ornament::after {
width:
40px;
}
/* DESCRIPTION */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description {
max-width:
100% !important;
margin-bottom:
24px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description p {
font-size:
14px !important;
line-height:
1.55 !important;
}
/* BUTTONS */
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__buttons {
flex-direction:
column !important;
align-items:
stretch !important;
gap:
10px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn {
width:
100% !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button {
width:
100% !important;
min-width:
100% !important;
min-height:
52px !important;
padding:
14px 18px !important;
font-size:
11px !important;
letter-spacing:
1.2px !important;
}
/*
Feedback táctil.
En móvil no usamos hover permanente,
pero sí se mueve cuando se pulsa.
*/
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button:active {
transform:
scale(.975) !important;
}
}
/* ==========================================================
MOBILE PEQUEÑO
<= 390
========================================================== */
@media (max-width: 390px) {
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__stage,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__copy {
min-height:
585px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero-overlay__copy {
padding:
50px 16px
30px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__title
.elementor-heading-title {
font-size:
42px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__description p {
font-size:
13.5px !important;
}
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button {
min-height:
50px !important;
}
}
/* ==========================================================
REDUCIR MOVIMIENTO
========================================================== */
@media (prefers-reduced-motion: reduce) {
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button::before,
.elementor-14 .elementor-element.elementor-element-caae909
.lfr-menu-hero__btn
.elementor-button::after {
transition:
none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911783b *//* ==========================================================================
LA FRENCH RIVIERA — CARTA COMPLETA (v2)
Contenedor de la sección → Avanzado → CSS personalizado
REEMPLAZA por completo el CSS anterior.
CAMBIO PRINCIPAL
Las categorías ya no son celdas de una rejilla, sino contenido que
fluye en columnas. Con nueve categorías de longitudes muy distintas
una rejilla siempre deja huecos: cada celda mide lo que mide su
contenido y nada las iguala. Con column-count el navegador reparte
el flujo buscando el equilibrio por sí solo.
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b {
--navy: #1D3A4C;
--ink: #16283A;
--gold: #C1A36D;
--gold-deep: #8E6528;
--cream: #FFFAF3;
--text: rgba(29, 58, 76, .72);
--line: rgba(193, 163, 109, .28);
--hair: rgba(193, 163, 109, .16);
--serif: "Cormorant Garamond", Georgia, serif;
--sans: Inter, "Montserrat", sans-serif;
--ease: cubic-bezier(.23, 1, .32, 1);
/* Alto del header fijo — ajusta si cambia */
--header-h: 96px;
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 82px 40px 92px !important;
background: linear-gradient(180deg, #FFFAF3 0%, #FBF6EE 100%) !important;
overflow: visible !important;
}
.elementor-14 .elementor-element.elementor-element-911783b,
.elementor-14 .elementor-element.elementor-element-911783b * { box-sizing: border-box; }
/* ==========================================================================
ESTRUCTURA — índice fijo + zona de flujo
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner {
width: 100% !important;
max-width: 1500px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: 210px minmax(0, 1fr) !important;
column-gap: 52px !important;
row-gap: 0 !important;
align-items: start !important;
}
/* ==========================================================================
ÍNDICE
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index {
grid-column: 1 !important;
position: sticky !important;
top: calc(var(--header-h) + 24px) !important;
align-self: start !important;
width: 100% !important;
margin: 0 !important;
padding: 2px 32px 28px 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
border-right: 1px solid var(--line) !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__title {
width: 100% !important;
margin: 0 0 26px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__title .elementor-heading-title {
margin: 0 !important;
color: var(--gold-deep) !important;
font-family: var(--sans) !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item {
width: 100% !important;
margin: 0 !important;
padding: 8px 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title {
margin: 0 !important;
font-family: var(--sans) !important;
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a {
position: relative;
display: inline-block;
color: rgba(29, 58, 76, .62) !important;
text-decoration: none !important;
transition: color .25s var(--ease), transform .25s var(--ease) !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
background: var(--gold);
transition: width .25s var(--ease);
}
@media (hover: hover) and (pointer: fine) {
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:hover {
color: var(--navy) !important;
transform: translateX(4px);
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:hover::after {
width: 100%;
}
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:focus-visible {
outline: 2px solid var(--gold-deep);
outline-offset: 3px;
}
/* ==========================================================================
ZONA DE FLUJO
Aquí ocurre el cambio: dos columnas de texto, no una rejilla.
El contenido se reparte solo y las categorías se acomodan sin huecos.
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner > .lfr-menu-preview__column:first-of-type {
/* nada: el flujo lo controla el contenedor de abajo */
}
/* Todas las categorías viven en la columna 2 de la rejilla */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column {
grid-column: 2 !important;
}
/* El truco: el contenedor de la columna 2 se vuelve multi-columna.
Como Elementor no da un envoltorio para las categorías, se aplica
al propio grid-item mediante display:contents en el padre... pero
eso rompería el sticky. En su lugar, cada categoría se comporta
como bloque que no se parte, y el reparto se hace con columns
sobre un envoltorio.
Si tienes un contenedor que envuelve SOLO las 9 categorías,
ponle la clase lfr-menu-preview__flow y usará esto: */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__flow {
grid-column: 2 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
columns: 2;
column-gap: 56px;
column-rule: 1px solid var(--line);
}
/* Cada categoría nunca se parte entre columnas */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column {
width: 100% !important;
min-width: 0 !important;
margin: 0 0 46px !important;
padding: 0 !important;
display: block !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
border-right: 0 !important;
}
/* ==========================================================================
TÍTULOS DE CATEGORÍA
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title {
position: relative;
width: 100% !important;
margin: 0 0 26px !important;
padding: 0 0 16px !important;
/* El anclaje no queda oculto bajo el header fijo */
scroll-margin-top: calc(var(--header-h) + 24px);
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title .elementor-heading-title {
margin: 0 !important;
color: var(--navy) !important;
font-family: var(--serif) !important;
font-size: clamp(28px, 1.9vw, 34px) !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: .5px !important;
text-transform: uppercase !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 44px;
height: 1px;
background: var(--gold);
}
/* ==========================================================================
LISTA Y PLATILLO
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__list {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish {
position: relative;
width: 100% !important;
margin: 0 !important;
padding: 0 0 20px !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
break-inside: avoid;
-webkit-column-break-inside: avoid;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish + .lfr-menu-preview__dish {
padding-top: 20px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish:not(:last-child)::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: var(--hair);
}
/* ---- Nombre + puntos + precio ---- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-top {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: baseline !important;
gap: 10px !important;
}
/* NOMBRE — sube de 11px a 13.5px y baja el peso.
En mayúsculas a 11px con 600 la carta se lee como directorio;
el tamaño mayor con peso medio se lee como carta. */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-name {
width: auto !important;
min-width: 0 !important;
flex: 0 1 auto !important;
margin: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-name .elementor-heading-title {
margin: 0 !important;
color: var(--ink) !important;
font-family: var(--sans) !important;
font-size: 13.5px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
letter-spacing: .4px !important;
text-transform: none !important;
}
/* PUNTOS */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-leader {
width: auto !important;
min-width: 18px !important;
flex: 1 1 auto !important;
margin: 0 !important;
padding: 0 !important;
align-self: center !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-leader .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-leader .elementor-divider {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-leader .elementor-divider-separator {
display: block !important;
width: 100% !important;
border: 0 !important;
border-bottom: 1px dotted rgba(193, 163, 109, .55) !important;
}
/* PRECIO — en sans, más discreto.
En una carta el ojo debe ir primero al platillo; el precio se
consulta después. En serif dorado a 18px competía con el nombre. */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-price {
width: auto !important;
flex: 0 0 auto !important;
margin: 0 !important;
text-align: right !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-price .elementor-heading-title {
margin: 0 !important;
color: var(--gold-deep) !important;
font-family: var(--sans) !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: .3px !important;
white-space: nowrap !important;
}
/* ---- Descripción ---- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description p { margin: 0 !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description p {
color: var(--text) !important;
font-family: var(--sans) !important;
font-size: 12.5px !important;
font-weight: 300 !important;
line-height: 1.65 !important;
}
/* ==========================================================================
ETIQUETAS DIETÉTICAS
En la carta actual hay platillos que dicen "pollo halal" o "jamón de
pavo halal" dentro de la descripción. Eso debería ser una etiqueta:
el público que busca halal escanea, no lee cada descripción.
Marcado: dentro del widget de descripción, al final del texto:
Halal
========================================================================== */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-tag {
display: inline-flex;
align-items: center;
margin: 7px 5px 0 0;
padding: 3px 9px;
border: 1px solid rgba(29, 58, 76, .2);
border-radius: 999px;
font-family: var(--sans);
font-size: 9px;
font-weight: 500;
letter-spacing: 1.3px;
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-tag--halal {
color: #2F4A35;
border-color: rgba(47, 74, 53, .38);
background-color: rgba(47, 74, 53, .07);
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-tag--veg {
color: #4A6B3F;
border-color: rgba(74, 107, 63, .35);
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-tag--picante {
color: #9A4A2C;
border-color: rgba(154, 74, 44, .35);
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-tag--chef {
color: var(--navy);
border-color: rgba(29, 58, 76, .3);
background-color: rgba(29, 58, 76, .05);
}
/* ==========================================================================
ANIMACIÓN DE ENTRADA
Solo las categorías, muy sutil. Los platillos uno a uno serían
ruido: son más de sesenta y el lector está buscando, no admirando.
========================================================================== */
@keyframes lfrCatRise {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: translateY(0); }
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column {
animation: lfrCatRise linear both;
animation-timeline: view();
animation-range: entry 4% entry 34%;
}
}
}
/* ==========================================================================
DESKTOP MEDIANO — 1025 a 1280
========================================================================== */
@media (min-width: 1025px) and (max-width: 1280px) {
.elementor-14 .elementor-element.elementor-element-911783b { padding: 72px 26px 82px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner {
grid-template-columns: 180px minmax(0, 1fr) !important;
column-gap: 36px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index { padding-right: 24px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__flow {
column-gap: 42px;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title .elementor-heading-title {
font-size: 28px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-name .elementor-heading-title {
font-size: 13px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description p {
font-size: 12px !important;
}
}
/* ==========================================================================
TABLET — 768 a 1024
Índice arriba, una sola columna de flujo.
Dos columnas en tablet dejarían las descripciones en tres palabras
por línea.
========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-14 .elementor-element.elementor-element-911783b { padding: 64px 28px 76px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner {
display: block !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index {
position: sticky !important;
top: var(--header-h) !important;
z-index: 10;
width: calc(100% + 56px) !important;
margin: 0 -28px 40px !important;
padding: 14px 28px !important;
border-right: 0 !important;
border-bottom: 1px solid var(--line) !important;
background: rgba(255, 250, 243, .96);
backdrop-filter: blur(8px);
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 22px !important;
overflow-x: auto !important;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index::-webkit-scrollbar { display: none; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__title {
width: auto !important;
min-width: max-content !important;
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item {
width: auto !important;
min-width: max-content !important;
flex: 0 0 auto !important;
padding: 5px 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__flow {
columns: 1;
column-rule: 0;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column {
grid-column: auto !important;
margin-bottom: 42px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title .elementor-heading-title {
font-size: 30px !important;
}
}
/* ==========================================================================
MÓVIL — hasta 767
========================================================================== */
@media (max-width: 767px) {
.elementor-14 .elementor-element.elementor-element-911783b { padding: 52px 18px 62px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner {
display: block !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index {
position: sticky !important;
top: var(--header-h) !important;
z-index: 10;
width: calc(100% + 36px) !important;
margin: 0 -18px 36px !important;
padding: 12px 18px !important;
border-right: 0 !important;
border-bottom: 1px solid var(--line) !important;
background: rgba(255, 250, 243, .96);
backdrop-filter: blur(8px);
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 20px !important;
overflow-x: auto !important;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index::-webkit-scrollbar { display: none; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__title {
width: auto !important;
min-width: max-content !important;
flex: 0 0 auto !important;
margin: 0 4px 0 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item {
width: auto !important;
min-width: max-content !important;
flex: 0 0 auto !important;
padding: 6px 0 !important;
scroll-snap-align: start;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__flow {
columns: 1;
column-rule: 0;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column {
grid-column: auto !important;
width: 100% !important;
margin: 0 0 38px !important;
padding: 0 0 38px !important;
border-bottom: 1px solid var(--line) !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title { margin-bottom: 22px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title .elementor-heading-title {
font-size: 30px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-name .elementor-heading-title {
font-size: 14px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-price .elementor-heading-title {
font-size: 13.5px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-description p {
font-size: 13px !important;
}
}
/* ==========================================================================
MÓVIL PEQUEÑO — hasta 390
========================================================================== */
@media (max-width: 390px) {
.elementor-14 .elementor-element.elementor-element-911783b { padding: 48px 16px 56px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index {
width: calc(100% + 32px) !important;
margin-left: -16px !important;
margin-right: -16px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__title .elementor-heading-title {
font-size: 27px !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-top { gap: 8px !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish-name .elementor-heading-title {
font-size: 13.5px !important;
}
}
/* ==========================================================================
IMPRESIÓN
Mucha gente guarda la carta como PDF desde el navegador.
========================================================================== */
@media print {
.elementor-14 .elementor-element.elementor-element-911783b {
background: #fff !important;
padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__index { display: none !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__inner { display: block !important; }
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__flow {
columns: 2;
column-gap: 40px;
column-rule: 0;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__column,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-preview__dish { break-inside: avoid; }
}
/* ==========================================================================
ACCESIBILIDAD
========================================================================== */
@media (prefers-reduced-motion: reduce) {
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a {
transition-duration: .01ms !important;
transform: none !important;
}
}
/* ==========================================================================
QUÉ HAY QUE HACER EN ELEMENTOR
1. UN CONTENEDOR QUE ENVUELVA LAS 9 CATEGORÍAS
Es el único cambio estructural. Hoy las categorías cuelgan
directamente de .lfr-menu-preview__inner. Hay que meterlas todas
dentro de un contenedor nuevo, hermano del índice, con la clase
lfr-menu-preview__flow. Sin eso, columns no tiene dónde aplicarse.
Antes: inner → [índice] [cat1] [cat2] … [cat9]
Después: inner → [índice] [flow → cat1 … cat9]
2. QUITAR LOS DIVIDERS DE PUNTOS SI DAN PROBLEMAS
Funcionan, pero son 60+ widgets extra. Si el editor se pone
lento, se pueden eliminar y dibujar los puntos por CSS sobre
.lfr-menu-preview__dish-top con un pseudo-elemento.
3. LOS PRECIOS
Siguen en $0. Con precios reales de 3–4 dígitos las líneas de
puntos cambian de longitud; no ajustes espaciados finos hasta
tenerlos cargados.
4. LAS ETIQUETAS HALAL
Hay platillos cuya descripción menciona "pollo halal" o "jamón
de pavo halal". Conviene sacarlo a etiqueta. Y confirmar con
Ismail si aplica a toda la carta o solo a algunos platos: si es
toda, va una nota de sección y no etiqueta por platillo.
========================================================================== */
/* ==========================================================================
LA FRENCH RIVIERA — ÍNDICE DE LA CARTA · PARCHE
Pegar AL FINAL del CSS del contenedor de la carta.
========================================================================== */
/* --------------------------------------------------------------------------
1. COLOR PAREJO EN TODOS LOS ÍTEMS
Cubre los tres casos: con enlace, sin enlace, y con color puesto a mano
en el tab Estilo del widget. Así todos se ven igual aunque estén
configurados distinto.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:link,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:visited {
color: rgba(29, 58, 76, .62) !important;
font-family: Inter, "Montserrat", sans-serif !important;
font-size: 10.5px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: 1.2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
/* --------------------------------------------------------------------------
2. EL NÚMERO EN DORADO
Separa visualmente el número del nombre. Requiere envolver el número
en el widget: 01 APERITIVOS
Si no lo haces, todo queda del mismo color y también funciona.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .lfr-idx-num {
color: var(--gold-deep, #8E6528) !important;
font-family: ui-monospace, Menlo, monospace !important;
font-size: 9.5px !important;
font-weight: 500 !important;
letter-spacing: .5px !important;
margin-right: 7px;
}
/* --------------------------------------------------------------------------
3. CATEGORÍA ACTIVA — sin JavaScript
:target se activa cuando la URL apunta al ancla de esa categoría,
es decir cuando el visitante hace clic en el índice. El ítem
correspondiente se marca en navy con su línea dorada.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:hover,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:focus-visible,
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:active {
color: var(--navy, #1D3A4C) !important;
}
/* El subrayado dorado crece desde la izquierda */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 1px;
background: var(--gold, #C1A36D);
transition: width .25s cubic-bezier(.23, 1, .32, 1);
}
@media (hover: hover) and (pointer: fine) {
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:hover::after {
width: 100%;
}
}
/* --------------------------------------------------------------------------
4. ÁREA DE CLIC MÁS AMPLIA
A 10.5px el texto es un blanco muy pequeño, sobre todo en táctil.
El enlace pasa a bloque para que toda la fila sea clicable.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a {
position: relative;
display: block;
padding: 2px 0;
}
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title a:focus-visible {
outline: 2px solid var(--gold-deep, #8E6528);
outline-offset: 3px;
}
/* --------------------------------------------------------------------------
5. ÍTEM SIN ENLACE — señal de que falta configurarlo
Si un ítem no tiene enlace, no se puede hacer clic en él y el índice
deja de funcionar como índice. Esta regla lo deja más apagado para
que se note cuál falta. Cuando ya no haya ninguno, puedes borrar
este bloque.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-911783b .lfr-menu-index__item .elementor-heading-title:not(:has(a)) {
opacity: .45;
}
/* ==========================================================================
QUÉ REVISAR EN ELEMENTOR
Dale clic a "01 APERITIVOS" y luego a "02 ENTRADAS", y compara:
· Contenido → Enlace
Debe tener el ancla de su categoría: #aperitivos, #entradas, etc.
Si está vacío, ese ítem no lleva a ninguna parte.
· Estilo → Color del texto
Debe estar SIN definir en todos. Si alguno tiene un color puesto
a mano, se pelea con este CSS. Bórralo desde el propio Elementor
(el icono de la flecha circular junto al control lo resetea).
· El ancla del destino
En cada categoría, el widget del título debe tener un ID en
Avanzado → Diseño → ID CSS, sin el #.
Ejemplo: el título "Aperitivos" lleva ID aperitivos
y el ítem del índice enlaza a #aperitivos
Sin esa pareja ID ↔ enlace, el clic no hace nada aunque el estilo
se vea bien.
========================================================================== *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f2ad00 *//* ==========================================================
LA FRENCH RIVIERA
MENU 03 — DESTACADOS DEL CHEF
DESKTOP + TABLET + MOBILE
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 {
--navy: #1D3A4C;
--navy-dark: #102C3D;
--gold: #C1A36D;
--gold-light: #D4B67D;
--cream: #FFFAF3;
--line: rgba(193,163,109,.28);
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding:
62px 40px 66px !important;
background:
#FFFAF3 !important;
overflow: hidden !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00,
.elementor-14 .elementor-element.elementor-element-5f2ad00 * {
box-sizing: border-box;
}
/* ==========================================================
INNER
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__inner {
width: 100% !important;
max-width: 1180px !important;
margin: 0 auto !important;
padding: 0 !important;
display: grid !important;
grid-template-columns:
220px repeat(2,minmax(0,1fr))
!important;
gap:
16px !important;
align-items:
stretch !important;
}
/* ==========================================================
INTRO IZQUIERDA
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__intro {
width: 100% !important;
margin: 0 !important;
padding:
12px 26px 12px 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
}
/* ==========================================================
TÍTULO
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__title {
width: 100% !important;
margin:
0 0 17px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__title
.elementor-heading-title {
margin: 0 !important;
color:
var(--gold) !important;
font-family:
"Cormorant Garamond",
serif !important;
font-size:
34px !important;
font-weight:
500 !important;
line-height:
.96 !important;
letter-spacing:
.1px !important;
text-transform:
uppercase !important;
}
/* ==========================================================
ORNAMENTO
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__ornament {
position: relative;
width:
105px !important;
margin:
0 0 24px !important;
text-align:
right !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__ornament::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 72px;
height: 1px;
background:
var(--gold);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__ornament
.elementor-heading-title {
margin:
0 !important;
color:
var(--gold) !important;
font-size:
9px !important;
}
/* ==========================================================
BOTÓN DESCUBRIR
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__button {
width:
auto !important;
margin:
0 !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__button
.elementor-button {
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
min-width:
145px !important;
min-height:
44px !important;
padding:
12px 19px !important;
color:
#fff !important;
background:
var(--navy) !important;
border:
1px solid var(--navy)
!important;
border-radius:
2px !important;
box-shadow:
none !important;
font-family:
Inter, sans-serif !important;
font-size:
9px !important;
font-weight:
600 !important;
letter-spacing:
1.1px !important;
text-transform:
uppercase !important;
transition:
transform .28s ease,
box-shadow .28s ease,
background-color .28s ease,
border-color .28s ease !important;
}
/* ==========================================================
CARD
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card {
position:
relative !important;
width:
100% !important;
min-width:
0 !important;
min-height:
260px !important;
margin:
0 !important;
padding:
0 !important;
overflow:
hidden !important;
border-radius:
3px !important;
background:
var(--navy) !important;
box-shadow:
0 6px 20px
rgba(20,39,51,.07);
isolation:
isolate;
transition:
transform .35s ease,
box-shadow .35s ease !important;
}
/* ==========================================================
IMAGEN
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__image {
position:
absolute !important;
inset:
0 !important;
width:
100% !important;
height:
100% !important;
margin:
0 !important;
z-index:
1;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__image
.elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__image picture {
width:
100% !important;
height:
100% !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__image img {
display:
block !important;
width:
100% !important;
max-width:
none !important;
height:
100% !important;
object-fit:
cover !important;
object-position:
center center !important;
transform:
scale(1.01);
transition:
transform .55s ease,
filter .55s ease !important;
}
/* ==========================================================
OVERLAY DE CADA CARD
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card::before {
content: "";
position:
absolute;
inset:
0;
z-index:
2;
pointer-events:
none;
background:
linear-gradient(
90deg,
rgba(12,35,50,.10) 0%,
rgba(12,35,50,.18) 45%,
rgba(12,35,50,.82) 100%
);
transition:
background .35s ease;
}
/* ==========================================================
CONTENIDO
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__content {
position:
absolute !important;
z-index:
3 !important;
right:
0 !important;
bottom:
0 !important;
width:
54% !important;
min-height:
100% !important;
margin:
0 !important;
padding:
28px 20px !important;
display:
flex !important;
flex-direction:
column !important;
justify-content:
center !important;
align-items:
flex-start !important;
gap:
12px !important;
}
/* ==========================================================
NOMBRE
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__name {
width:
100% !important;
margin:
0 !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__name
.elementor-heading-title {
margin:
0 !important;
color:
#FFF9F2 !important;
font-family:
"Cormorant Garamond",
serif !important;
font-size:
23px !important;
font-weight:
500 !important;
line-height:
1.02 !important;
letter-spacing:
.2px !important;
text-transform:
uppercase !important;
max-width:
100% !important;
white-space:
normal !important;
overflow-wrap:
normal !important;
word-break:
normal !important;
hyphens:
none !important;
text-wrap:
balance;
text-shadow:
0 2px 12px
rgba(0,0,0,.16);
}
/* ==========================================================
PRECIO
========================================================== */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__price {
width:
auto !important;
margin:
0 !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__price
.elementor-heading-title {
margin:
0 !important;
color:
var(--gold-light) !important;
font-family:
Inter, sans-serif !important;
font-size:
13px !important;
font-weight:
500 !important;
letter-spacing:
.8px !important;
}
/* ==========================================================
HOVER DESKTOP
========================================================== */
@media (hover:hover) and (pointer:fine) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card:hover {
transform:
translateY(-6px);
box-shadow:
0 18px 36px
rgba(18,42,57,.16);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card:hover
.lfr-chef-card__image img {
transform:
scale(1.07);
filter:
saturate(1.05)
contrast(1.02);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card:hover::before {
background:
linear-gradient(
90deg,
rgba(12,35,50,.04) 0%,
rgba(12,35,50,.15) 40%,
rgba(12,35,50,.88) 100%
);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__button
.elementor-button:hover {
transform:
translateY(-3px);
color:
var(--navy) !important;
background:
var(--gold) !important;
border-color:
var(--gold) !important;
box-shadow:
0 10px 22px
rgba(29,58,76,.16)
!important;
}
}
/* ==========================================================
TABLET GRANDE
========================================================== */
@media
(min-width:901px)
and (max-width:1200px) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 {
padding:
56px 28px 60px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__inner {
grid-template-columns:
185px
repeat(2,minmax(0,1fr))
!important;
gap:
12px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__intro {
padding-right:
20px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__title
.elementor-heading-title {
font-size:
30px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card {
min-height:
235px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__content {
width:
56% !important;
padding:
22px 16px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__name
.elementor-heading-title {
font-size:
21px !important;
}
}
/* ==========================================================
TABLET VERTICAL
768 — 900
INTRO ARRIBA + 3 CARDS
========================================================== */
@media
(min-width:768px)
and (max-width:900px) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 {
padding:
54px 28px 60px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__inner {
display:
grid !important;
grid-template-columns:
repeat(2,minmax(0,1fr))
!important;
gap:
14px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__intro {
grid-column:
1 / -1 !important;
padding:
0 0 30px !important;
border-bottom:
1px solid var(--line);
display:
grid !important;
grid-template-columns:
1fr auto !important;
align-items:
end !important;
column-gap:
30px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__title {
grid-column:
1 !important;
margin-bottom:
8px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__ornament {
grid-column:
1 !important;
margin-bottom:
0 !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__button {
grid-column:
2 !important;
grid-row:
1 / span 2 !important;
align-self:
center !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card {
min-height:
300px !important;
}
/*
En tablet vertical dejamos
texto abajo para que la imagen
tenga más protagonismo.
*/
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card::before {
background:
linear-gradient(
180deg,
rgba(12,35,50,.02) 30%,
rgba(12,35,50,.88) 100%
);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__content {
top:
auto !important;
right:
0 !important;
bottom:
0 !important;
width:
100% !important;
min-height:
auto !important;
padding:
50px 18px
20px !important;
justify-content:
flex-end !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__name
.elementor-heading-title {
font-size:
22px !important;
}
}
/* ==========================================================
MOBILE
CARDS DESLIZABLES
========================================================== */
@media (max-width:767px) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 {
padding:
48px 0 54px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__inner {
width:
100% !important;
max-width:
none !important;
display:
flex !important;
flex-direction:
row !important;
flex-wrap:
nowrap !important;
align-items:
stretch !important;
gap:
13px !important;
padding:
0 18px 10px !important;
overflow-x:
auto !important;
overflow-y:
hidden !important;
scrollbar-width:
none;
-webkit-overflow-scrolling:
touch;
scroll-snap-type:
x mandatory;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__inner::-webkit-scrollbar {
display:
none;
}
/* INTRO PRIMERO */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__intro {
width:
260px !important;
min-width:
260px !important;
flex:
0 0 260px !important;
padding:
22px 24px !important;
border:
1px solid var(--line);
justify-content:
center !important;
scroll-snap-align:
start;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__title
.elementor-heading-title {
font-size:
31px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__button,
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__button
.elementor-button {
width:
100% !important;
}
/* CARDS */
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card {
width:
290px !important;
min-width:
290px !important;
flex:
0 0 290px !important;
min-height:
360px !important;
scroll-snap-align:
center;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card::before {
background:
linear-gradient(
180deg,
rgba(10,31,46,.02) 30%,
rgba(10,31,46,.90) 100%
);
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__content {
right:
0 !important;
bottom:
0 !important;
width:
100% !important;
min-height:
auto !important;
padding:
70px 22px
22px !important;
justify-content:
flex-end !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__name
.elementor-heading-title {
font-size:
25px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef-card__price
.elementor-heading-title {
font-size:
13px !important;
}
}
/* ==========================================================
MOBILE PEQUEÑO
========================================================== */
@media (max-width:390px) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__inner {
padding-left:
16px !important;
padding-right:
16px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef__intro {
width:
245px !important;
min-width:
245px !important;
flex-basis:
245px !important;
}
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card {
width:
270px !important;
min-width:
270px !important;
flex-basis:
270px !important;
min-height:
340px !important;
}
}
/* ==========================================================
REDUCIR MOVIMIENTO
========================================================== */
@media (prefers-reduced-motion:reduce) {
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card,
.elementor-14 .elementor-element.elementor-element-5f2ad00 .lfr-chef-card__image img,
.elementor-14 .elementor-element.elementor-element-5f2ad00
.lfr-chef__button
.elementor-button {
transition:
none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-091b461 *//* ==========================================================
LA FRENCH RIVIERA
MENU 04 — PHOTO STRIP
DESKTOP + TABLET + MOBILE
========================================================== */
.elementor-14 .elementor-element.elementor-element-091b461 {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #1D3A4C;
}
.elementor-14 .elementor-element.elementor-element-091b461,
.elementor-14 .elementor-element.elementor-element-091b461 * {
box-sizing: border-box;
}
/* ==========================================================
TRACK
========================================================== */
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__track {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns:
repeat(5, minmax(0, 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
}
/* ==========================================================
ITEM
========================================================== */
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item {
position: relative !important;
width: 100% !important;
min-width: 0 !important;
height: 260px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #1D3A4C;
}
/* Separador extremadamente sutil */
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
z-index: 3;
background:
rgba(255,255,255,.12);
pointer-events: none;
}
/* ==========================================================
IMAGE
========================================================== */
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__image
.elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__image picture {
width: 100% !important;
height: 100% !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__image img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
transform: scale(1.01);
transition:
transform .55s ease,
filter .55s ease !important;
}
/* ==========================================================
OVERLAY MUY SUAVE
========================================================== */
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background:
linear-gradient(
180deg,
rgba(14,36,51,.02) 0%,
rgba(14,36,51,.05) 55%,
rgba(14,36,51,.16) 100%
);
transition:
background .35s ease;
}
/* ==========================================================
HOVER DESKTOP
========================================================== */
@media (hover:hover) and (pointer:fine) {
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__item:hover
.lfr-menu-gallery__image img {
transform: scale(1.075);
filter:
contrast(1.03)
saturate(1.06);
}
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__item:hover::before {
background:
linear-gradient(
180deg,
rgba(14,36,51,0) 0%,
rgba(14,36,51,.03) 55%,
rgba(14,36,51,.10) 100%
);
}
}
/* ==========================================================
TABLET
768 — 1024
========================================================== */
@media
(min-width:768px)
and (max-width:1024px) {
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__track {
display: grid !important;
grid-template-columns:
repeat(3, minmax(0,1fr)) !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item {
height: 230px !important;
}
/*
Las últimas 2 imágenes
ocupan media fila cada una.
*/
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item:nth-child(4),
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item:nth-child(5) {
height: 220px !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item:nth-child(4) {
grid-column:
1 / span 2 !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item:nth-child(5) {
grid-column:
3 !important;
}
}
/* ==========================================================
MOBILE
GALERÍA DESLIZABLE
========================================================== */
@media (max-width:767px) {
.elementor-14 .elementor-element.elementor-element-091b461 {
overflow: visible !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__track {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 8px !important;
padding:
0 16px 8px !important;
overflow-x:
auto !important;
overflow-y:
hidden !important;
scroll-snap-type:
x mandatory;
scrollbar-width:
none;
-webkit-overflow-scrolling:
touch;
}
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__track::-webkit-scrollbar {
display: none;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item {
width: 82vw !important;
min-width: 82vw !important;
max-width: 380px !important;
flex:
0 0 82vw !important;
height:
300px !important;
scroll-snap-align:
center;
border-radius:
2px !important;
}
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__item:not(:last-child)::after {
display: none;
}
}
/* ==========================================================
MOBILE PEQUEÑO
========================================================== */
@media (max-width:390px) {
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__track {
padding-left:
14px !important;
padding-right:
14px !important;
}
.elementor-14 .elementor-element.elementor-element-091b461 .lfr-menu-gallery__item {
width:
84vw !important;
min-width:
84vw !important;
flex-basis:
84vw !important;
height:
280px !important;
}
}
/* ==========================================================
REDUCIR MOVIMIENTO
========================================================== */
@media (prefers-reduced-motion:reduce) {
.elementor-14 .elementor-element.elementor-element-091b461
.lfr-menu-gallery__image img {
transition:
none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d963ac4 *//* ==========================================================================
LA FRENCH RIVIERA — MENÚ 05 · HOOKAH + COCKTAILS
CSS Adicional (nivel SECCIÓN) · Elementor Pro + Hello Theme
--------------------------------------------------------------------------
CAUSA RAÍZ DEL BUG ANTERIOR:
Elementor envuelve los contenedores "boxed" en .e-con-inner.
El CSS viejo solo aplanaba 2 niveles (__inner y panel), pero
.lfr-lounge__list y .lfr-lounge__item TAMBIÉN son contenedores.
Resultado: el flex del item nunca alcanzaba a name/leader/price,
así que cada fila se apilaba (nombre / puntos / precio) y la lista
crecía 3x → al hacer span de las 4 filas del grid, estiraba el panel
y tiraba el título y la descripción hacia abajo.
FIX: aplanado universal de .e-con-inner dentro de la sección
+ item en GRID (max-content · 1fr · max-content), inmune a los
width:100% que Elementor inyecta en headings.
========================================================================== */
/* ==========================================================================
1 · TOKENS + LIENZO
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 {
/* Marca */
--navy: #103449;
--navy-deep: #08283a;
--navy-mid: #12384d;
--gold: #c1a36d;
--gold-light: #d7bb87;
--white: #ffffff;
--text: rgba(255, 255, 255, .78);
--line: rgba(193, 163, 109, .28);
--leader: rgba(193, 163, 109, .45);
/* Métricas de la banda (se sobrescriben por breakpoint) */
--band-pad-y: 36px;
--band-pad-x: 40px;
--panel-pad-y: 20px;
--panel-pad-x: 34px;
--col-media: 132px;
--col-info: 206px;
--col-list: minmax(200px, 1fr);
--gap-col: 26px;
--media-h: 158px;
/* Escala tipográfica */
--fs-title: 31px;
--fs-desc: 10.5px;
--fs-item: 9.5px;
--fs-btn: 8.5px;
/* Easing (Emil Kowalski) */
--ease-out-quint: cubic-bezier(.23, 1, .32, 1);
--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
isolation: isolate;
background:
linear-gradient(100deg,
var(--navy-deep) 0%,
var(--navy-mid) 50%,
#092b3e 100%) !important;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 *,
.elementor-14 .elementor-element.elementor-element-d963ac4 *::before,
.elementor-14 .elementor-element.elementor-element-d963ac4 *::after {
box-sizing: border-box;
}
/* Viñeta de esquinas: da profundidad sin cargar imágenes.
Si el cliente entrega el PNG de hojas, cámbialo por background-image aquí. */
.elementor-14 .elementor-element.elementor-element-d963ac4::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(120% 90% at 0% 0%, rgba(0,0,0,.34), transparent 55%),
radial-gradient(120% 90% at 100% 100%, rgba(0,0,0,.34), transparent 55%);
}
/* ==========================================================================
2 · FIX CRÍTICO — APLANADO DE .e-con-inner
Un solo bloque en lugar de listar contenedor por contenedor.
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 > .e-con-inner,
.elementor-14 .elementor-element.elementor-element-d963ac4 .e-con > .e-con-inner {
display: contents !important;
}
/* Elementor mete width:100% en headings/botones dentro de flex y grid */
.elementor-14 .elementor-element.elementor-element-d963ac4 .elementor-element {
min-width: 0 !important;
}
/* ==========================================================================
3 · CONTENEDOR DE LA BANDA
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-menu-lounge__inner {
position: relative;
z-index: 1;
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
padding: var(--band-pad-y) var(--band-pad-x) !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
}
/* ==========================================================================
4 · PANEL (cada mitad)
media | info (título · ornamento · desc · botón) | lista
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel {
position: relative !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important; /* antes 240px: inflaba la banda */
margin: 0 !important;
padding: var(--panel-pad-y) var(--panel-pad-x) !important;
display: grid !important;
grid-template-columns:
var(--col-media)
var(--col-info)
var(--col-list) !important;
grid-template-areas:
"media title list"
"media ornament list"
"media desc list"
"media button list" !important;
grid-template-rows: auto 16px auto auto !important;
column-gap: var(--gap-col) !important;
row-gap: 6px !important;
align-content: center !important; /* centra el bloque info verticalmente */
align-items: start !important;
justify-content: center !important;
}
/* Divisoria central (solo cuando van lado a lado) */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel--hookah {
border-right: 1px solid var(--line) !important;
}
/* Neutraliza los márgenes que Elementor pone a cada widget */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__title,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list {
margin-block: 0 !important;
}
/* ==========================================================================
5 · IMAGEN
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media {
grid-area: media !important;
position: relative !important;
inset: auto !important;
transform: none !important;
width: 100% !important;
height: var(--media-h) !important;
margin: 0 !important;
padding: 0 !important;
align-self: center !important;
justify-self: center !important;
z-index: 2;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media picture {
width: 100% !important;
height: 100% !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media img {
display: block !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
object-fit: contain !important;
object-position: center !important;
filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .32));
will-change: transform;
transition: transform 300ms var(--ease-out-quint) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--hookah { width: 128px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--cocktail { width: 104px !important; }
/* ==========================================================================
6 · TÍTULO
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__title {
grid-area: title !important;
width: 100% !important;
align-self: end !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__title .elementor-heading-title {
margin: 0 !important;
color: var(--gold) !important;
font-family: "Cormorant Garamond", serif !important;
font-size: var(--fs-title) !important;
font-weight: 500 !important;
line-height: .92 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
}
/* ==========================================================================
7 · ORNAMENTO (línea + rombo)
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament {
grid-area: ornament !important;
position: relative !important;
width: 92px !important;
height: 14px !important;
text-align: right !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 58px;
height: 1px;
background: var(--gold);
opacity: .85;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament .elementor-heading-title {
margin: 0 !important;
color: var(--gold) !important;
font-size: 8px !important;
line-height: 1 !important;
}
/* ==========================================================================
8 · DESCRIPCIÓN
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description {
grid-area: desc !important;
width: 100% !important;
max-width: 210px !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description p {
margin: 0 !important;
color: var(--text) !important;
font-family: Inter, sans-serif !important;
font-size: var(--fs-desc) !important;
font-weight: 400 !important;
line-height: 1.55 !important;
text-wrap: pretty;
}
/* ==========================================================================
9 · BOTÓN
========================================================================== */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button {
grid-area: button !important;
width: auto !important;
justify-self: start !important;
margin-top: 10px !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button .elementor-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 122px !important;
min-height: 34px !important;
padding: 8px 18px !important;
color: var(--gold-light) !important;
background: transparent !important;
border: 1px solid rgba(193, 163, 109, .70) !important;
border-radius: 0 !important;
box-shadow: none !important;
font-family: Inter, sans-serif !important;
font-size: var(--fs-btn) !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 1.4px !important;
text-transform: uppercase !important;
transition:
transform 200ms var(--ease-out-quint),
background-color 200ms var(--ease-out-cubic),
color 200ms var(--ease-out-cubic),
border-color 200ms var(--ease-out-cubic) !important;
}
/* Foco visible de teclado — faltaba por completo */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button .elementor-button:focus-visible {
outline: 2px solid var(--gold-light) !important;
outline-offset: 3px !important;
}
/* ==========================================================================
10 · LISTA — TOLERANTE A LAS DOS ESTRUCTURAS
--------------------------------------------------------------------------
A) HOOKAH : cada fila envuelta en un contenedor (.lfr-lounge__item)
B) COCKTAILS: nombre / puntos / precio sueltos como hijos de la lista
En el caso B la lista misma se vuelve un grid de 3 columnas y los widgets
se auto-colocan de 3 en 3. Así funciona sin tocar el DOM.
========================================================================== */
/* Base — caso A */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list {
grid-area: list !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 11px !important;
/* La lista abarca las 4 filas del panel. Se estira a toda esa altura y
centra su contenido por dentro: así queda alineada con el bloque de
info sin importar cuántos items tenga. */
align-self: stretch !important;
justify-content: center !important;
}
/* Caso B — hay un precio colgando directo de la lista.
Se cubren las dos variantes porque los combinadores leen el DOM real,
y display:contents en .e-con-inner NO cambia el matching de .elementor-14 .elementor-element.elementor-element-d963ac4es. */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list:has(> .lfr-lounge__price),
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list:has(> .e-con-inner > .lfr-lounge__price) {
display: grid !important;
grid-template-columns: max-content minmax(20px, 1fr) max-content !important;
align-items: center !important;
column-gap: 8px !important;
row-gap: 11px !important;
align-self: stretch !important;
align-content: center !important;
}
/* Si el botón quedó atrapado dentro de la lista, que ocupe la fila completa
en lugar de meterse en la columna del precio. */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list:has(> .lfr-lounge__price) > .lfr-lounge__button,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list:has(> .e-con-inner > .lfr-lounge__price) > .e-con-inner > .lfr-lounge__button {
grid-column: 1 / -1 !important;
justify-self: start !important;
margin-top: 16px !important;
}
/* --------------------------------------------------------------------------
FILA: NOMBRE · PUNTOS · PRECIO
Grid en lugar de flex: los tracks los define el contenedor, así que un
width:100% inyectado por Elementor ya no puede romper la fila.
-------------------------------------------------------------------------- */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list .e-con:has(> .lfr-lounge__price),
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list .e-con:has(> .e-con-inner > .lfr-lounge__price) {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: max-content minmax(20px, 1fr) max-content !important;
align-items: center !important;
column-gap: 8px !important;
row-gap: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item > *,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list .e-con:has(> .lfr-lounge__price) > *,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list .e-con:has(> .e-con-inner > .lfr-lounge__price) > * {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Nombre */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item-name .elementor-heading-title {
margin: 0 !important;
color: rgba(255, 255, 255, .94) !important;
font-family: Inter, sans-serif !important;
font-size: var(--fs-item) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: .7px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
/* Puntos guía */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__leader {
align-self: center !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__leader .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__leader .elementor-divider {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__leader .elementor-divider-separator {
display: block !important;
width: 100% !important;
border: 0 !important;
border-bottom: 1px dotted var(--leader) !important;
transition: border-color 200ms var(--ease-out-cubic) !important;
}
/* Precio */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__price {
justify-self: end !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__price .elementor-heading-title {
margin: 0 !important;
color: var(--gold-light) !important;
font-family: Inter, sans-serif !important;
font-size: var(--fs-item) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: .3px !important;
white-space: nowrap !important;
font-variant-numeric: tabular-nums;
transition: color 200ms var(--ease-out-cubic) !important;
}
/* ==========================================================================
11 · MICROINTERACCIONES (solo transform / opacity / color)
========================================================================== */
@media (hover: hover) and (pointer: fine) {
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button .elementor-button:hover {
color: var(--navy-deep) !important;
background: var(--gold) !important;
border-color: var(--gold) !important;
transform: translateY(-3px);
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button .elementor-button:active {
transform: translateY(-1px) scale(.97);
transition-duration: 100ms !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel:hover .lfr-lounge__media img {
transform: translateY(-5px) scale(1.04);
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:hover .elementor-divider-separator {
border-bottom-color: rgba(193, 163, 109, .85) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:hover .lfr-lounge__price .elementor-heading-title {
color: var(--white) !important;
}
}
/* --------------------------------------------------------------------------
Reveal al hacer scroll — progressive enhancement.
Sin soporte de animation-timeline, todo se ve normal desde el inicio.
-------------------------------------------------------------------------- */
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
@keyframes lfrRise {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: none; }
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__title,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button,
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item {
animation: lfrRise 400ms var(--ease-out-quint) both;
animation-timeline: view();
animation-range: entry 5% cover 26%;
}
/* Escalonado: cada fila entra un poco después */
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:nth-child(2) { animation-range: entry 5% cover 30%; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:nth-child(3) { animation-range: entry 5% cover 34%; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:nth-child(4) { animation-range: entry 5% cover 38%; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__item:nth-child(5) { animation-range: entry 5% cover 42%; }
}
}
/* ==========================================================================
12 · DESKTOP MEDIANO · 1280 – 1439
========================================================================== */
@media (min-width: 1280px) and (max-width: 1439px) {
.elementor-14 .elementor-element.elementor-element-d963ac4 {
--band-pad-x: 28px;
--panel-pad-x: 24px;
--col-media: 116px;
--col-info: 190px;
--col-list: minmax(170px, 1fr);
--gap-col: 20px;
--media-h: 148px;
--fs-title: 28px;
--fs-desc: 10px;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--hookah { width: 114px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--cocktail { width: 94px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description { max-width: 190px !important; }
}
/* ==========================================================================
13 · LAPTOP CHICO · 1024 – 1279
Los paneles se apilan: a este ancho, 3 columnas por mitad quedan
demasiado apretadas y el nombre del cóctel empieza a cortarse.
========================================================================== */
@media (min-width: 1024px) and (max-width: 1279px) {
.elementor-14 .elementor-element.elementor-element-d963ac4 {
--band-pad-y: 28px;
--band-pad-x: 32px;
--panel-pad-y: 26px;
--col-media: 128px;
--col-info: 220px;
--col-list: minmax(240px, 1fr);
--gap-col: 30px;
--media-h: 156px;
--fs-title: 30px;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-menu-lounge__inner {
grid-template-columns: minmax(0, 1fr) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel--hookah {
border-right: 0 !important;
border-bottom: 1px solid var(--line) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel { justify-content: start !important; }
}
/* ==========================================================================
14 · TABLET · 768 – 1023
========================================================================== */
@media (min-width: 768px) and (max-width: 1023px) {
.elementor-14 .elementor-element.elementor-element-d963ac4 {
--band-pad-y: 26px;
--band-pad-x: 26px;
--panel-pad-y: 24px;
--panel-pad-x: 16px;
--col-media: 112px;
--col-info: 190px;
--col-list: minmax(200px, 1fr);
--gap-col: 22px;
--media-h: 148px;
--fs-title: 27px;
--fs-desc: 10px;
--fs-item: 9.5px;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-menu-lounge__inner {
grid-template-columns: minmax(0, 1fr) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel--hookah {
border-right: 0 !important;
border-bottom: 1px solid var(--line) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--hookah { width: 108px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--cocktail { width: 88px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description { max-width: 100% !important; }
}
/* ==========================================================================
15 · MÓVIL · ≤ 767
media + info arriba, lista completa abajo
========================================================================== */
@media (max-width: 767px) {
.elementor-14 .elementor-element.elementor-element-d963ac4 {
--band-pad-y: 8px;
--band-pad-x: 18px;
--panel-pad-y: 30px;
--panel-pad-x: 0px;
--media-h: 168px;
--fs-title: 27px;
--fs-desc: 11px;
--fs-item: 10px;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-menu-lounge__inner {
grid-template-columns: minmax(0, 1fr) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel {
grid-template-columns: 108px minmax(0, 1fr) !important;
grid-template-areas:
"media title"
"media ornament"
"media desc"
"media button"
"list list" !important;
grid-template-rows: auto 16px auto auto auto !important;
column-gap: 18px !important;
row-gap: 6px !important;
align-content: start !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel--hookah {
border-right: 0 !important;
border-bottom: 1px solid var(--line) !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--hookah { width: 104px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--cocktail { width: 82px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__description { max-width: 100% !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__list {
margin-top: 24px !important;
padding-top: 20px !important;
border-top: 1px solid rgba(193, 163, 109, .18) !important;
gap: 13px !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__button .elementor-button {
min-height: 36px !important;
}
}
/* ==========================================================================
16 · MÓVIL CHICO · ≤ 390
========================================================================== */
@media (max-width: 390px) {
.elementor-14 .elementor-element.elementor-element-d963ac4 {
--band-pad-x: 14px;
--media-h: 146px;
--fs-title: 24px;
--fs-desc: 10.5px;
--fs-item: 9.5px;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge-panel {
grid-template-columns: 86px minmax(0, 1fr) !important;
column-gap: 14px !important;
}
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--hookah { width: 84px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__media--cocktail { width: 66px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament { width: 78px !important; }
.elementor-14 .elementor-element.elementor-element-d963ac4 .lfr-lounge__ornament::before { width: 46px; }
}
/* ==========================================================================
17 · ACCESIBILIDAD
========================================================================== */
@media (prefers-reduced-motion: reduce) {
.elementor-14 .elementor-element.elementor-element-d963ac4 *,
.elementor-14 .elementor-element.elementor-element-d963ac4 *::before,
.elementor-14 .elementor-element.elementor-element-d963ac4 *::after {
animation: none !important;
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1409894 *//* =====================================================
LA FRENCH RIVIERA — CTA MENU
CSS LIMPIO / CORREGIDO
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894{
--navy:#082A41;
--navy-deep:#041D30;
--gold:#C1A36D;
--cream:#FFFAF3;
--cream-soft:rgba(255,250,243,.88);
width:100%;
margin:0;
padding:70px 30px;
background:var(--cream);
overflow:hidden;
}
/* =====================================================
FRAME PRINCIPAL
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__frame{
width:100% !important;
max-width:1450px !important;
min-height:650px;
margin:0 auto !important;
padding:0 !important;
display:grid !important;
grid-template-columns:52% 48% !important;
align-items:stretch !important;
gap:0 !important;
overflow:hidden;
isolation:isolate;
background:var(--navy-deep);
border:1px solid rgba(193,163,109,.55);
border-radius:4px 80px 4px 4px;
box-shadow:0 25px 60px rgba(4,29,48,.15);
}
/* =====================================================
CONTENIDO IZQUIERDO
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__content{
position:relative;
z-index:2;
width:100% !important;
max-width:none !important;
min-height:650px;
margin:0 !important;
padding:80px 70px 80px 80px !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-items:flex-start !important;
background:
radial-gradient(
circle at 10% 20%,
rgba(193,163,109,.09),
transparent 35%
),
var(--navy-deep);
overflow:hidden;
}
/* detalle decorativo */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__content::before{
content:"";
position:absolute;
z-index:-1;
width:300px;
height:300px;
left:-170px;
top:-160px;
border:1px solid rgba(193,163,109,.12);
border-radius:50%;
pointer-events:none;
}
/* =====================================================
EYEBROW
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow{
margin:0 0 18px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow .elementor-heading-title{
color:var(--gold) !important;
-webkit-text-fill-color:var(--gold) !important;
font-family:"Inter",sans-serif !important;
font-size:12px !important;
font-weight:600 !important;
letter-spacing:4px !important;
text-transform:uppercase;
}
/* =====================================================
TÍTULO
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title{
width:100%;
max-width:650px;
margin:0 0 28px !important;
}
/* Fuerza crema aunque Elementor tenga Global Color o color inline */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title .elementor-heading-title{
color:var(--cream) !important;
-webkit-text-fill-color:var(--cream) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title .elementor-heading-title{
margin:0 !important;
font-family:"Cormorant Garamond",serif !important;
font-size:clamp(62px,5.5vw,94px) !important;
font-weight:500 !important;
line-height:.88 !important;
letter-spacing:-.025em !important;
text-transform:uppercase;
text-shadow:0 2px 18px rgba(0,0,0,.12);
}
/* =====================================================
DESCRIPCIÓN
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text{
width:100%;
max-width:610px;
margin:0 0 36px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text p{
color:var(--cream-soft) !important;
-webkit-text-fill-color:var(--cream-soft) !important;
font-family:"Inter",sans-serif !important;
font-size:15px !important;
line-height:1.75 !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text p{
margin:0 !important;
}
/* =====================================================
BOTONES
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__actions{
width:auto !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:flex-start !important;
gap:16px !important;
}
/* Orden consistente */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary{
order:1;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp{
order:2;
}
/* Base */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button .elementor-button{
min-width:210px;
padding:17px 25px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
border-radius:0 !important;
font-family:"Inter",sans-serif !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:1.5px !important;
text-transform:uppercase;
box-shadow:none !important;
transition:
background .25s ease,
color .25s ease,
border-color .25s ease,
transform .25s ease !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button .elementor-button-text{
line-height:1.2 !important;
}
/* =====================================================
RESERVAR MESA
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button{
background:var(--gold) !important;
border:1px solid var(--gold) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button-text{
color:var(--navy-deep) !important;
-webkit-text-fill-color:var(--navy-deep) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button:hover{
background:var(--cream) !important;
border-color:var(--cream) !important;
transform:translateY(-2px);
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button:hover,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button:hover *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--primary .elementor-button:hover .elementor-button-text{
color:var(--navy-deep) !important;
-webkit-text-fill-color:var(--navy-deep) !important;
}
/* =====================================================
WHATSAPP — SIN VERDE
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button{
background:transparent !important;
border:1px solid var(--gold) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button .elementor-button-text{
color:var(--cream) !important;
-webkit-text-fill-color:var(--cream) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover{
background:var(--gold) !important;
border-color:var(--gold) !important;
transform:translateY(-2px);
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover .elementor-button-text{
color:var(--navy-deep) !important;
-webkit-text-fill-color:var(--navy-deep) !important;
}
/* Ícono WhatsApp */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button-icon,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button-icon i,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button-icon svg{
color:var(--gold) !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button-icon svg{
fill:currentColor !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover .elementor-button-icon,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover .elementor-button-icon i,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button--whatsapp .elementor-button:hover .elementor-button-icon svg{
color:var(--navy-deep) !important;
}
/* =====================================================
MEDIA DERECHA
===================================================== */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media{
position:relative;
width:100% !important;
max-width:none !important;
min-height:650px;
margin:0 !important;
padding:0 !important;
overflow:hidden;
background:#0d2636;
}
/* Curva de separación */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media::before{
content:"";
position:absolute;
z-index:3;
left:-1px;
top:0;
width:115px;
height:100%;
background:var(--navy-deep);
clip-path:ellipse(100% 75% at 0% 50%);
pointer-events:none;
}
/* Línea dorada */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media::after{
content:"";
position:absolute;
z-index:4;
left:22px;
top:0;
width:2px;
height:100%;
background:
linear-gradient(
transparent,
var(--gold) 12%,
var(--gold) 88%,
transparent
);
opacity:.75;
pointer-events:none;
}
/* Image widget */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image .elementor-widget-container,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image a{
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
}
/* Foto */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image img{
display:block;
width:100% !important;
height:650px !important;
margin:0 !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:0 !important;
}
/* =====================================================
TABLET
===================================================== */
@media(max-width:1024px){
.elementor-14 .elementor-element.elementor-element-1409894{
padding:50px 24px;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__frame{
grid-template-columns:55% 45% !important;
min-height:560px;
border-radius:4px 55px 4px 4px;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__content{
min-height:560px;
padding:60px 42px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title .elementor-heading-title{
font-size:60px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media{
min-height:560px;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image img{
height:560px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__actions{
width:100% !important;
gap:12px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button{
flex:1 1 0;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button .elementor-button{
width:100% !important;
min-width:0;
padding:15px 18px !important;
}
}
/* =====================================================
MOBILE
===================================================== */
@media(max-width:767px){
.elementor-14 .elementor-element.elementor-element-1409894{
padding:30px 16px;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__frame{
display:flex !important;
flex-direction:column !important;
min-height:0;
border-radius:3px 35px 3px 3px;
}
/* Imagen primero */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media{
order:1;
min-height:0;
aspect-ratio:4/3;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__content{
order:2;
min-height:0;
padding:46px 24px 50px !important;
}
/* En móvil quitamos la curva vertical */
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media::before,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__media::after{
display:none;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image .elementor-widget-container{
position:absolute;
inset:0;
width:100% !important;
height:100% !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow{
margin-bottom:14px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__eyebrow .elementor-heading-title{
font-size:10px !important;
letter-spacing:3px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title{
margin-bottom:22px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title .elementor-heading-title{
font-size:clamp(45px,13vw,58px) !important;
line-height:.9 !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text *,
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__text p{
font-size:14px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__actions{
width:100% !important;
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button{
width:100% !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__button .elementor-button{
width:100% !important;
min-width:0;
}
}
/* =====================================================
MOBILE PEQUEÑO
===================================================== */
@media(max-width:390px){
.elementor-14 .elementor-element.elementor-element-1409894{
padding-left:12px;
padding-right:12px;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__content{
padding:40px 20px 44px !important;
}
.elementor-14 .elementor-element.elementor-element-1409894 .lfr-menu-cta__title .elementor-heading-title{
font-size:43px !important;
}
}/* End custom CSS */