/* =========================================================================
   Bar-Restorant Spiranca · concept by KERA Tech Solutions
   Rebuilt section by section after 7portes.com (CSSDA Special Kudos):
   same modules, grid values, type scale (Spectral / Qwigley / Lato),
   past-present switch, column hovers, staggered gallery and footer.
   Palette shifted from aubergine-navy + gold to sea-navy + brass.
   ========================================================================= */
:root{
  --navy:#13263a; --navy-2:#1d3752; --gold:#a8874f; --gold-dk:#7a6236; --gold-script:#8f7646;
  --cream:#f7f4ee; --ink:#33373b; --white:#fff; --black:#000;
  --ease-sine:cubic-bezier(.37,0,.63,1);
  --deckle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0.0 1.6 L2.2 2.0 L4.3 1.5 L6.5 2.1 L8.7 1.3 L10.9 1.5 L13.0 2.2 L15.2 1.2 L17.4 2.2 L19.6 1.3 L21.7 2.1 L23.9 2.1 L26.1 1.4 L28.3 1.9 L30.4 2.0 L32.6 1.8 L34.8 1.5 L37.0 2.2 L39.1 1.4 L41.3 1.4 L43.5 2.2 L45.7 2.2 L47.8 2.0 L50.0 1.7 L52.2 2.0 L54.3 2.0 L56.5 1.6 L58.7 1.9 L60.9 1.9 L63.0 1.4 L65.2 1.5 L67.4 1.5 L69.6 1.3 L71.7 2.2 L73.9 2.2 L76.1 1.8 L78.3 1.6 L80.4 1.4 L82.6 1.6 L84.8 1.4 L87.0 1.3 L89.1 1.6 L91.3 1.8 L93.5 1.6 L95.7 1.8 L97.8 1.4 L100.0 1.3 L98.0 2.2 L98.3 4.3 L98.3 6.5 L97.7 8.7 L98.0 10.9 L98.6 13.0 L98.2 15.2 L98.0 17.4 L98.8 19.6 L97.8 21.7 L98.4 23.9 L98.2 26.1 L98.6 28.3 L98.0 30.4 L98.4 32.6 L98.4 34.8 L98.6 37.0 L98.6 39.1 L98.7 41.3 L98.1 43.5 L97.8 45.7 L98.7 47.8 L98.4 50.0 L97.8 52.2 L98.4 54.3 L98.5 56.5 L97.7 58.7 L98.1 60.9 L98.3 63.0 L98.5 65.2 L98.4 67.4 L97.7 69.6 L98.7 71.7 L98.1 73.9 L98.0 76.1 L97.8 78.3 L98.2 80.4 L98.0 82.6 L98.2 84.8 L98.6 87.0 L98.0 89.1 L97.9 91.3 L98.7 93.5 L98.7 95.7 L98.0 97.8 L98.1 100.0 L97.8 98.0 L95.7 98.3 L93.5 98.6 L91.3 98.5 L89.1 98.0 L87.0 97.8 L84.8 98.0 L82.6 98.1 L80.4 98.2 L78.3 98.2 L76.1 98.8 L73.9 98.6 L71.7 98.3 L69.6 97.7 L67.4 98.6 L65.2 98.5 L63.0 98.7 L60.9 97.8 L58.7 98.4 L56.5 98.8 L54.3 98.5 L52.2 98.4 L50.0 97.8 L47.8 97.9 L45.7 98.2 L43.5 98.0 L41.3 98.1 L39.1 98.6 L37.0 98.6 L34.8 97.9 L32.6 98.5 L30.4 97.8 L28.3 97.8 L26.1 98.2 L23.9 98.1 L21.7 98.4 L19.6 97.8 L17.4 97.7 L15.2 98.0 L13.0 97.9 L10.9 98.5 L8.7 97.8 L6.5 98.0 L4.3 98.5 L2.2 98.0 L0.0 98.3 L1.5 97.8 L1.5 95.7 L2.0 93.5 L2.0 91.3 L2.3 89.1 L1.3 87.0 L1.2 84.8 L2.1 82.6 L2.1 80.4 L1.5 78.3 L1.7 76.1 L1.9 73.9 L1.9 71.7 L2.2 69.6 L2.2 67.4 L1.3 65.2 L2.0 63.0 L1.3 60.9 L2.2 58.7 L1.3 56.5 L2.3 54.3 L2.0 52.2 L1.6 50.0 L1.7 47.8 L1.5 45.7 L1.9 43.5 L1.8 41.3 L1.3 39.1 L1.8 37.0 L1.6 34.8 L1.8 32.6 L1.9 30.4 L2.3 28.3 L2.0 26.1 L1.9 23.9 L1.9 21.7 L1.7 19.6 L1.8 17.4 L1.2 15.2 L1.5 13.0 L2.2 10.9 L2.2 8.7 L1.7 6.5 L1.7 4.3 L1.6 2.2Z' fill='%23000'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:62.5%;-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;font:400 1.6rem/1.5 "Lato",system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p,h1,h2,h3,blockquote,figure{margin:0}
h1,h2,h3{font-weight:400}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:1rem;top:-6rem;z-index:2000;background:var(--gold);color:#fff;padding:1rem 1.6rem;font-size:1.4rem;transition:top .2s}
.skip:focus{top:1rem}
.badge{display:block;width:100%;height:auto;color:inherit;overflow:visible}

/* ---------- shared atoms (buttons, link-line, arrows) ---------- */
.m-button1{width:max-content;padding:1rem 2rem;min-width:16rem;min-height:6rem;display:flex;justify-content:center;align-items:center;background:var(--gold);color:#fff;font:400 1.6rem/1.25 "Spectral",serif;text-align:center;transition:all .3s ease-in;position:relative;overflow:hidden}
@media (min-width:850px){.m-button1:hover{background:var(--gold-dk)}}
.m-button2{border:.1rem solid var(--gold);width:max-content;padding:1rem 2rem;min-width:16rem;min-height:6rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:var(--gold);font:900 1.3rem/1.38 "Lato",sans-serif;letter-spacing:.2rem;text-transform:uppercase;text-align:center;cursor:pointer}
.m-button2::before,.m-button2::after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:var(--gold);opacity:0;transition:.3s ease-in all}
.m-button2::after{left:auto;right:0}
.m-button2 span{position:relative;z-index:1}
@media (min-width:850px){.m-button2:hover{color:#fff}.m-button2:hover::before,.m-button2:hover::after{opacity:1;width:55%}}
.m-button2.white{border-color:#fff;color:#fff}
.m-button2.white::before,.m-button2.white::after{background:#fff}
@media (min-width:850px){.m-button2.white:hover{color:var(--navy)}}
.m-link-line{position:relative;display:inline-block;white-space:nowrap;font:900 1.2rem/1 "Lato",sans-serif;letter-spacing:.1rem;text-transform:uppercase;color:var(--gold-dk);padding:.9rem 0;cursor:pointer}
.m-link-line::before,.m-link-line::after{content:"";position:absolute;bottom:0;left:0;height:.1rem;background:currentColor}
.m-link-line::before{width:0;transition:width ease .4s}
.m-link-line::after{width:100%;transition:all ease .6s}
@media (min-width:800px){.m-link-line:hover::before{width:100%}.m-link-line:hover::after{left:100%;width:0;transition:all ease .2s}}
.m-link-line.w{color:#fff}
.arrows{display:flex;align-items:center;width:max-content}
.arrowL,.arrowR{position:relative;display:flex;width:3.6rem;height:1.6rem;color:#fff;transition:opacity .3s ease-in;cursor:pointer}
.arrowR{margin-left:1.1rem}
.arrowL::after,.arrowR::after{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 16'%3E%3Cpath d='M35 8H2M8.5 1.5L2 8l6.5 6.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/100% auto no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 16'%3E%3Cpath d='M35 8H2M8.5 1.5L2 8l6.5 6.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/100% auto no-repeat}
.arrowR::after{transform:scaleX(-1)}
.arrowL:hover,.arrowR:hover{opacity:.7}

/* =========================================================================
   HEADER
   ========================================================================= */
.mdl-header{position:fixed;top:0;left:0;width:100%;z-index:99;color:#fff;padding:4rem 3.2rem 0 4rem;transition:all .3s ease-in}
.mdl-header .mdl-container{display:flex;justify-content:space-between;align-items:flex-start}
.mdl-header .m-header-logo{display:flex;width:18.6rem;transition:.3s ease-in all;color:#fff}
.mdl-header .m-content{display:flex;align-items:center;justify-content:flex-end}
.mdl-header .m-header-links{display:flex;align-items:center;justify-content:flex-end;font-family:"Spectral",serif}
.mdl-header .m-phone{display:flex;align-items:center;font-size:1.6rem;line-height:1;padding-right:3.4rem;border-right:.1rem solid #fff}
.mdl-header .m-phone svg{width:2rem;height:2rem;margin-right:.8rem}
.mdl-header .m-link{border-bottom:.1rem solid #fff;font-weight:600;font-size:1.3rem;line-height:1.54;margin-left:3.4rem}
@media (min-width:900px){.mdl-header .m-link:hover,.mdl-header .m-menu:hover{opacity:.8}}
.mdl-header .m-header-links .m-button1{min-height:6rem;min-width:18rem;margin:0 2.4rem 0 3.4rem}
.mdl-header .m-menu{display:flex;align-items:center;font:600 1.8rem/1.11 "Spectral",serif}
.mdl-header .m-menu .ic-desk{width:1.4rem;height:.8rem;margin-right:.8rem}
.mdl-header .m-menu .ic-mbl{display:none}
.mdl-header.sticky{background:var(--navy);padding:1.6rem 3.2rem 1.6rem 2.4rem}
.mdl-header.sticky .mdl-container{align-items:center}
.mdl-header.sticky .m-header-logo{width:9rem}
.language{position:relative;margin-right:3rem}
.language .lang-selected{display:flex;align-items:center;font:600 1.6rem/1 "Spectral",serif;text-transform:uppercase}
.language .lang-selected svg{width:1.1rem;height:.8rem;margin-left:.6rem;transition:.3s ease all}
.language .lang-submenu{position:absolute;left:50%;top:calc(100% + 1.2rem);transform:translateX(-50%);background:#fff;color:var(--navy);border-radius:.8rem;padding:1.4rem 0;width:max-content;opacity:0;visibility:hidden;transition:opacity .2s ease .1s,visibility 0s .3s;box-shadow:0 2rem 4rem rgba(0,0,0,.1);z-index:5}
.language .lang-submenu::before{content:"";position:absolute;top:0;left:50%;width:1rem;height:1rem;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.language .lang-item{display:block;width:100%;padding:.7rem 2.8rem;font:400 1.6rem/1.2 "Spectral",serif;text-align:left}
.language .lang-item:hover,.language .lang-item[aria-current="true"]{color:var(--gold)}
.language:hover .lang-submenu,.language.open .lang-submenu,.language:focus-within .lang-submenu{opacity:1;visibility:visible;transition:opacity .2s ease}
.language:hover .lang-selected svg,.language.open .lang-selected svg{transform:rotate(180deg)}
@media (max-width:1100px){
  .mdl-header{padding:3.8rem 4rem 1rem 4.5rem}
  .mdl-header.sticky{padding:1rem 4rem 1rem 6.5rem}
  .mdl-header .m-header-logo{width:13.3rem}
  .mdl-header.sticky .m-header-logo{width:9.2rem}
  .mdl-header .m-phone,.mdl-header .m-link{display:none}
  .mdl-header .m-header-links .m-button1{margin:0 3.2rem 0 0}
}
@media (max-width:850px){.mdl-header{padding:2rem 3rem 0}.mdl-header.sticky{padding:1rem 3rem}}
@media (max-width:551px){
  .mdl-header{padding:1.7rem 2rem}
  .mdl-header .mdl-container{align-items:center}
  .mdl-header .m-header-logo{width:10.6rem}
  .mdl-header .m-header-links .m-button1,.mdl-header .language{display:none}
  .mdl-header .m-menu span,.mdl-header .m-menu .ic-desk{display:none}
  .mdl-header .m-menu .ic-mbl{display:block;width:3.2rem;height:3.2rem}
  .mdl-header.sticky{padding:0}
  .mdl-header.sticky .m-header-logo{display:none}
  .mdl-header.sticky .m-content,.mdl-header.sticky .m-header-links{width:100%}
  .mdl-header.sticky .m-phone{display:flex;justify-content:center;width:6.2rem;height:6.2rem;border:0;padding:0}
  .mdl-header.sticky .m-phone span{display:none}
  .mdl-header.sticky .m-phone svg{width:2.6rem;height:2.6rem;margin:0}
  .mdl-header.sticky .m-header-links .m-button1{display:flex;min-height:6.2rem;width:calc(100% - 12.4rem);min-width:0;margin:0}
  .mdl-header.sticky .m-menu{width:6.2rem;justify-content:center}
  .mdl-header.sticky .m-menu .ic-mbl{width:2.6rem;height:2.6rem}
}

/* =========================================================================
   OVERLAY MENU
   ========================================================================= */
.mdl-menu{position:fixed;top:-100vh;right:0;width:100vw;height:100vh;z-index:999;visibility:hidden;transition:top .4s ease,visibility 0s .4s}
.mdl-menu.active{top:0;visibility:visible;transition:top .4s ease}
.mdl-menu .modal{position:absolute;inset:0;background:var(--navy);color:#fff;display:flex;justify-content:space-between;overflow-y:auto}
.mdl-menu .m-icon-close{display:none}
.mdl-menu .content{display:flex;flex-direction:column;width:45%;padding:4rem 4rem 9.7rem;max-height:100%;overflow-y:auto}
.mdl-menu .m-menu-logo{display:flex;width:18.6rem;margin-bottom:9rem;color:#fff}
.mdl-menu .rowMbl{display:none}
.mdl-menu .links-menu{display:flex;flex-direction:column;align-items:flex-start;padding-left:5vw;margin-bottom:6rem}
.mdl-menu .link-menu-item{margin:1.1rem 0;font:400 3rem/3.5rem "Spectral",serif;letter-spacing:-.1rem;transition:.3s ease}
.mdl-menu .link-menu-item:hover,.mdl-menu .link-menu-item:focus-visible{color:var(--gold)}
.mdl-menu .m-final{margin-top:auto}
.mdl-menu .m-rrss{padding-left:5vw;display:flex;gap:3.2rem}
.mdl-menu .m-rrss a{display:flex;height:3rem;width:3rem;opacity:.5;transition:opacity .3s}
.mdl-menu .m-rrss a:hover{opacity:1}
.mdl-menu .m-rrss svg{width:100%;height:100%}
.mdl-menu .mblInfo{display:none}
.mdl-menu .bg-images{position:relative;width:55%;min-height:100%}
.mdl-menu .menu-img{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in;z-index:1}
.mdl-menu .menu-img.active{opacity:1}
.mdl-menu .menu-img img{width:100%;height:100%;object-fit:cover}
.mdl-menu .bg-images .header{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-end;padding:2rem 3rem 2rem 1rem}
.mdl-menu .bg-images .m-button1{min-width:18rem;margin:0 2.4rem 0 0}
.mdl-menu .m-close{display:flex;align-items:center;font:600 1.8rem/1.11 "Spectral",serif;color:#fff}
.mdl-menu .m-close svg{width:1.4rem;height:1.4rem;margin-right:.8rem}
.mdl-menu .m-info{position:absolute;bottom:0;right:0;z-index:2;width:51.2rem;max-width:100%;height:56.6rem;padding:6rem 4rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}
.mdl-menu .m-info::after{content:"";position:absolute;inset:0;background:linear-gradient(309.66deg,rgba(0,0,0,.8) 6.66%,transparent 51.29%);z-index:-1}
.mdl-menu .m-info p,.mdl-menu .mblInfo p{display:flex;font:500 1.4rem/2.4rem "Lato",sans-serif;width:32.7rem;max-width:100%}
.mdl-menu .m-info p + p{margin-top:2rem}
.mdl-menu .m-info svg,.mdl-menu .mblInfo svg{flex:0 0 3rem;height:3rem;margin-right:1.9rem}
@media (max-width:1500px){.mdl-menu .links-menu,.mdl-menu .m-rrss{padding-left:0}}
@media (max-width:1100px){
  .mdl-menu .content{padding:3.8rem 4rem 4rem 4.5rem}
  .mdl-menu .m-menu-logo{width:13.3rem;margin-bottom:3.7rem}
  .mdl-menu .link-menu-item{margin:1rem 0}
  .mdl-menu .bg-images .m-button1{display:none}
  .mdl-menu .bg-images .header{padding:6rem 4rem}
  .mdl-menu .m-info{padding:3.2rem 2.5rem;width:40.2rem;height:32.2rem}
  .mdl-menu .rowMbl{display:flex;margin-bottom:2rem}
}
@media (max-width:551px){
  .mdl-menu .m-icon-close{display:block;position:absolute;top:2.6rem;right:2rem;width:2.4rem;height:2.4rem;color:#fff;z-index:3}
  .mdl-menu .content{width:100%;padding:1.7rem 2rem 4.2rem;max-height:none;min-height:100%}
  .mdl-menu .m-menu-logo{width:10.6rem;margin-bottom:1.8rem}
  .mdl-menu .links-menu{margin-bottom:3.4rem}
  .mdl-menu .link-menu-item{margin:.6rem 0;font:400 2.5rem/4.2rem "Spectral",serif}
  .mdl-menu .m-final{padding-top:3.4rem;border-top:.1rem solid rgba(255,255,255,.6)}
  .mdl-menu .m-rrss a{opacity:1;height:2.5rem;width:2.5rem}
  .mdl-menu .mblInfo{display:block;margin-top:3rem}
  .mdl-menu .mblInfo p + p{margin-top:2rem}
  .mdl-menu .bg-images{display:none}
}
.rowMbl{align-items:center;gap:2rem;font:400 1.6rem/1 "Spectral",serif}
.rowMbl a{display:flex;align-items:center;gap:.8rem}
.rowMbl svg{width:2rem;height:2rem}
.lang-inline{display:flex;gap:.4rem}
.lang-inline button{padding:.6rem .9rem;border:.1rem solid rgba(255,255,255,.4);font:600 1.3rem/1 "Lato",sans-serif;letter-spacing:.1rem}
.lang-inline button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold)}

/* =========================================================================
   HERO
   ========================================================================= */
.mdl-heroHome{min-height:100vh;height:100vh;color:#fff;width:100%;position:relative;overflow:hidden;background:var(--navy)}
.sliderHeroHome{position:absolute;inset:0;z-index:1;overflow:hidden;transition:opacity .3s ease-in,filter .3s ease-in}
.sliderHeroHome::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(19,38,58,.55) 0%,rgba(19,38,58,0) 25.11%),linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,.24))}
.sliderHeroHome .m-grid{height:100%;width:100%;display:flex;will-change:transform}
.sliderHeroHome .m-slide{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden}
.sliderHeroHome .m-slide img{width:100%;height:100%;object-fit:cover}
.sliderHeroHome .arrows{position:absolute;z-index:4;bottom:3rem;right:5.4rem}
.sliderHeroHome.past{opacity:0;pointer-events:none;background:#000}
.sliderHeroHome.past .m-grid{opacity:.6}
.sliderHeroHome.past::after{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 30.89%)}
.mdl-heroHome .m-content{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;height:calc(100% - 7rem);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none}
.mdl-heroHome .m-content > *{pointer-events:auto}
.mdl-heroHome .m-pretitle{margin-bottom:2.1rem;font:400 5rem/5rem "Qwigley",cursive;max-width:91rem}
.mdl-heroHome .m-content .m-title{font:400 8rem/8rem "Spectral",serif;letter-spacing:-.1rem;max-width:91rem;margin:0 auto;text-wrap:balance}
.mdl-heroHome .m-content .m-button2{padding:0 4rem;margin-top:3.7rem}
.mdl-heroHome .m-content .m-link-line,.mdl-heroHome .m-content .m-button1{display:none}
.mdl-heroHome .m-play{position:absolute;top:50%;right:6.7rem;width:9.2rem;height:9.2rem;border-radius:50%;background:rgba(19,38,58,.3);display:flex;align-items:center;justify-content:center;z-index:3;transition:background .3s ease-in,opacity .3s ease-in}
.mdl-heroHome .m-play:hover{background:rgba(19,38,58,.6)}
.mdl-heroHome .m-play svg{width:2rem;height:2.2rem;margin-left:.6rem;color:#fff}
.mdl-heroHome .m-selector{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3;width:51.4rem;max-width:100%;padding:2.5rem 3rem .9rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.mdl-heroHome .m-selector::before{content:"";position:absolute;top:0;left:0;width:100%;height:200%;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.mdl-heroHome .m-selector .m-title{font:400 2.4rem/1.25 "Spectral",serif;letter-spacing:-.1rem;position:relative}
.mdl-heroHome .m-selector .m-text{font:400 1.2rem/1.8rem "Lato",sans-serif;letter-spacing:.05rem;margin-top:.6rem;position:relative}
.mdl-heroHome .m-selector .m-note{margin-top:1.1rem;font:400 1.2rem/1.8rem "Lato",sans-serif;letter-spacing:.05rem;height:1.8rem;position:relative}
.mdl-heroHome .m-selector .m-select{font:400 2.4rem/3rem "Spectral",serif;letter-spacing:-.1rem;margin-top:2.1rem;display:flex;align-items:center;position:relative}
.switch{position:relative;display:inline-block;margin:0 2rem;width:8.3rem;height:3.6rem;border:.2rem solid #fff;border-radius:4rem}
.switch .slider{position:absolute;inset:0}
.switch .slider::before{content:"";position:absolute;width:1.8rem;height:1.8rem;bottom:.7rem;left:calc(100% - .7rem - 1.8rem);background:#fff;border-radius:50%;transition:all .3s ease-in}
.mdl-heroHome .m-colorSelector{position:absolute;z-index:3;top:50%;left:3.9rem;transform:translateY(-50%);display:none;flex-direction:column;gap:2.5rem}
.colorOption{position:relative;width:2.6rem;height:2.6rem;border-radius:50%}
.colorOption.bw{background:linear-gradient(135deg,#f2f2f2 0 45%,#3a3a3a 55% 100%)}
.colorOption.color{background:conic-gradient(#d9a24a,#c8553d,#3f7fa6,#5b9a6b,#d9a24a)}
.colorOption::before{content:"";position:absolute;top:50%;left:50%;width:4rem;height:4rem;border:.2rem solid #fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in}
.colorOption.active::before{opacity:1}
/* past mode on the hero */
.is-past .sliderHeroHome.present,.is-pastColor .sliderHeroHome.present{opacity:0;pointer-events:none}
.is-past .sliderHeroHome.past,.is-pastColor .sliderHeroHome.past{opacity:1;pointer-events:auto}
.is-past .sliderHeroHome.past{filter:grayscale(100%)}
.is-past .mdl-heroHome,.is-pastColor .mdl-heroHome{background:#000}
.is-past .mdl-heroHome .m-colorSelector,.is-pastColor .mdl-heroHome .m-colorSelector{display:flex}
.is-past .mdl-heroHome .m-play,.is-pastColor .mdl-heroHome .m-play{opacity:0;pointer-events:none}
.is-past .switch .slider::before,.is-pastColor .switch .slider::before{left:.7rem}
@media (min-width:769px) and (max-height:650px){
  .mdl-heroHome .m-pretitle{margin-bottom:0}
  .mdl-heroHome .m-content .m-title{font-size:6.4rem;line-height:6.6rem}
  .mdl-heroHome .m-content .m-button2{margin-top:2rem}
}
@media (max-width:1100px){
  .mdl-heroHome .m-pretitle{font-size:4.5rem;max-width:56rem;margin-bottom:1rem}
  .mdl-heroHome .m-content .m-title{font:400 5rem/5.2rem "Spectral",serif;width:calc(100% - 8rem);max-width:56rem}
  .mdl-heroHome .m-content .m-button2{margin-top:2.4rem}
  .sliderHeroHome .arrows{bottom:4.5rem;right:4.5rem}
  .mdl-heroHome .m-play{right:4.5rem}
}
@media (max-width:850px){
  .mdl-heroHome .m-play{position:static;margin:0 0 3rem;width:7rem;height:7rem}
  .sliderHeroHome .arrows{display:none}
}
@media (max-width:551px){
  .mdl-heroHome{height:100svh;min-height:60rem}
  .mdl-heroHome .m-content{top:auto;bottom:21rem;height:auto}
  .mdl-heroHome .m-pretitle{font-size:4rem;max-width:calc(100% - 4rem);margin-bottom:0}
  .mdl-heroHome .m-content .m-title{font:400 4rem/4.2rem "Spectral",serif;width:calc(100% - 4rem)}
  .mdl-heroHome .m-content .m-button2{display:none}
  .mdl-heroHome .m-content .m-link-line{display:inline-block;margin-top:2rem}
  .mdl-heroHome .m-content .m-button1{display:flex;width:calc(100% - 4rem);margin:3.6rem auto 0}
  .mdl-heroHome .m-colorSelector{top:10rem;left:auto;right:2rem;transform:none}
  .mdl-heroHome .m-selector{padding:1.6rem 3rem .6rem}
  .mdl-heroHome .m-selector .m-select{margin-top:1.2rem}
}
@media (max-width:551px) and (max-height:720px){.mdl-heroHome .m-content{bottom:18rem}.mdl-heroHome .m-play{margin-bottom:1.6rem}.mdl-heroHome .m-content .m-button1{margin-top:2rem}}
@media (max-width:365px){.mdl-heroHome .m-pretitle{font-size:3.2rem}.mdl-heroHome .m-content .m-title{font-size:3.2rem;line-height:3.4rem}}

/* =========================================================================
   STORY  (texto + imagen)
   ========================================================================= */
.mdl-textoImg{background:var(--cream);color:var(--ink);overflow:hidden;transition:background-color .3s ease-in,color .3s ease-in}
.mdl-textoImg .mdl-container{display:flex;max-width:105.5rem;margin:0 auto;width:calc(100% - 8rem)}
.mdl-textoImg .m-content{padding:4rem 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:47.5%;margin-right:-10rem;z-index:1}
.mdl-textoImg .m-pretitle{font:400 5rem/5rem "Qwigley",cursive;color:var(--gold-dk);width:calc(100% + 10rem);text-align:center}
.mdl-textoImg .m-title{font:400 8rem/8rem "Spectral",serif;letter-spacing:-.1rem;color:var(--gold);margin:0 0 3.9rem;transition:color .3s ease-in}
.mdl-textoImg .m-text{font:400 2rem/3rem "Lato",sans-serif;letter-spacing:.05rem}
.mdl-textoImg .m-text p + p{margin-top:1.6rem}
.mdl-textoImg .m-imgBox{width:57%;height:76.6rem;position:relative;z-index:0}
.mdl-textoImg .m-img{position:absolute;top:0;left:0;width:60vw;height:100%;overflow:hidden}
.mdl-textoImg .m-img img{width:100%;height:116%;object-fit:cover;object-position:50% 40%;transition:filter .3s ease-in}
.mdl-textoImg .m-img::after{content:"";position:absolute;top:0;left:-.1rem;width:100%;height:100%;background:linear-gradient(to right,var(--cream) 10%,rgba(247,244,238,0) 35%),linear-gradient(to top,var(--cream) 16%,rgba(247,244,238,0) 30%);transition:opacity .3s ease-in}
.is-past .mdl-textoImg,.is-pastColor .mdl-textoImg{background:#fff;color:#000}
.is-past .mdl-textoImg .m-title,.is-pastColor .mdl-textoImg .m-title,.is-past .mdl-textoImg .m-pretitle,.is-pastColor .mdl-textoImg .m-pretitle{color:#000}
.is-past .mdl-textoImg .m-img img{filter:grayscale(1) contrast(1.35) brightness(1.05)}
.is-pastColor .mdl-textoImg .m-img img{filter:sepia(.35)}
.is-past .mdl-textoImg .m-img::after,.is-pastColor .mdl-textoImg .m-img::after{background:linear-gradient(to right,#fff 10%,rgba(255,255,255,0) 35%),linear-gradient(to top,#fff 16%,rgba(255,255,255,0) 30%)}
@media (max-width:1100px){
  .mdl-textoImg .mdl-container{justify-content:space-between}
  .mdl-textoImg .m-content{width:40%;max-width:37.5rem;margin-right:0}
  .mdl-textoImg .m-pretitle{font:400 4.5rem/4rem "Qwigley",cursive;width:100%}
  .mdl-textoImg .m-title{font:400 5rem/5.2rem "Spectral",serif;margin:0 0 3.2rem}
  .mdl-textoImg .m-text{font-size:1.8rem}
  .mdl-textoImg .m-imgBox{width:60%;height:60rem}
  .mdl-textoImg .m-img{left:-5rem;width:65vw}
}
@media (max-width:850px){
  .mdl-textoImg{padding:5.5rem 0}
  .mdl-textoImg .mdl-container{width:calc(100% - 6rem)}
  .mdl-textoImg .m-content{width:60%;margin-right:-10%}
  .mdl-textoImg .m-imgBox{margin-left:-10%;width:60%;height:50rem}
  .mdl-textoImg .m-img{left:-5rem;width:70vw}
}
@media (max-width:551px){
  .mdl-textoImg{padding:5.2rem 0 0}
  .mdl-textoImg .mdl-container{width:calc(100% - 4rem);flex-direction:column}
  .mdl-textoImg .m-content{text-align:center;padding:0;width:100%;margin:0;align-items:center}
  .mdl-textoImg .m-pretitle{font-size:4rem}
  .mdl-textoImg .m-title{font:400 4rem/4.2rem "Spectral",serif;margin:0 auto 2rem}
  .mdl-textoImg .m-text{font-size:1.6rem;line-height:2.6rem}
  .mdl-textoImg .m-imgBox{margin:2rem 0 -.3rem;width:100%;height:30rem}
  .mdl-textoImg .m-img{left:50%;transform:translateX(-50%);width:150vw}
  .mdl-textoImg .m-img::after{background:linear-gradient(to bottom,var(--cream) 0,rgba(247,244,238,0) 25%)}
}

/* =========================================================================
   D E T I  (destacado home: four hover columns)
   ========================================================================= */
.mdl-destacadoHome{width:100%;color:#fff;background:var(--navy);padding-bottom:10rem;transition:background-color .3s ease-in;overflow:hidden}
.mdl-destacadoHome .mdl-container{max-width:168rem;width:100%;margin:0 auto}
.mdl-destacadoHome .sliderDestacado{width:100%;height:80rem;overflow:hidden}
.mdl-destacadoHome .m-grid{display:flex;height:100%}
.mdl-destacadoHome .m-slide{position:relative;height:100%;width:25%;display:flex;justify-content:center;align-items:flex-start;cursor:pointer;outline-offset:-4px}
.mdl-destacadoHome .m-slide::before{content:"";position:absolute;top:0;left:0;width:.1rem;height:100%;z-index:3;background:linear-gradient(180deg,var(--navy) 0%,rgba(19,38,58,0) 15.62%,rgba(19,38,58,0) 84.37%,var(--navy) 100%),var(--gold)}
.mdl-destacadoHome .m-letter{position:relative;z-index:2;text-transform:uppercase;font:400 30rem/7rem "Spectral",serif;letter-spacing:-.1rem;color:transparent;-webkit-text-stroke:.2rem var(--gold);display:flex;align-items:center;transition:color .3s ease-in}
.mdl-destacadoHome .m-slide:nth-child(1) .m-letter{margin-top:16rem}
.mdl-destacadoHome .m-slide:nth-child(2) .m-letter{margin-top:29.5rem}
.mdl-destacadoHome .m-slide:nth-child(3) .m-letter{margin-top:23rem}
.mdl-destacadoHome .m-slide:nth-child(4) .m-letter{margin-top:15.1rem}
.mdl-destacadoHome .m-slide-hover{position:absolute;inset:0;z-index:1;opacity:0;transition:all .3s ease-in;padding:6.7rem 3.8rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}
.mdl-destacadoHome .m-slide-hover .m-img{position:absolute;inset:0;z-index:1;transition:all .3s ease-in}
.mdl-destacadoHome .m-slide-hover .m-img img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in}
.mdl-destacadoHome .m-slide-hover .m-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--navy) 9.13%,rgba(19,38,58,0) 58.82%)}
.mdl-destacadoHome .m-slide-hover .m-title{position:relative;z-index:2;font:400 5rem/5.5rem "Spectral",serif;letter-spacing:-.1rem;color:var(--gold)}
.mdl-destacadoHome .m-slide-hover .m-text{position:relative;z-index:2;font:400 1.8rem/2.8rem "Lato",sans-serif;letter-spacing:.05rem;margin-top:1rem}
.mdl-destacadoHome .m-slide-hover .m-link-line{position:relative;z-index:2;margin-top:2rem;color:var(--gold)}
@media (min-width:1025px){
  .mdl-destacadoHome .m-slide:hover .m-letter,.mdl-destacadoHome .m-slide:focus-within .m-letter{color:var(--gold);-webkit-text-stroke:0 transparent}
  .mdl-destacadoHome .m-slide:hover .m-slide-hover,.mdl-destacadoHome .m-slide:focus-within .m-slide-hover{opacity:1}
}
.mdl-destacadoHome .sliderBullets{display:none}
.is-past .mdl-destacadoHome,.is-pastColor .mdl-destacadoHome{background:#000}
.is-past .mdl-destacadoHome .m-slide::before,.is-pastColor .mdl-destacadoHome .m-slide::before{background:#fff}
.is-past .mdl-destacadoHome .m-letter,.is-pastColor .mdl-destacadoHome .m-letter{-webkit-text-stroke-color:#fff}
.is-past .mdl-destacadoHome .m-slide:hover .m-letter,.is-pastColor .mdl-destacadoHome .m-slide:hover .m-letter{color:#fff}
.is-past .mdl-destacadoHome .m-slide-hover .m-title,.is-pastColor .mdl-destacadoHome .m-slide-hover .m-title,.is-past .mdl-destacadoHome .m-slide-hover .m-link-line,.is-pastColor .mdl-destacadoHome .m-slide-hover .m-link-line{color:#fff}
.is-past .mdl-destacadoHome .m-slide-hover .m-img img{filter:grayscale(100%)}
.is-past .mdl-destacadoHome .m-slide-hover .m-img::after,.is-pastColor .mdl-destacadoHome .m-slide-hover .m-img::after{background:linear-gradient(360deg,#000 14%,transparent 38.56%)}
@media (max-width:1100px){
  .mdl-destacadoHome{padding-bottom:2.2rem}
  .mdl-destacadoHome .sliderDestacado{height:68rem;overflow:visible}
  .mdl-destacadoHome .m-grid{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc(50% - 19.2rem);height:66rem}
  .mdl-destacadoHome .m-grid::-webkit-scrollbar{display:none}
  .mdl-destacadoHome .m-slide{flex:0 0 38.4rem;width:38.4rem;scroll-snap-align:center}
  .mdl-destacadoHome .m-slide .m-letter,.mdl-destacadoHome .m-slide:nth-child(n) .m-letter{position:absolute;top:12.4rem;left:50%;transform:translateX(-50%);margin:0;font-size:18rem;color:var(--gold);-webkit-text-stroke:0 transparent}
  .mdl-destacadoHome .m-slide-hover{opacity:1}
  .mdl-destacadoHome .m-slide-hover .m-img::after{background:linear-gradient(360deg,var(--navy) 14%,rgba(19,38,58,0) 52.12%)}
  .mdl-destacadoHome .m-slide-hover .m-text{font-size:1.6rem;line-height:2.6rem;margin-top:1.5rem}
  .mdl-destacadoHome .m-slide-hover .m-link-line{margin-top:1.5rem}
  .mdl-destacadoHome .sliderBullets{display:flex;justify-content:center;gap:2.5rem;margin:1.6rem auto 0;padding:0 2rem;overflow-x:auto;scrollbar-width:none}
  .mdl-destacadoHome .sliderBullets .m-slide{all:unset;flex:0 0 auto;padding:1rem .4rem 0;border-top:.1rem solid rgba(168,135,79,.4);font:400 2.2rem/3rem "Spectral",serif;letter-spacing:-.1rem;color:rgba(168,135,79,.6);cursor:pointer;transition:all .3s ease-in}
  .mdl-destacadoHome .sliderBullets .m-slide.active{color:var(--gold);border-top-color:var(--gold)}
  .is-past .mdl-destacadoHome .m-letter{color:#fff}
}
@media (max-width:551px){
  .mdl-destacadoHome{padding-bottom:3.6rem}
  .mdl-destacadoHome .sliderDestacado{height:62rem}
  .mdl-destacadoHome .m-grid{height:62rem;padding:0}
  .mdl-destacadoHome .m-slide{flex:0 0 100%;width:100%}
  .mdl-destacadoHome .m-slide::before{display:none}
  .mdl-destacadoHome .m-slide-hover{padding:5.8rem 3.2rem}
  .mdl-destacadoHome .m-slide-hover .m-title{font:400 3.5rem/4.2rem "Spectral",serif}
  .mdl-destacadoHome .m-slide-hover .m-text{font-size:1.5rem;line-height:2.5rem}
  .mdl-destacadoHome .sliderBullets{justify-content:flex-start;gap:2rem}
  .mdl-destacadoHome .sliderBullets .m-slide{font-size:1.9rem}
}

/* =========================================================================
   KITCHEN  (destacado x2 vertical)
   ========================================================================= */
.mdl-destacadoX2v{background:var(--cream);color:var(--ink);padding-bottom:10.6rem;transition:background-color .3s ease-in,color .3s ease-in;overflow:hidden}
.mdl-destacadoX2v .mdl-container{max-width:125.5rem;margin:0 auto;width:calc(100% - 8rem)}
.mdl-destacadoX2v .m-header{position:relative;padding-top:10.1rem;display:flex;z-index:1;justify-content:space-between;align-items:flex-start}
.mdl-destacadoX2v .m-header::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:calc(100% + 8.5rem);background:var(--navy);z-index:1;transition:background-color .3s ease-in}
.mdl-destacadoX2v .m-header .m-col{position:relative;z-index:2;width:calc(50% - 4.7rem)}
.mdl-destacadoX2v .m-header .m-pretitle{font:400 5rem/5rem "Qwigley",cursive;margin-right:16.1rem;text-align:right;color:var(--gold-script)}
.mdl-destacadoX2v .m-header .m-title{font:400 8rem/1 "Spectral",serif;letter-spacing:-.1rem;color:var(--gold)}
.mdl-destacadoX2v .m-header .m-text{padding-top:7rem;font:400 2rem/3rem "Lato",sans-serif;letter-spacing:.05rem;color:#fff}
.mdl-destacadoX2v .m-items{position:relative;z-index:2;margin-top:2.7rem}
.mdl-destacadoX2v .m-item:first-child{display:flex;width:100%}
.mdl-destacadoX2v .m-item .m-content{display:flex;flex-direction:column}
.mdl-destacadoX2v .m-item .m-content .m-title{font:400 5rem/5.5rem "Spectral",serif;letter-spacing:-.1rem;color:var(--gold);margin-bottom:2rem;transition:color .3s ease-in}
.mdl-destacadoX2v .m-item .m-content .m-text{font:400 1.6rem/2.5rem "Lato",sans-serif;letter-spacing:.05rem}
.mdl-destacadoX2v .m-item .m-content .m-link-line{margin-top:3rem;align-self:inherit}
.mdl-destacadoX2v .m-item:first-child .m-content{flex:0 0 auto;max-width:42.5rem;width:40%;margin:0 3.9rem 0 7.5rem;justify-content:center;align-items:flex-end;text-align:right}
.mdl-destacadoX2v .m-slidersBox{position:relative;width:100%;height:56rem}
.mdl-destacadoX2v .m-slidersBox .arrows{position:absolute;z-index:3;bottom:-3.1rem;right:45.7rem;color:var(--gold-dk)}
.mdl-destacadoX2v .m-slidersBox .arrowL,.mdl-destacadoX2v .m-slidersBox .arrowR{color:var(--gold-dk)}
.mdl-destacadoX2v .slider1,.mdl-destacadoX2v .slider2{position:absolute;overflow:hidden;z-index:1}
.mdl-destacadoX2v .slider1{top:0;left:0;height:100%;width:calc(100% - 11rem)}
.mdl-destacadoX2v .slider2{bottom:-16.3rem;right:0;height:28.1rem;width:43.2rem}
.mdl-destacadoX2v .slider1 .m-grid,.mdl-destacadoX2v .slider2 .m-grid{display:flex;height:100%;width:100%;will-change:transform}
.mdl-destacadoX2v .m-slide{flex:0 0 100%;min-width:0;height:100%;overflow:hidden}
.mdl-destacadoX2v .m-slide img,.mdl-destacadoX2v .m-item .m-img img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in}
.mdl-destacadoX2v .m-item:last-child{display:flex;margin-top:-3.6rem;width:100%}
.mdl-destacadoX2v .m-item:last-child .m-img{position:relative;width:48.5%;height:60.8rem;flex:0 0 auto;overflow:hidden}
.mdl-destacadoX2v .m-item:last-child .m-content{max-width:50rem;width:45%;margin:0 auto 0 3.9rem;justify-content:flex-end;align-items:flex-start;text-align:left;padding-bottom:8.7rem}
.is-past .mdl-destacadoX2v,.is-pastColor .mdl-destacadoX2v{background:#fff;color:#000}
.is-past .mdl-destacadoX2v .m-header::before,.is-pastColor .mdl-destacadoX2v .m-header::before{background:#000}
.is-past .mdl-destacadoX2v .m-header .m-pretitle,.is-past .mdl-destacadoX2v .m-header .m-title,.is-pastColor .mdl-destacadoX2v .m-header .m-pretitle,.is-pastColor .mdl-destacadoX2v .m-header .m-title{color:#fff}
.is-past .mdl-destacadoX2v .m-item .m-content .m-title,.is-pastColor .mdl-destacadoX2v .m-item .m-content .m-title,.is-past .mdl-destacadoX2v .m-link-line,.is-pastColor .mdl-destacadoX2v .m-link-line{color:#000}
.is-past .mdl-destacadoX2v img{filter:grayscale(100%)}
.is-past .mdl-destacadoX2v .m-slidersBox .arrowL,.is-past .mdl-destacadoX2v .m-slidersBox .arrowR,.is-pastColor .mdl-destacadoX2v .m-slidersBox .arrowL,.is-pastColor .mdl-destacadoX2v .m-slidersBox .arrowR{color:#000}
.is-past .deckle,.is-pastColor .deckle{-webkit-mask:var(--deckle) center/100% 100% no-repeat;mask:var(--deckle) center/100% 100% no-repeat}
@media (max-width:1150px){.mdl-destacadoX2v .m-slidersBox .arrows{right:38rem}.mdl-destacadoX2v .slider2{width:36rem}}
@media (max-width:1100px){
  .mdl-destacadoX2v{padding-bottom:7.6rem}
  .mdl-destacadoX2v .mdl-container{width:calc(100% - 9rem)}
  .mdl-destacadoX2v .m-header{align-items:flex-end;padding-top:7.8rem}
  .mdl-destacadoX2v .m-header .m-col{width:56.2%}
  .mdl-destacadoX2v .m-header .m-col:first-child{width:42.35%}
  .mdl-destacadoX2v .m-header .m-pretitle{font-size:4.5rem;margin:0 0 0 6rem;text-align:left}
  .mdl-destacadoX2v .m-header .m-title{font:400 5rem/5.2rem "Spectral",serif}
  .mdl-destacadoX2v .m-header .m-text{padding-top:0;font-size:1.8rem}
  .mdl-destacadoX2v .m-items{margin-top:5rem}
  .mdl-destacadoX2v .m-item:first-child .m-content{width:42.35%;margin:0 1.9rem 0 0;padding-bottom:4.6rem;justify-content:flex-end}
  .mdl-destacadoX2v .m-item .m-content .m-title{font:400 4.5rem/5.2rem "Spectral",serif}
  .mdl-destacadoX2v .m-slidersBox{width:56.2%;height:40.7rem}
  .mdl-destacadoX2v .m-slidersBox .arrows{bottom:-3rem;right:34.8rem}
  .mdl-destacadoX2v .slider1{width:calc(100% - 8.5rem)}
  .mdl-destacadoX2v .slider2{bottom:-8.5rem;height:21.2rem;width:32.6rem}
  .mdl-destacadoX2v .m-item:last-child{margin-top:2.8rem}
  .mdl-destacadoX2v .m-item:last-child .m-content{max-width:39.2rem;width:56.2%;margin:0 auto 0 2.2rem;padding-bottom:3.3rem}
  .mdl-destacadoX2v .m-item:last-child .m-img{width:42.35%;height:39.2rem}
}
@media (max-width:850px){
  .mdl-destacadoX2v{padding-bottom:2.4rem}
  .mdl-destacadoX2v .mdl-container{width:100%}
  .mdl-destacadoX2v .m-header{flex-direction:column;width:calc(100% - 15.6rem);margin:0 auto;align-items:center;text-align:center;padding-top:6.5rem}
  .mdl-destacadoX2v .m-header .m-col,.mdl-destacadoX2v .m-header .m-col:first-child{width:100%}
  .mdl-destacadoX2v .m-header .m-pretitle{margin:0;text-align:center}
  .mdl-destacadoX2v .m-header .m-text{margin-top:3.2rem}
  .mdl-destacadoX2v .m-items{margin-top:4.2rem;padding:0 3rem}
  .mdl-destacadoX2v .m-item:first-child{justify-content:space-between;align-items:center}
  .mdl-destacadoX2v .m-item:first-child .m-content{width:48.5%;margin:0 2rem 0 0}
  .mdl-destacadoX2v .m-item .m-content .m-text{font:400 1.4rem/2.4rem "Lato",sans-serif}
  .mdl-destacadoX2v .m-slidersBox{width:48.5%;height:43.7rem}
  .mdl-destacadoX2v .m-slidersBox .arrows{bottom:20rem;right:auto;left:0}
  .mdl-destacadoX2v .slider1{height:calc(100% - 8.8rem);width:calc(100% - 9.9rem);left:auto;right:0}
  .mdl-destacadoX2v .slider2{right:2.9rem;bottom:0;height:17.7rem;width:calc(100% - 2.9rem)}
  .mdl-destacadoX2v .m-item:last-child{justify-content:space-between;align-items:center;margin-top:3rem}
  .mdl-destacadoX2v .m-item:last-child .m-content{width:46%;margin:0 auto 0 2rem;padding-bottom:0}
  .mdl-destacadoX2v .m-item:last-child .m-img{width:48.5%;height:43.6rem}
}
@media (max-width:551px){
  .mdl-destacadoX2v{padding-bottom:7.5rem}
  .mdl-destacadoX2v .m-header{width:calc(100% - 4rem);align-items:flex-start;text-align:left;padding-top:4.2rem}
  .mdl-destacadoX2v .m-header::before{width:150vw;height:calc(100% + 12rem)}
  .mdl-destacadoX2v .m-header .m-pretitle{font-size:4rem;text-align:left}
  .mdl-destacadoX2v .m-header .m-title{font:400 4rem/4.2rem "Spectral",serif}
  .mdl-destacadoX2v .m-header .m-text{font-size:1.5rem;line-height:2.5rem;margin-top:2.5rem}
  .mdl-destacadoX2v .m-items{padding:0}
  .mdl-destacadoX2v .m-item:first-child,.mdl-destacadoX2v .m-item:last-child{flex-direction:column-reverse;align-items:stretch}
  .mdl-destacadoX2v .m-item:last-child{flex-direction:column;margin-top:3.6rem}
  .mdl-destacadoX2v .m-slidersBox{width:100%;height:45.7rem}
  .mdl-destacadoX2v .m-slidersBox .arrows{bottom:9rem;right:1.6rem;left:auto}
  .mdl-destacadoX2v .slider1{height:calc(100% - 12.3rem);width:calc(100% - 8rem)}
  .mdl-destacadoX2v .slider2{right:auto;left:0;height:19.6rem;width:calc(100% - 11.8rem)}
  .mdl-destacadoX2v .m-item:first-child .m-content,.mdl-destacadoX2v .m-item:last-child .m-content{width:calc(100% - 4rem);max-width:none;margin:0 auto;padding-top:2.8rem;padding-bottom:0;align-items:flex-start;text-align:left}
  .mdl-destacadoX2v .m-item .m-content .m-title{font:400 3.5rem/4.2rem "Spectral",serif}
  .mdl-destacadoX2v .m-item:last-child .m-img{width:calc(100% - 7.9rem);margin:0 auto 0 0;height:33.4rem}
}

/* =========================================================================
   BANNER  (full-bleed + Google reputation)
   ========================================================================= */
.mdl-banner{position:relative;overflow:hidden;min-height:84rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;color:#fff;background:var(--navy)}
.mdl-banner::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(19,38,58,.25) 0%,rgba(19,38,58,.35) 17.62%,var(--navy) 88%);transition:background .3s ease-in}
.mdl-banner .m-item{position:absolute;inset:0;z-index:0}
.mdl-banner .m-item img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;transition:filter .3s ease-in}
.mdl-banner .m-content{position:relative;z-index:3;width:100%;max-width:72.8rem;margin:0 auto;padding:6rem 0;display:flex;flex-direction:column;align-items:center}
.mdl-banner .m-badge{display:inline-flex;align-items:center;gap:1rem;font:900 1.2rem/1 "Lato",sans-serif;letter-spacing:.2rem;text-transform:uppercase;margin-bottom:2.4rem}
.mdl-banner .m-badge .g{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:var(--navy);font:700 1.5rem/1 "Lato",sans-serif;letter-spacing:0}
.mdl-banner .m-title{font:400 5rem/5.5rem "Spectral",serif;letter-spacing:-.1rem;color:var(--gold)}
.mdl-banner .m-text{margin-top:3.4rem;font:400 2rem/3rem "Lato",sans-serif;letter-spacing:.05rem}
.mdl-banner .m-text.small{margin-top:2rem;font-size:1.8rem}
.mdl-banner cite{display:block;margin-top:.8rem;font:400 2.4rem/1 "Qwigley",cursive;font-style:normal;color:var(--gold);font-size:3.2rem}
.mdl-banner .m-button2{margin-top:4.9rem;min-width:25rem;padding:0 4rem}
.is-past .mdl-banner::before,.is-pastColor .mdl-banner::before{background:linear-gradient(180deg,transparent 17.62%,#000 100%)}
.is-past .mdl-banner,.is-pastColor .mdl-banner{background:#000}
.is-past .mdl-banner .m-item img{filter:grayscale(100%)}
.is-past .mdl-banner .m-title,.is-pastColor .mdl-banner .m-title,.is-past .mdl-banner cite,.is-pastColor .mdl-banner cite{color:#fff}
.is-past .mdl-banner .m-button2,.is-pastColor .mdl-banner .m-button2{border-color:#fff;color:#fff}
@media (max-width:1100px){.mdl-banner .m-title{font:400 4.5rem/5.2rem "Spectral",serif}.mdl-banner .m-text{font-size:1.8rem}}
@media (max-width:1024px){.mdl-banner{min-height:70rem}.mdl-banner .m-content{max-width:none;padding:2rem 5rem 6rem}}
@media (max-width:1020px){.mdl-banner::before{background:linear-gradient(180deg,rgba(19,38,58,.3) 17.62%,var(--navy) 100%)}}
@media (max-width:767px){
  .mdl-banner{min-height:61.8rem}
  .mdl-banner::before{background:linear-gradient(180deg,rgba(19,38,58,.5) 17.62%,var(--navy) 100%)}
  .mdl-banner .m-content{padding:4.5rem 2rem 4rem}
  .mdl-banner .m-button2{min-width:100%}
}
@media (max-width:551px){.mdl-banner .m-title{font:400 3.5rem/4.2rem "Spectral",serif}.mdl-banner .m-text{font-size:1.6rem;line-height:2.6rem}.mdl-banner .m-badge{font-size:1rem;letter-spacing:.12rem}}

/* =========================================================================
   GALLERY (galeria simple: staggered strip)
   ========================================================================= */
.mdl-galeriasimple{position:relative;width:100%;padding:6rem 0 5rem;background:linear-gradient(to top,var(--cream) 55%,var(--navy) 55%);overflow:hidden;transition:background .3s ease-in}
.slidergaleriasimple{position:relative;height:42rem;width:100%;margin:0 auto}
.slidergaleriasimple .arrows{position:absolute;right:5rem;bottom:-2rem;width:12.2rem;height:6.1rem;z-index:3}
.slidergaleriasimple .arrowL,.slidergaleriasimple .arrowR{width:6.1rem;height:100%;margin:0;background:var(--navy);transition:background .3s ease-in}
.slidergaleriasimple .arrowL::after,.slidergaleriasimple .arrowR::after{-webkit-mask-size:3.5rem auto;mask-size:3.5rem auto}
.slidergaleriasimple .arrowL:hover,.slidergaleriasimple .arrowR:hover{background:var(--navy-2);opacity:1}
.slidergaleriasimple .m-grid{max-width:calc(36.5rem + 2.9rem);width:100%;height:100%;margin:0 auto;overflow:visible}
.slidergaleriasimple .m-track{display:flex;height:100%;will-change:transform}
.galeriasimple-item{flex:0 0 36.5rem;min-width:0;width:36.5rem;height:35.6rem;margin:0 1.45rem;position:relative;cursor:zoom-in;overflow:hidden}
.galeriasimple-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .3s ease-in}
@media (hover:hover){.galeriasimple-item:hover img{transform:scale(1.04)}}
.galeriasimple-item.withMargin{margin-top:5.9rem}
.galeriasimple-item.withMargin2{margin-top:3.5rem}
.is-past .mdl-galeriasimple,.is-pastColor .mdl-galeriasimple{background:linear-gradient(to top,#fff 55%,#000 55%)}
.is-past .galeriasimple-item img{filter:grayscale(100%)}
.is-past .slidergaleriasimple .arrowL,.is-past .slidergaleriasimple .arrowR,.is-pastColor .slidergaleriasimple .arrowL,.is-pastColor .slidergaleriasimple .arrowR{background:#000}
@media (max-width:1100px){
  .mdl-galeriasimple{padding-bottom:7rem}
  .slidergaleriasimple{height:36.5rem}
  .slidergaleriasimple .arrows{bottom:-2.7rem}
  .slidergaleriasimple .m-grid{max-width:calc(31.1rem + 2.5rem)}
  .galeriasimple-item{flex-basis:31.1rem;width:31.1rem;height:30.4rem;margin:0 1.25rem}
  .galeriasimple-item.withMargin{margin-top:5rem}
}
@media (max-width:850px){
  .slidergaleriasimple .m-grid{max-width:calc(30rem + 1.5rem)}
  .galeriasimple-item{flex-basis:30rem;width:30rem;height:30rem;margin:0 .75rem}
  .galeriasimple-item.withMargin{margin-top:2.6rem}
}
@media (max-width:551px){
  .mdl-galeriasimple{padding:3rem 0 5rem}
  .slidergaleriasimple{height:30rem}
  .slidergaleriasimple .arrows{right:1.5rem;bottom:-3.6rem}
  .slidergaleriasimple .m-grid{max-width:32rem}
  .galeriasimple-item{flex-basis:30rem;width:30rem;height:30rem;margin:0 1rem}
  .galeriasimple-item.withMargin,.galeriasimple-item.withMargin2{margin-top:0}
}

/* =========================================================================
   FOOTER  (= visit)
   ========================================================================= */
.mdl-footer{position:relative;background:var(--navy);color:var(--gold);transition:background-color .3s ease-in}
.mdl-footer a{transition:color .3s ease,opacity .3s ease}
.mdl-footer a:hover{color:#fff}
.mdl-footer .m-bg{position:absolute;top:0;right:0;width:55%;height:100%;z-index:0;opacity:.16;overflow:hidden;pointer-events:none}
.mdl-footer .m-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2)}
.mdl-footer .m-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--navy) 0%,rgba(19,38,58,0) 32.04%),linear-gradient(90deg,var(--navy) 0%,rgba(19,38,58,0) 40%)}
.mdl-footer .mdl-container{position:relative;z-index:1;display:flex;justify-content:space-between;flex-wrap:wrap;padding:5.7rem 0 3.7rem;max-width:132.5rem;width:calc(100% - 8rem);margin:0 auto}
.mdl-footer .m-block-info{min-width:28%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:4.8rem;font:400 1.5rem/2.4rem "Lato",sans-serif;letter-spacing:.05rem}
.mdl-footer .m-footer-logo{display:block;width:15.6rem;color:var(--gold)}
.mdl-footer .m-block-info > .m-row{display:flex;gap:3rem;margin-top:8rem}
.mdl-footer .m-info{opacity:.85}
.mdl-footer .m-info:nth-child(2){max-width:17rem}
.mdl-footer .m-icon{display:block;width:3rem;height:3rem;margin-bottom:1.5rem}
.mdl-footer .m-links-footer{display:flex;flex-direction:column;align-items:flex-start;font:400 1.5rem/1.9rem "Lato",sans-serif;padding-top:.6rem}
.mdl-footer .m-links-footer .m-link{margin:.5rem 0;opacity:.85}
.mdl-footer .m-block{width:45%;display:flex;flex-direction:column;align-items:flex-end}
.mdl-footer .m-block > .m-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start}
.mdl-footer .m-block .m-links{display:flex;flex-direction:column;font:400 1.5rem/1.9rem "Lato",sans-serif;padding-top:.6rem}
.mdl-footer .m-block .m-links .m-link{margin:.5rem 0;opacity:.85}
.mdl-footer .m-rrss-title{font:400 1.4rem/2rem "Lato",sans-serif;text-align:right;margin-bottom:1.3rem;opacity:.85}
.mdl-footer .m-rrss > .m-row{display:flex;justify-content:flex-end;gap:3.2rem}
.mdl-footer .m-rrss-item{display:flex;width:3rem;height:3rem}
.mdl-footer .m-rrss-item svg{width:100%;height:100%}
.mdl-footer .m-labarra{display:flex;flex-direction:column;align-items:flex-end;margin-top:5.8rem;max-width:37rem;text-align:right;font:400 1.5rem/2.4rem "Lato",sans-serif;letter-spacing:.05rem}
.mdl-footer .m-visit-title{font:600 3.6rem/1 "Spectral",serif;letter-spacing:-.1rem;color:var(--gold);margin-bottom:1.5rem}
.mdl-footer .m-visit-title em{font-style:normal;font-weight:400}
.mdl-footer .m-labarra .m-text{opacity:.85;margin-bottom:1.5rem}
.mdl-footer .m-labarra .m-address{opacity:.85}
.mdl-footer .m-labarra .m-address strong{font-weight:700}
.mdl-footer .m-labarra .m-link-line{margin-top:2rem;color:var(--gold)}
.mdl-footer .m-news{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:5rem 0 6.7rem}
.mdl-footer .m-news-info{max-width:31.6rem}
.mdl-footer .m-news-info .m-title{font:400 2.4rem/3rem "Spectral",serif;letter-spacing:-.1rem}
.mdl-footer .m-news-info .m-text{font:400 1.4rem/2.2rem "Lato",sans-serif;opacity:.85;margin-top:.7rem}
.mdl-footer .m-form{width:66%}
.mdl-footer .m-rowForm{display:flex;align-items:flex-end;gap:2.1rem}
.mdl-footer .m-rowForm label{flex:1 1 0;min-width:0}
.mdl-footer .m-rowForm input{width:100%;background:none;border:0;border-bottom:.1rem solid var(--gold);color:#fff;font:400 1.5rem/2.4rem "Lato",sans-serif;letter-spacing:.05rem;padding:.8rem 0;border-radius:0;color-scheme:dark}
.mdl-footer .m-rowForm input::placeholder{color:var(--gold);opacity:.95}
.mdl-footer .m-rowForm input:focus{outline:none;border-bottom-color:#fff}
.mdl-footer .m-rowForm .m-button2{flex:0 0 auto;min-width:10rem;margin-left:1.1rem}
.mdl-footer .m-final{width:100%;padding-top:1.4rem;border-top:.1rem solid var(--gold);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.mdl-footer .m-final .m-links{display:flex;flex-wrap:wrap;gap:2rem;font:400 1.2rem/2rem "Lato",sans-serif;letter-spacing:.1rem}
.mdl-footer .kera{font:700 1.3rem/1.5rem "Lato",sans-serif}
.is-past .mdl-footer,.is-pastColor .mdl-footer{background:#000;color:#fff}
.is-past .mdl-footer .m-bg::after,.is-pastColor .mdl-footer .m-bg::after{background:linear-gradient(180deg,#000 0%,transparent 32%),linear-gradient(90deg,#000 0%,transparent 40%)}
.is-past .mdl-footer .m-footer-logo,.is-past .mdl-footer .m-visit-title,.is-past .mdl-footer .m-labarra .m-link-line,.is-pastColor .mdl-footer .m-footer-logo,.is-pastColor .mdl-footer .m-visit-title,.is-pastColor .mdl-footer .m-labarra .m-link-line{color:#fff}
.is-past .mdl-footer .m-final,.is-past .mdl-footer .m-rowForm input,.is-pastColor .mdl-footer .m-final,.is-pastColor .mdl-footer .m-rowForm input{border-color:#fff}
.is-past .mdl-footer .m-rowForm input::placeholder,.is-pastColor .mdl-footer .m-rowForm input::placeholder{color:#fff}
.is-past .mdl-footer .m-button2,.is-pastColor .mdl-footer .m-button2{border-color:#fff;color:#fff}
@media (max-width:1100px){
  .mdl-footer .m-bg{top:auto;bottom:0;height:82%;width:100%}
  .mdl-footer .mdl-container{padding:5.3rem 0}
  .mdl-footer .m-block-info{min-width:0;padding-bottom:0}
  .mdl-footer .m-block-info > .m-row{flex-direction:column;margin-top:3.3rem;gap:0}
  .mdl-footer .m-info{margin-top:2.5rem}
  .mdl-footer .m-block{width:50%}
  .mdl-footer .m-labarra{margin-top:auto}
  .mdl-footer .m-news{flex-direction:column;align-items:flex-start;margin:3.5rem 0 5.8rem}
  .mdl-footer .m-news-info{max-width:44rem;margin-bottom:2rem}
  .mdl-footer .m-form{width:100%}
}
@media (max-width:850px){
  .mdl-footer .mdl-container{width:calc(100% - 6rem);padding:8rem 0 4rem}
  .mdl-footer .m-block-info{order:1;width:48.5%}
  .mdl-footer .m-links-footer{order:2;width:49%}
  .mdl-footer .m-block{order:3;width:100%;margin-top:4rem;align-items:flex-start}
  .mdl-footer .m-labarra{align-items:flex-start;text-align:left;max-width:none;margin-top:4rem}
  .mdl-footer .m-news{order:4}
  .mdl-footer .m-final{order:5}
  .mdl-footer .m-rowForm{flex-wrap:wrap}
  .mdl-footer .m-rowForm label{flex:1 1 40%}
  .mdl-footer .m-rowForm .m-button2{width:100%;margin:1.6rem 0 0}
}
@media (max-width:551px){
  .mdl-footer .mdl-container{width:calc(100% - 4rem);padding:5.7rem 0 2.6rem}
  .mdl-footer .m-block-info,.mdl-footer .m-links-footer{width:100%}
  .mdl-footer .m-footer-logo{width:12rem}
  .mdl-footer .m-links-footer{margin-top:3rem;flex-direction:row;flex-wrap:wrap;gap:0 2rem}
  .mdl-footer .m-block > .m-row{flex-direction:column;gap:3rem}
  .mdl-footer .m-rrss-title{text-align:left}
  .mdl-footer .m-rrss > .m-row{justify-content:flex-start}
  .mdl-footer .m-final{flex-direction:column;align-items:flex-start}
}

/* =========================================================================
   LIGHTBOX · TOAST
   ========================================================================= */
.lightbox{position:fixed;inset:0;z-index:1500;background:rgba(10,20,32,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in,visibility 0s .3s}
.lightbox.active{opacity:1;visibility:visible;transition:opacity .3s ease-in}
.lightbox figure{max-width:88vw;max-height:84vh;display:flex;flex-direction:column;align-items:center}
.lightbox img{max-width:88vw;max-height:78vh;width:auto;height:auto;object-fit:contain}
.lightbox figcaption{margin-top:1.4rem;color:#fff;font:400 1.4rem/2rem "Lato",sans-serif;opacity:.8;text-align:center}
.lightbox .lb-close{position:absolute;top:2.4rem;right:2.4rem;width:4.4rem;height:4.4rem;display:grid;place-items:center;color:#fff}
.lightbox .lb-close svg{width:1.8rem;height:1.8rem}
.lightbox .arrows{position:absolute;right:5rem;bottom:4rem;height:6.1rem}
.lightbox .arrowL,.lightbox .arrowR{width:6.1rem;height:6.1rem;background:var(--gold);margin:0}
.lightbox .arrowL::after,.lightbox .arrowR::after{-webkit-mask-size:3.5rem auto;mask-size:3.5rem auto}
.toast{position:fixed;left:2rem;bottom:2rem;z-index:1200;max-width:38rem;display:flex;align-items:flex-start;gap:1.2rem;padding:1.4rem 1.6rem 1.4rem 1.8rem;background:var(--cream);color:var(--navy);border-left:.3rem solid var(--gold);box-shadow:0 1.6rem 4rem rgba(0,0,0,.25);font:400 1.3rem/1.9rem "Lato",sans-serif;opacity:0;transform:translateY(1.2rem);transition:opacity .4s ease,transform .4s ease}
.toast.show{opacity:1;transform:none}
.toast button{flex:0 0 auto;width:2.8rem;height:2.8rem;margin:-.4rem -.6rem 0 0;font:400 2.2rem/1 "Lato",sans-serif;color:var(--navy)}

/* =========================================================================
   MENU PAGE (hero interior, breadcrumb, texto, carta)
   ========================================================================= */
.mdl-heroInt{position:relative;min-height:60rem;color:#fff;overflow:hidden;background:var(--navy)}
.mdl-heroInt .m-img{position:absolute;inset:0;z-index:1}
.mdl-heroInt .m-img img{width:100%;height:100%;object-fit:cover}
.mdl-heroInt .m-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,38,58,.55) 0%,rgba(19,38,58,0) 30%),linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25))}
.mdl-heroInt .m-content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;width:calc(100% - 12rem);max-width:127rem;height:100%;padding:7rem 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.mdl-heroInt .m-title{font:400 8rem/8rem "Spectral",serif;letter-spacing:-.1rem}
.mdl-breadcrumb{background:var(--cream)}
.mdl-breadcrumb .mdl-container{max-width:127rem;width:calc(100% - 12rem);margin:0 auto;padding:1.6rem 0;display:flex;align-items:center;gap:1rem;font:900 1rem/1.4rem "Lato",sans-serif;letter-spacing:.1rem;text-transform:uppercase;color:var(--gold-dk)}
.mdl-breadcrumb a{font-weight:400}
.mdl-breadcrumb a:hover{color:var(--navy)}
.mdl-texto{background:var(--cream);color:var(--ink)}
.mdl-texto .mdl-container{max-width:125.5rem;margin:0 auto;width:calc(100% - 8rem);padding:6.9rem 0 4.9rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.mdl-texto .m-pretitle{font:400 5rem/5rem "Qwigley",cursive;color:var(--gold-dk);margin-bottom:1.5rem}
.mdl-texto .m-title{font:400 5rem/5.5rem "Spectral",serif;letter-spacing:-.1rem;color:var(--gold);max-width:84.2rem;margin:0 auto 3.2rem}
.mdl-texto .m-text{font:400 2rem/3rem "Lato",sans-serif;letter-spacing:.05rem;max-width:84.2rem;margin:0 auto}
.mdl-texto.dark{background:var(--navy);color:#fff}
.mdl-texto.dark .m-pretitle{color:var(--gold-script)}
.mdl-texto .m-info{width:100%;display:flex;justify-content:space-around;margin-top:7rem;gap:2rem}
.mdl-texto .info-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font:500 1.5rem/2.4rem "Lato",sans-serif}
.mdl-texto .info-item svg{width:3rem;height:3rem;margin-bottom:1.8rem;color:var(--gold)}
.mdl-texto .info-item strong{font-weight:900}
.mdl-carta{background:var(--navy);color:var(--gold);height:100vh;min-height:64rem;display:flex;justify-content:space-between;overflow:hidden}
.mdl-carta .m-imgBox{position:relative;width:39.5%;overflow:hidden}
.mdl-carta .menu-button{position:absolute;top:13.5rem;right:-.1rem;z-index:3;height:5rem;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.3rem;background:var(--navy);color:#fff;border-radius:9rem 0 0 9rem;font:400 2rem/2.5rem "Spectral",serif;letter-spacing:-.1rem;transition:opacity .3s ease-in}
.mdl-carta .menu-button svg{width:1.4rem;height:.9rem}
.mdl-carta .menu-button.hide{opacity:0;pointer-events:none}
.mdl-carta .menu-sections{position:absolute;top:0;right:-.2rem;z-index:2;width:41rem;max-width:100%;height:100%;padding-top:13.8rem;background:linear-gradient(270deg,var(--navy) 0%,rgba(19,38,58,0) 100%);opacity:0;pointer-events:none;transition:all .3s ease-in}
.mdl-carta .menu-sections.active{opacity:1;pointer-events:auto}
.mdl-carta .menu-sections .m-row{display:flex;justify-content:flex-end;align-items:flex-start}
.mdl-carta .m-sections{display:flex;flex-direction:column;align-items:flex-end;padding-right:2.5rem;border-right:.1rem solid var(--gold)}
.mdl-carta .m-section{padding:.15rem 0;font:400 2rem/4rem "Spectral",serif;letter-spacing:-.1rem;color:#fff;opacity:.8;transition:all .3s ease-in;text-align:right}
.mdl-carta .m-section:hover{color:var(--gold)}
.mdl-carta .m-section.active{font:700 2.4rem/4rem "Spectral",serif;color:var(--gold);opacity:1}
.mdl-carta .sliderCarta{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .3s ease-in}
.mdl-carta .sliderCarta.active{opacity:1}
.mdl-carta .sliderCarta img{width:100%;height:100%;object-fit:cover}
.mdl-carta .m-body{position:relative;z-index:1;width:56.5%;max-height:100%;padding:4rem 8.3rem 8.3rem 4rem;display:flex;flex-direction:column}
.mdl-carta .m-body > .m-title{font:400 5rem/5.5rem "Spectral",serif;letter-spacing:-.1rem}
.mdl-carta .m-contents{position:relative;margin-top:3.7rem;width:100%;flex:1 1 auto;min-height:0}
.mdl-carta .m-content{position:absolute;inset:0;opacity:0;pointer-events:none;transition:all .3s ease-in;display:flex;flex-direction:column}
.mdl-carta .m-content.active{opacity:1;pointer-events:auto}
.mdl-carta .m-header .m-title{font:400 3rem/3.5rem "Spectral",serif;letter-spacing:-.1rem}
.mdl-carta .m-header .m-text{font:400 1.6rem/2.6rem "Lato",sans-serif;letter-spacing:.05rem;color:#fff;opacity:.8;margin-top:.6rem}
.mdl-carta .m-list{list-style:none;padding-left:0;margin-bottom:0;margin-top:3.2rem;padding-right:4.3rem;overflow-y:auto;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(255,255,255,.12)}
.mdl-carta .m-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1rem 0 1.5rem;border-bottom:.1rem solid rgba(255,255,255,.2)}
.mdl-carta .m-name{display:flex;flex-direction:column;font:600 1.6rem/2.5rem "Lato",sans-serif;max-width:51rem}
.mdl-carta .m-name em{font:400 1.4rem/2.2rem "Lato",sans-serif;font-style:italic;color:#fff;opacity:.7}
.mdl-carta .m-price{flex:0 0 auto;font:700 1.5rem/2.4rem "Lato",sans-serif;letter-spacing:.05rem;color:#fff;white-space:nowrap}
.mdl-carta .m-list.cols{display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;align-content:start}
.mdl-carta .m-list.cols .m-list-item{padding:.8rem 0 1rem}
@media (max-width:1100px){
  .mdl-heroInt{min-height:50rem}
  .mdl-heroInt .m-title{font:400 5rem/5.2rem "Spectral",serif}
  .mdl-texto .m-title{font:400 4.5rem/5.2rem "Spectral",serif}
  .mdl-texto .m-text{font-size:1.8rem}
  .mdl-carta .m-imgBox{width:38.5%}
  .mdl-carta .menu-button{top:10.3rem}
  .mdl-carta .menu-sections{padding-top:10.3rem}
  .mdl-carta .m-body{width:61.5%;padding:4rem 2.2rem 5.2rem 4rem}
  .mdl-carta .m-list.cols{grid-template-columns:1fr}
}
@media (max-width:850px){
  .mdl-carta{flex-direction:column;height:auto;min-height:0}
  .mdl-carta .m-imgBox{width:100%;height:26.5rem}
  .mdl-carta .m-imgBox::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(19,38,58,0) 28.51%,var(--navy) 100%)}
  .mdl-carta .menu-button,.mdl-carta .menu-sections{display:none}
  .mdl-carta .m-body{width:100%;padding:2rem 3rem 5rem}
  .mdl-carta .m-body .m-tabs{display:flex}
  .mdl-carta .m-contents{margin-top:2rem}
  .mdl-carta .m-content{position:static;display:none;opacity:1}
  .mdl-carta .m-content.active{display:flex}
  .mdl-carta .m-list{overflow:visible;padding-right:0}
  .mdl-breadcrumb .mdl-container,.mdl-heroInt .m-content{width:calc(100% - 6rem)}
  .mdl-texto .mdl-container{width:calc(100% - 6rem)}
  .mdl-texto .m-info{flex-direction:column;align-items:center}
  .mdl-texto .info-item{align-items:center;text-align:center}
}
.mdl-carta .m-tabs{display:none;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.mdl-carta .m-tabs button{padding:.8rem 1.4rem;border:.1rem solid rgba(168,135,79,.6);font:400 1.7rem/1 "Spectral",serif;color:#fff}
.mdl-carta .m-tabs button[aria-selected="true"]{background:var(--gold);border-color:var(--gold)}
@media (max-width:551px){
  .mdl-heroInt{min-height:42.6rem}
  .mdl-heroInt .m-content{width:100%;padding:3rem 2rem;align-items:center}
  .mdl-heroInt .m-title{font:400 4rem/4.2rem "Spectral",serif;text-align:center}
  .mdl-breadcrumb .mdl-container{width:calc(100% - 4rem)}
  .mdl-texto .mdl-container{width:calc(100% - 4rem);padding:5.2rem 0 3.4rem}
  .mdl-texto .m-pretitle{font-size:4rem;margin-bottom:0}
  .mdl-texto .m-title{font:400 3.5rem/4.2rem "Spectral",serif;margin-bottom:2rem}
  .mdl-texto .m-text{font-size:1.6rem;line-height:2.6rem}
  .mdl-carta .m-body{padding:1rem 2rem 4rem}
  .mdl-carta .m-body > .m-title{font:400 3.5rem/4.2rem "Spectral",serif}
  .mdl-carta .m-list-item{gap:1.2rem}
  .mdl-carta .m-name{font-size:1.5rem;line-height:2.3rem}
  .mdl-carta .m-name em{font-size:1.3rem}
}

/* simple 404 */
.page-404{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--navy);color:#fff;padding:4rem 2rem}
.page-404 .badge{width:14rem;color:var(--gold);margin-bottom:4rem}
.page-404 h1{font:400 8rem/1 "Spectral",serif;color:var(--gold)}
.page-404 p{margin:2rem 0 4rem;font-size:1.8rem}

/* =========================================================================
   REDUCED MOTION
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
}
.mdl-banner.short{min-height:60rem}
.mdl-banner.short .m-button2{margin-top:3.6rem}
@media (max-width:767px){.mdl-banner.short{min-height:48rem}}