/* ALZAI · Portada editorial. Solo presentación; conserva los controles del menú. */
.menu-section{padding-top:30px}
.menu-intro{
 display:grid;
 grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);
 gap:0;
 position:relative;
 isolation:isolate;
 min-height:352px;
 margin:0 0 27px;
 padding:0;
 overflow:hidden;
 border:1px solid #604532;
 border-radius:7px;
 background:#281b15;
 box-shadow:0 16px 40px rgba(55,32,18,.11)
}
.menu-intro>div{
 position:relative;
 z-index:2;
 min-width:0;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 padding:clamp(30px,4.5vw,68px);
 background:radial-gradient(ellipse at 5% 100%,rgba(118,65,41,.34),transparent 67%)
}
.menu-intro .kicker{
 color:#e8cda4;
 font-size:10px;
 font-weight:650;
 line-height:1.7;
 letter-spacing:.15em;
 text-wrap:pretty
}
.menu-intro h1{
 max-width:17ch;
 margin:14px 0 18px;
 color:#fff8ee;
 font-size:clamp(42px,4.15vw,68px);
 line-height:1.035;
 letter-spacing:-.045em;
 text-wrap:balance
}
.menu-intro h1 em{color:#e5ba81}
.menu-intro p{
 max-width:58ch;
 color:#e7d6c6;
 font-size:clamp(13px,1vw,16px);
 line-height:1.75;
 text-wrap:pretty;
 margin:0
}
.menu-intro .welcome-photo{
 display:block;
 position:absolute;
 top:0;
 right:0;
 z-index:0;
 width:39%;
 height:100%;
 min-height:0;
 border-radius:0;
 object-fit:cover;
 object-position:50% 66%;
 filter:saturate(.96) contrast(1.045);
}
.menu-intro::after{
 content:"";
 position:absolute;
 z-index:1;
 pointer-events:none;
 inset:0 0 0 52%;
 background:linear-gradient(90deg,#281b15 0%,rgba(40,27,21,.63) 12%,transparent 47%),
 linear-gradient(0deg,rgba(25,14,9,.14),transparent 45%);
}
.menu-intro:has(.welcome-photo[hidden]){
 grid-template-columns:minmax(0,1fr);
}
.menu-intro:has(.welcome-photo[hidden])::after{display:none}
@media(max-width:950px){
 .menu-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:320px}
 .menu-intro>div{padding:34px}
 .menu-intro h1{font-size:clamp(40px,5.4vw,56px)}
 .menu-intro .welcome-photo{width:47.5%;min-height:0}
}
@media(max-width:720px){
 .menu-section{padding-top:17px}
 .menu-intro{display:flex;flex-direction:column;min-height:0;margin-bottom:20px}
 .menu-intro>div{padding:29px 26px 30px;min-height:0}
 .menu-intro .kicker{font-size:9px;letter-spacing:.11em}
 .menu-intro h1{font-size:clamp(39px,9vw,56px);margin:13px 0}
 .menu-intro p{font-size:13px;line-height:1.7}
 .menu-intro .welcome-photo{
  display:block;
  position:relative;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  width:100%;
  height:215px;
  min-height:0;
  flex:0 0 215px;
  object-position:50% 72%
 }
 .menu-intro::after{
  inset:auto 0 180px;
  height:60px;
  background:linear-gradient(0deg,transparent,#281b15)
 }
}
@media(max-width:380px){
 .menu-intro>div{padding:25px 20px}
 .menu-intro h1{font-size:38px}
 .menu-intro .welcome-photo{height:190px;flex-basis:190px}
 .menu-intro::after{inset:auto 0 155px}
}
@media(prefers-reduced-motion:reduce){
 .menu-intro,.menu-intro *{scroll-behavior:auto}
}
