@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@400;500;600&display=swap');
@import url('premium.css');
.brand{position:relative}.brand small{position:absolute;left:50px;top:23px;color:#b9aaa0;font:500 .5rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.admin input[type=file]{padding:10px;background:#f7f2ec;border:1px dashed #b77845;cursor:pointer}.admin label small{margin-top:6px;color:#756a62;text-transform:none;letter-spacing:0}.email-test-form{margin-top:24px;background:#211a16;color:#f4eee5}.email-test-form h2{font:600 2rem var(--serif);margin:0}.email-test-form p{font-size:.82rem}.email-test-form .outline-dark{border-color:#b77845;color:#fff}
.image-admin-intro{padding:16px 20px;background:#fff4df;border-left:4px solid var(--copper);margin:0 0 24px}.site-images-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.image-admin-card{background:#fff;border:1px solid #ddd3ca;overflow:hidden}.image-admin-card>img{height:240px;object-fit:cover;background:#1a1512}.image-admin-card>div{padding:22px}.image-admin-card h2{font:600 1.7rem var(--serif);margin:0 0 16px}.image-admin-card label{display:flex;flex-direction:column;gap:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.image-admin-card small{display:block;margin-top:9px;color:#746a62}.save-images-button{position:sticky;bottom:20px;margin:28px 0 0;box-shadow:0 10px 30px #0004}@media(max-width:750px){.site-images-grid{grid-template-columns:1fr}.image-admin-card>img{height:200px}}
:root{--coal:#171310;--ink:#211a16;--wine:#5b1721;--cream:#f4eee5;--paper:#fbf8f2;--copper:#b77845;--muted:#a9a098;--serif:'Cormorant Garamond',serif;--sans:'Montserrat',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}.header{position:fixed;z-index:20;top:0;width:100%;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(#171310dd,transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:.9rem;letter-spacing:.25em;font-weight:600}.brand span{width:38px;height:38px;border:1px solid var(--copper);display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;color:var(--copper)}.header nav{display:flex;align-items:center;gap:28px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.header nav>a:hover{color:#d89e6f}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.5rem}.button{display:inline-block;border:1px solid var(--copper);background:var(--copper);color:#fff;padding:14px 24px;font:600 .76rem var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.button:hover{background:#985d32}.button.outline{background:transparent}.button.small{padding:10px 17px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:white;background:url('https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=2000&q=85') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#130e0bd9 20%,#130e0b70 60%,#130e0b44)}.hero-content{position:relative;max-width:800px;margin-left:9vw;padding-top:50px}.eyebrow{color:var(--copper);font-size:.72rem;font-weight:600;letter-spacing:.24em}.hero h1,.section h2,.story h2,.contact h2{font:600 clamp(3rem,7vw,6.8rem)/.88 var(--serif);margin:24px 0}.hero h1 em{color:#dca170;font-weight:500}.hero-content>p:not(.eyebrow,.service-note){font-family:var(--serif);font-size:1.5rem;max-width:600px}.actions{display:flex;gap:12px;margin-top:36px}.service-note{margin-top:25px;font-size:.7rem;letter-spacing:.08em;color:#d9d0c7}.section{padding:110px 8vw;opacity:0;transform:translateY(12px);transition:.7s}.section.visible,.story.visible{opacity:1;transform:none}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.section-heading h2{font-size:clamp(3rem,5vw,5rem)}.daily-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;background:white;box-shadow:0 20px 50px #3d241419}.daily-card img{height:100%;min-height:560px}.daily-card>div{padding:50px}.daily-card h3{font:600 1.6rem var(--serif);margin:18px 0 4px}.daily-card p{margin:0}.daily-card small{display:block;margin:18px 0;color:#6f665f}.price{font:600 2rem var(--serif);color:var(--wine);display:block;margin:20px 0}.dark{background:var(--coal);color:var(--cream)}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filters button{border:1px solid #554b44;background:none;color:#bbb0a7;padding:9px 15px;cursor:pointer}.filters button.active{background:var(--copper);border-color:var(--copper);color:white}.dish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dish{background:#211b17;border:1px solid #3b312a}.dish img,.dish-placeholder{height:240px}.dish-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#382820,#171310);font:4rem var(--serif);color:var(--copper)}.dish-body{padding:24px}.category{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}.dish-title{display:flex;justify-content:space-between;gap:15px;align-items:start}.dish-title h3{font:600 1.8rem var(--serif);margin:0}.dish-title strong{white-space:nowrap;color:#d99b69}.dish-body>p{color:#b8aea6;font-size:.88rem}.details{display:flex;gap:8px;flex-wrap:wrap}.details span{font-size:.68rem;border:1px solid #463a32;padding:5px 8px}.dish-body small{display:block;color:#887c74;margin-top:16px}.empty-state{text-align:center;padding:50px;border:1px solid #d8cbbd}.empty-state span{font-size:2rem}.story{display:grid;grid-template-columns:1.15fr 1fr;min-height:680px;opacity:0;transition:.7s}.story-image{background:url('https://images.unsplash.com/photo-1529692236671-f1f6cf9683ba?auto=format&fit=crop&w=1400&q=85') center/cover}.story-copy{padding:100px 8vw;background:#eee3d4;display:flex;flex-direction:column;justify-content:center}.story h2{font-size:4.5rem}.text-link{color:var(--wine);font-weight:600;margin-top:20px}.reservation{background:#f7f1e8}.reservation-form,.admin-form{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.reservation-form label,.admin-form label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #cbbfb4;background:#fff;padding:13px;font:inherit;color:var(--ink)}.check{flex-direction:row!important;align-items:center;text-transform:none!important}.check input{width:auto}.alert{max-width:900px;margin:0 auto 24px;padding:14px 18px}.alert.success{background:#dcebdd;color:#244b2a}.alert.error{background:#f2dddd;color:#742a2a}.contact{display:grid;grid-template-columns:1fr 1.5fr;background:var(--wine);color:white}.contact>div:first-child{padding:90px 8vw}.contact h2{font-size:4.5rem}.contact a{display:block;color:#e8b28a}.map-placeholder{min-height:430px;display:grid;place-items:center;background:#28211d;color:#aaa}.map-placeholder iframe{border:0;width:100%;height:100%}footer{background:#100d0b;color:#a89e97;text-align:center;padding:55px;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:.76rem}footer div a{margin:0 10px}.mobile-book{display:none}.legal{padding-top:80px}.legal .header{background:var(--coal)}.legal-copy{max-width:800px}.legal-copy section{margin:50px 0}.legal h1{font:4rem var(--serif)}.legal h2{font:2.3rem var(--serif)}
.admin-login{min-height:100vh;display:grid;place-items:center;background:var(--coal)}.login-card{width:min(420px,90vw);padding:45px;background:var(--paper);display:grid;gap:18px}.login-card h1{font:2.5rem var(--serif)}.admin{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#f1eee9}.admin aside{background:var(--coal);color:white;padding:28px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin aside nav{display:grid;gap:6px;margin-top:45px}.admin aside nav a{padding:11px;color:#bdb4ad}.admin aside nav a.active{background:#30251f;color:white;border-left:3px solid var(--copper)}.link-button{margin-top:auto;border:0;background:none;color:#aaa;cursor:pointer}.admin>main{padding:40px;min-width:0}.admin>main>header h1{font:3rem var(--serif);margin-top:0}.table-wrap{overflow:auto;background:white}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:14px;border-bottom:1px solid #e4ded8;vertical-align:top;font-size:.82rem}.admin-form{background:white;padding:28px;margin:0;max-width:none}.admin-form textarea{min-height:90px}.editor{margin-bottom:25px}.editor summary{cursor:pointer;padding:15px;background:#dfd5cb;font-weight:600}.danger{border:0;background:#8a2530;color:white;padding:7px 10px;cursor:pointer}
@media(max-width:850px){.header{height:66px;background:#171310ee}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--coal);padding:25px;flex-direction:column}.header nav.open{display:flex}.hero-content{margin:0;padding:100px 24px 70px}.hero h1{font-size:3.8rem}.service-note{max-width:300px}.section{padding:80px 22px}.daily-card,.story,.contact{grid-template-columns:1fr}.daily-card img{min-height:280px;height:280px}.daily-card>div{padding:28px}.dish-grid{grid-template-columns:1fr}.story-image{min-height:420px}.story-copy{padding:70px 25px}.story h2,.contact h2{font-size:3.5rem}.reservation-form,.admin-form{grid-template-columns:1fr}.wide{grid-column:auto}.mobile-book{display:block;position:fixed;z-index:18;bottom:15px;left:20px;right:20px;text-align:center;background:var(--copper);color:white;padding:13px;text-transform:uppercase;font-weight:600;font-size:.75rem;box-shadow:0 5px 20px #0005}.admin{display:block}.admin aside{height:auto;position:static}.admin aside nav{margin-top:20px}.admin>main{padding:22px}.actions{flex-wrap:wrap}}

/* Experiencia visual Matalafer */
.hero{overflow:hidden;background-image:url('https://cdn.website.dish.co/media/f4/56/8353038/Matalafer-2024-02-09-jpg.jpg')}.hero:after{content:'';position:absolute;inset:-25%;background:radial-gradient(circle at 75% 45%,#e46f2730,transparent 28%);animation:emberGlow 5s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(90deg,#0c0806ef 15%,#130e0b9c 58%,#130e0b30),linear-gradient(0deg,#171310 0%,transparent 22%)}.hero-content{z-index:2;transition:transform .1s linear}.hero-content:before{content:'';position:absolute;left:-45px;top:31%;width:2px;height:150px;background:linear-gradient(transparent,var(--copper),transparent);animation:linePulse 2.4s ease-in-out infinite}.dish{transition:transform .35s,box-shadow .35s}.dish:hover{transform:translateY(-8px);box-shadow:0 25px 55px #0007}.experience-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#0e0b09;color:var(--cream);border-block:1px solid #3d3028}.experience-strip>div{padding:45px;text-align:center;border-right:1px solid #3d3028}.experience-strip strong{display:block;font:600 3.2rem var(--serif);color:#d59460}.experience-strip span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#aaa}.gallery-section{background:#0f0c0a;color:white;padding-bottom:120px}.gallery-intro{padding:100px 8vw 45px;display:flex;justify-content:space-between;align-items:end}.gallery-intro h2{font:600 clamp(3rem,6vw,6rem)/.9 var(--serif);margin:12px 0}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:300px 300px;gap:12px;padding:0 3vw}.gallery-item{position:relative;overflow:hidden;margin:0}.gallery-item:first-child{grid-row:1/3}.gallery-item:last-child{grid-column:2/4}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;filter:saturate(.88) contrast(1.06)}.gallery-item:after{content:'';position:absolute;inset:0;border:1px solid #ffffff16;box-shadow:inset 0 0 45px #0004;pointer-events:none}.gallery-label{position:absolute;z-index:2;bottom:18px;left:20px;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:white;text-shadow:0 2px 10px #000}.rating-pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 14px;border:1px solid #ffffff33;background:#100c08aa;backdrop-filter:blur(8px);font-size:.72rem}.rating-pill b{color:#efb66e}.flame-word{position:absolute;right:-3vw;bottom:-1vw;font:600 clamp(7rem,17vw,18rem)/.7 var(--serif);color:#ffffff06;letter-spacing:-.08em;pointer-events:none}@keyframes emberGlow{to{transform:translate(-4%,3%) scale(1.08);opacity:.55}}@keyframes linePulse{0%,100%{opacity:.25;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}
@media(max-width:850px){.experience-strip{grid-template-columns:1fr}.experience-strip>div{border-right:0;border-bottom:1px solid #3d3028}.gallery-intro{padding:75px 22px 35px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,280px);padding:0 14px}.gallery-item:first-child,.gallery-item:last-child{grid-row:auto;grid-column:auto}.hero-content:before{display:none}}

/* Presentación, reserva premium y navegación móvil */
.intro-active{overflow:hidden}.intro-screen{position:fixed;z-index:999;inset:0;background:#0b0806;display:grid;place-items:center;color:white;transition:opacity .9s,visibility .9s}.intro-screen:before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#a84f2428,transparent 35%);animation:introFire 1.8s ease-in-out infinite alternate}.intro-screen.leave{opacity:0;visibility:hidden}.intro-mark{position:relative;text-align:center}.intro-logo{width:90px;height:90px;border:1px solid var(--copper);display:grid;place-items:center;margin:auto;font:4rem var(--serif);color:var(--copper);animation:introLogo 1.5s cubic-bezier(.2,.8,.2,1)}.intro-mark strong{display:block;margin-top:24px;letter-spacing:.55em;font-size:.9rem}.intro-mark small{display:block;margin-top:10px;color:#9e9188;letter-spacing:.22em}.intro-line{width:0;height:1px;background:var(--copper);margin:18px auto;animation:introLine 1.5s .35s forwards}@keyframes introLogo{from{opacity:0;transform:scale(.55) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes introLine{to{width:190px}}@keyframes introFire{to{transform:scale(1.35);opacity:.45}}
.reservation{position:relative;overflow:hidden;background:#16110e;color:var(--cream)}.reservation:before{content:'RESERVA';position:absolute;right:-2vw;top:5%;font:600 13vw/.8 var(--serif);color:#ffffff04;pointer-events:none}.reservation .section-heading{position:relative}.booking-shell{position:relative;max-width:1150px;margin:auto;display:grid;grid-template-columns:360px 1fr;background:#f5eee5;color:var(--ink);box-shadow:0 35px 90px #0008}.booking-aside{padding:45px;background:linear-gradient(#40141bdd,#180e0dee),url('https://cdn.website.dish.co/media/3a/7b/8352955/Matalafer-2024-02-09-jpg.jpg') center/cover;color:white}.booking-aside .step{display:flex;gap:14px;margin:28px 0;color:#c9bdb4;font-size:.75rem}.booking-aside .step b{width:28px;height:28px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;color:#e7a26b}.booking-aside blockquote{font:italic 1.55rem var(--serif);margin:55px 0 20px}.booking-form-wrap{padding:45px}.booking-form-wrap h3{font:600 2.2rem var(--serif);margin:0 0 20px}.occasion-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.occasion-chip{border:1px solid #cfc0b5;background:transparent;padding:8px 12px;cursor:pointer;font-size:.7rem}.occasion-chip.selected,.occasion-chip:hover{background:var(--wine);color:white;border-color:var(--wine)}.booking-form-wrap .reservation-form{grid-template-columns:repeat(2,1fr)}.booking-form-wrap .button{width:100%;padding:17px}.pro-footer{background:#0d0a08;color:#b4aaa2;padding:80px 7vw 35px;text-align:left;display:block}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:55px;padding-bottom:55px}.footer-grid h3{font:600 1.5rem var(--serif);color:white;margin:0 0 18px}.footer-grid p,.footer-grid a{display:block;font-size:.78rem;margin:6px 0}.footer-grid a:hover{color:var(--copper)}.footer-brand p{max-width:280px}.socials{display:flex;gap:10px;margin-top:20px}.socials a{width:40px;height:40px;border:1px solid #45382f;display:grid;place-items:center;text-transform:uppercase;font-size:.65rem}.footer-bottom{padding-top:25px;border-top:1px solid #2d2520;display:flex;justify-content:space-between;font-size:.68rem}.mobile-dock{display:none}
@media(max-width:850px){body{padding-bottom:72px}.mobile-book{display:none}.booking-shell{grid-template-columns:1fr}.booking-aside{padding:32px}.booking-aside blockquote{margin:25px 0 5px}.booking-form-wrap{padding:28px 20px}.booking-form-wrap .reservation-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{display:block}.mobile-dock{display:grid;position:fixed;z-index:90;bottom:0;left:0;right:0;height:68px;grid-template-columns:repeat(3,1fr);background:#100d0bf7;border-top:1px solid #5d412f;box-shadow:0 -8px 30px #0008}.mobile-dock a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#d7cdc5;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.mobile-dock a:first-child{background:var(--copper);color:white}.mobile-dock b{font-size:1.15rem;line-height:1}.pro-footer{padding:60px 24px 30px}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* Páginas independientes */
.inner-page{background:#120e0c}.header.solid{background:#130f0df5;border-bottom:1px solid #3e3027}.page-hero{min-height:65vh;padding:170px 8vw 90px;display:flex;flex-direction:column;justify-content:end;color:white;background-position:center;background-size:cover;position:relative}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0907e8,#0d090754),linear-gradient(0deg,#120e0c,transparent 40%)}.page-hero>*{position:relative}.page-hero h1{font:600 clamp(4rem,9vw,9rem)/.8 var(--serif);margin:20px 0}.carta-hero{background-image:url('https://cdn.website.dish.co/media/3a/7b/8352955/Matalafer-2024-02-09-jpg.jpg')}.menu-hero{background-image:url('https://cdn.website.dish.co/media/3b/b3/8352949/Matalafer-2023-12-23-jpg.jpg')}.contact-hero{background-image:url('https://cdn.website.dish.co/media/f4/56/8353038/Matalafer-2024-02-09-jpg.jpg')}.qr-callout{max-width:1000px;margin:70px auto 0;padding:40px;background:var(--wine);color:white;display:flex;align-items:center;justify-content:space-between}.outline-dark{background:transparent;color:white}.contact-page{display:grid;grid-template-columns:1fr 1.35fr;min-height:650px}.contact-details{padding:100px 8vw;background:#eee3d4}.contact-details h2{font:600 4rem/.9 var(--serif)}.contact-details h3{margin:30px 0 5px;font:600 1.35rem var(--serif)}.contact-details>a:not(.button){color:var(--wine);font-weight:600}.contact-map{min-height:600px;background:#251d18;display:grid;place-items:center;color:#c3b8af;text-align:center}.contact-map iframe{width:100%;height:100%;border:0}.angel-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:82px}.angel-photo{background:linear-gradient(#130e0b22,#130e0b77),url('https://cdn.website.dish.co/media/f4/56/8353038/Matalafer-2024-02-09-jpg.jpg') center/cover;display:grid;place-items:end center;padding:35px;color:#ffffff77;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.angel-story{padding:100px 8vw;background:#eee3d4;display:flex;flex-direction:column;justify-content:center}.angel-story h1{font:600 clamp(4rem,7vw,7rem)/.78 var(--serif);margin:25px 0}.angel-story h1 em{color:var(--wine)}.angel-story blockquote{font:italic 1.6rem var(--serif);border-left:2px solid var(--copper);padding-left:20px;margin:15px 0 30px}.angel-story .button{align-self:start;margin-top:20px}.qr-page{min-height:100vh;padding:150px 25px 90px;text-align:center;color:white;background:radial-gradient(circle at center,#3a1c16,#100c0a 60%)}.qr-page h1{font:600 clamp(3.5rem,7vw,6rem)/.9 var(--serif)}.qr-card{width:min(470px,100%);margin:40px auto;padding:25px;background:white;color:var(--ink);box-shadow:0 30px 80px #000}.qr-card img{max-width:370px;margin:auto}.qr-card strong{font-size:.65rem;word-break:break-all}
/* Reserva por fases */
.wizard-main{min-height:100vh;padding:135px 24px 100px;color:white;background:radial-gradient(circle at 80% 20%,#5b172140,transparent 30%),#120e0c}.wizard-intro{text-align:center;max-width:750px;margin:auto}.wizard-intro h1{font:600 clamp(3.5rem,7vw,6.5rem)/.85 var(--serif);margin:20px}.reservation-wizard{max-width:880px;margin:50px auto;background:#f5eee5;color:var(--ink);padding:55px;box-shadow:0 35px 90px #0008}.wizard-progress{display:flex;gap:8px;margin-bottom:50px}.wizard-progress span{height:3px;flex:1;background:#d6c9bf;transition:.4s}.wizard-progress span.active{background:var(--copper)}.wizard-step{display:none;border:0;padding:0}.wizard-step.active{display:block;animation:stepIn .45s ease}.wizard-step legend{font:600 clamp(2.4rem,5vw,4rem)/.9 var(--serif);margin-bottom:12px}.wizard-step>p{color:#72685f}.wizard-step>input,.choice-grid{margin:35px 0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.big-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:35px 0}.big-choices button{padding:25px;text-align:left;font:600 1.2rem var(--serif)}.wizard-actions{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.back-step{border:0;background:none;color:var(--wine);cursor:pointer}.reservation-summary{display:grid;gap:6px;background:#e9ddd1;padding:25px;margin-top:25px}.reservation-summary b{font:600 1.8rem var(--serif)}.reservation-summary span{font-size:.8rem}.success-stage{max-width:700px;margin:60px auto;text-align:center;background:#f5eee5;color:var(--ink);padding:70px}.success-stage>span{width:70px;height:70px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--copper);font-size:2rem}.success-stage h2{font:600 3rem var(--serif)}@keyframes stepIn{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@media(max-width:850px){.page-hero{min-height:55vh;padding:130px 22px 65px}.contact-page,.angel-page{grid-template-columns:1fr}.contact-details{padding:70px 24px}.angel-photo{min-height:65vh}.angel-story{padding:70px 24px}.qr-callout{display:block}.reservation-wizard{padding:35px 20px}.choice-grid,.big-choices{grid-template-columns:1fr}.wizard-step legend{font-size:2.8rem}}
.home-paths{display:grid;grid-template-columns:repeat(3,1fr);background:#100c0a}.path-card{min-height:620px;padding:35px;position:relative;display:flex;align-items:end;overflow:hidden;color:white;background-position:center;background-size:cover}.path-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0806ed 5%,transparent 70%);transition:.5s}.path-card:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff24;transform:scale(.96);opacity:0;transition:.5s}.path-card:hover:after{transform:none;opacity:1}.path-card:hover:before{background:linear-gradient(0deg,#42151bdd 5%,transparent 85%)}.path-card>span{position:absolute;top:30px;right:35px;font:2rem var(--serif);color:#ffffff77}.path-card>div{position:relative;z-index:2;transition:.4s}.path-card:hover>div{transform:translateY(-15px)}.path-card h2{font:600 3.2rem/.9 var(--serif);margin:15px 0}.angel-card{background-image:url('https://cdn.website.dish.co/media/f4/56/8353038/Matalafer-2024-02-09-jpg.jpg')}.menu-card{background-image:url('https://cdn.website.dish.co/media/3b/b3/8352949/Matalafer-2023-12-23-jpg.jpg')}.carta-card{background-image:url('https://cdn.website.dish.co/media/cc/68/8352965/Matalafer-2024-09-12-jpg.jpg')}.home-reserve{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#eee3d4}.home-reserve>div:first-child{padding:100px 8vw;display:flex;flex-direction:column;justify-content:center}.home-reserve h2{font:600 clamp(3.5rem,6vw,6rem)/.85 var(--serif);margin:20px 0}.home-reserve .button{align-self:start;margin-top:25px}.home-reserve-photo{background:url('https://cdn.website.dish.co/media/3a/7b/8352955/Matalafer-2024-02-09-jpg.jpg') center/cover}.conversation-page{min-height:100vh;padding:135px 24px 100px;color:white;background:radial-gradient(circle at 50% 25%,#5b172155,transparent 35%),#100c0a}.conversation-brand{text-align:center}.conversation-brand span{font:italic 1.2rem var(--serif);color:#d7cbc2}.conversation-wizard{max-width:720px;margin:45px auto}.conversation-wizard .wizard-progress{margin-bottom:35px}.conversation-wizard .wizard-step{min-height:500px;padding:65px;background:#f5eee5;color:#211a16;box-shadow:0 30px 90px #0009}.conversation-wizard .wizard-step legend{float:left;display:block;width:100%;max-width:none;margin:0 0 18px;padding:0;color:#211a16;font:600 clamp(2.4rem,5vw,4rem)/.95 var(--serif)}.conversation-wizard .wizard-step legend+*{clear:both}.conversation-wizard .wizard-step>p{color:#655b53}.conversation-wizard .wizard-step>input,.conversation-wizard .wizard-step>textarea{margin:28px 0 15px;border:0;border-bottom:2px solid #7b1f2b;background:transparent;padding:18px 4px;color:#211a16;font:500 1.35rem var(--sans);outline:none}.conversation-wizard .wizard-step>input::placeholder,.conversation-wizard .wizard-step>textarea::placeholder{color:#6e6863;opacity:1}.conversation-wizard .wizard-step>input:focus,.conversation-wizard .wizard-step>textarea:focus{border-color:var(--copper)}.question-number{color:var(--copper)!important;font-size:.68rem!important;letter-spacing:.18em}.wizard-actions.single{justify-content:flex-end}.confirmation-note{font-size:.72rem;color:#5f554e;margin-top:25px}.daily-card>div,.daily-card h2,.daily-card h3,.daily-card p{color:#211a16}.daily-card small{color:#5f574f}.menu-hero h1,.menu-hero>p:not(.eyebrow){color:#fff;text-shadow:0 3px 20px #000}.menu-hero+.section{background:#f5eee5;color:#211a16}.menu-hero+.section .empty-state{background:#fffaf3;border:1px solid #c9b8a9;box-shadow:0 24px 60px #0002;padding:80px 35px}.menu-hero+.section .empty-state h2{color:#5b1721;font:600 clamp(2.8rem,6vw,5rem)/.9 var(--serif);margin:0 0 20px}.menu-hero+.section .empty-state p{color:#544b44;font-size:1rem}.empty-state h2,.empty-state p{color:inherit}.angel-photo{background-position:center!important}.angel-story .actions{align-items:center}.angel-story .text-link{font-size:.75rem}@media(max-width:850px){.home-paths{grid-template-columns:1fr}.path-card{min-height:72vh}.home-reserve{grid-template-columns:1fr}.home-reserve>div:first-child{padding:75px 24px}.home-reserve-photo{min-height:60vh}.conversation-page{padding:100px 14px 80px}.conversation-wizard .wizard-step{padding:38px 22px;min-height:520px}.conversation-wizard .wizard-step legend{font-size:2.5rem}.angel-story h1{font-size:3.7rem}.menu-hero+.section .empty-state{padding:55px 20px}}

/* Wine catalogue: readable without JavaScript or scroll animations. */
.wine-section{opacity:1;transform:none;padding:64px 6vw 90px}
.wine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wine{display:flex;flex-direction:column;min-width:0;background:#211b17;border:1px solid #493b31;color:#f4eee5;overflow:hidden}
.wine[hidden]{display:none!important}
.wine>img,.wine-placeholder{width:100%;height:260px;background:#eee6db}
.wine>img{object-fit:cover;object-position:center;padding:0;background:#211b17}
.wine-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#382820,#171310);font:4rem var(--serif);color:#c8986f}
.wine-body{padding:24px;overflow-wrap:anywhere}
.wine-section .wine-body h2{font:600 2rem/1.15 var(--serif);margin:12px 0;color:#fff4e6}
.wine-body .category{color:#dcad85;line-height:1.7}
.wine-body p{font-size:.9rem;line-height:1.7;color:#ddd1c6;margin:12px 0}
.wine-body small{display:block;color:#c8b9aa}
.wine-prices{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px;padding-top:16px;border-top:1px solid #534336;font-size:.9rem}
.wine-prices span{display:flex;gap:8px;align-items:baseline}
.wine-prices b{color:#e6b98f;white-space:nowrap}
@media(max-width:1000px){.wine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wine-section{padding:36px 18px 85px}.wine-grid{grid-template-columns:minmax(0,1fr);gap:20px}.wine-body{padding:20px}.wine-section .filters{justify-content:flex-start;gap:8px;margin-bottom:24px}.wine-section .filters button{min-height:44px;padding:10px 14px;color:#eadfd3}.wine-section .filters button.active{color:white}.wine>img,.wine-placeholder{height:240px}.wine-section .wine-body h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.wine-section{transition:none}}

/* Original restaurant identity; preserve the supplied artwork and colours. */
.restaurant-logo{display:block;width:190px;height:95px;max-width:100%;flex-shrink:0}
.header .brand{display:block;line-height:1;letter-spacing:normal}
.header .restaurant-logo{width:148px;height:74px}
.footer-brand .restaurant-logo{width:220px;height:110px}
.intro-original-logo{display:flex;justify-content:center;margin:0 auto 20px}
.intro-original-logo .restaurant-logo{width:300px;height:150px}
@media(max-width:850px){.header .restaurant-logo{width:130px;height:65px}.footer-brand .restaurant-logo{width:190px;height:95px}.intro-original-logo .restaurant-logo{width:260px;height:130px}}
