/*
Theme Name: Restaurante Decamerón Ajustado 1.0.3
Theme URI: https://restaurantedecameron.com/
Author: Decamerón
Description: Tema bilingüe de una sola página, cálido y adaptable para Restaurante Decamerón.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: decameron
*/
:root{--wine:#57232e;--wine2:#753440;--cream:#f5f0e6;--paper:#fffdf8;--ink:#25211f;--muted:#77716b;--line:#ded6ca;--gold:#bd9860}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.top{background:var(--wine);color:#f9f3e8;text-align:center;font-size:11px;letter-spacing:.16em;padding:10px 18px}.header{min-height:86px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-family:Georgia,serif;font-size:24px;color:var(--wine);font-weight:700;letter-spacing:.02em}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;text-align:center;letter-spacing:.25em;font-weight:500;color:#806f64;margin-top:3px}.nav{display:flex;align-items:center;gap:22px;font-size:12px}.nav a:hover{color:var(--wine2)}.actions{display:flex;align-items:center;gap:14px;font-size:11px}.lang{border:0;background:none;font:inherit;color:var(--ink);cursor:pointer}.button{background:var(--wine);color:#fff8ee!important;padding:13px 19px;border:1px solid var(--wine);letter-spacing:.07em;font-size:11px;display:inline-block;transition:.2s}.button:hover{background:var(--wine2)}.button.outline{background:transparent;color:var(--wine)!important}.mobileMenu{display:none}.hero{min-height:530px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr}.heroCopy{padding:85px 9% 75px 13%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:var(--wine2);font-weight:700}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(43px,5.2vw,72px);line-height:1.07;letter-spacing:-.025em;color:var(--wine);margin:24px 0 15px}.hero p{max-width:405px;color:#514b46;font-size:15px;line-height:1.85;margin:0 0 30px}.heroBtns{display:flex;gap:12px;flex-wrap:wrap}.photoPlaceholder{position:relative;min-height:470px;background:linear-gradient(145deg,#e9dfcf,#cbbca8);display:grid;place-items:center;overflow:hidden}.photoPlaceholder:before{content:'';position:absolute;inset:7%;border:1px solid rgba(87,35,46,.35)}.photoNote{position:relative;background:rgba(255,253,248,.92);padding:19px 24px;text-align:center;max-width:270px;color:var(--wine);font-family:Georgia,serif;font-size:18px;line-height:1.4}.photoNote span{display:block;font-family:Arial,sans-serif;font-size:9px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:#74665a;margin-top:10px}.est{position:absolute;bottom:10%;right:10%;color:#fffdf8;background:var(--wine);font-family:Georgia,serif;font-size:15px;padding:19px 21px;box-shadow:0 8px 28px #52342533}.band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--wine);color:#fff9ee;padding:22px 8%;text-align:center}.band div{border-right:1px solid #ffffff35;font-size:12px;letter-spacing:.05em;padding:7px}.band div:last-child{border:0}.band strong{font-family:Georgia,serif;font-size:17px;font-weight:500;display:block;margin-bottom:5px}.section{padding:88px 9%}.sectionHead{text-align:center;max-width:700px;margin:0 auto 43px}.sectionHead h2,.story h2,.contact h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(34px,4vw,48px);color:var(--wine);margin:13px 0}.sectionHead p{font-size:14px;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--cream);padding:0 0 26px}.cardPhoto{height:205px;background:linear-gradient(135deg,#d5c9b8,#eee5d8);display:grid;place-items:center;color:#806f64;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:15px}.cardText{padding:22px 24px 0}.card h3{font-family:Georgia,serif;font-weight:500;color:var(--wine);font-size:23px;margin:0 0 9px}.card p{font-size:13px;line-height:1.75;color:#655e58;margin:0}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.storyVisual{min-height:400px;display:grid;place-items:center;background:#e5dacb}.storyVisual div{border:1px solid #9d826b;padding:34px;text-align:center;font-family:Georgia,serif;font-size:32px;line-height:1.3;color:var(--wine)}.storyCopy{padding:68px 13%;align-self:center}.storyCopy p,.contact p{font-size:14px;line-height:1.9;color:#5c554e}.storyCopy .button{margin-top:13px}.executive{background:#4b2029;color:#fff8ed;padding:74px 9%;text-align:center}.executive .eyebrow{color:#d8bd91}.executive h2{font:500 42px Georgia,serif;margin:13px 0}.executive p{max-width:600px;margin:0 auto 25px;line-height:1.8;color:#efe4d6;font-size:14px}.executive .button{background:transparent;border-color:#d8bd91;color:#fff8ed!important}.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact h2{font-size:42px}.map{height:290px;background:#e9e3d9;display:grid;place-items:center;text-align:center;color:#6b625a;font-size:12px;letter-spacing:.1em}.map small{font-size:11px;letter-spacing:0}.footer{background:#271b1b;color:#f3e9dc;padding:42px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer .brand{color:#f3e9dc}.fine{color:#b7a99b;font-size:10px;line-height:1.8}.lang-en [data-lang="es"]{display:none!important}.lang-es [data-lang="en"]{display:none!important}.menu-open .nav{display:flex}@media(max-width:930px){.nav{gap:12px}.nav a{font-size:10px}.header{padding:0 4%}.actions{gap:9px}}@media(max-width:720px){.top{font-size:9px}.header{min-height:72px}.nav{display:none;position:absolute;z-index:5;left:0;right:0;top:100px;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav a{font-size:13px}.mobileMenu{display:block;border:0;background:none;color:var(--wine);font-size:23px;cursor:pointer}.actions .button{padding:10px 12px;font-size:9px}.brand{font-size:21px}.hero{grid-template-columns:1fr}.heroCopy{padding:55px 8%}.photoPlaceholder{min-height:310px;grid-row:1}.hero h1{font-size:48px}.band{padding:16px 3%}.band div{font-size:9px;padding:4px}.band strong{font-size:14px}.section{padding:68px 6%}.cards{grid-template-columns:1fr}.cardPhoto{height:210px}.story{grid-template-columns:1fr}.storyVisual{min-height:270px}.storyCopy{padding:48px 8%}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:36px}.footer{align-items:flex-start;flex-direction:column}}

/* Decamerón: approved brand image and dining-room photograph */
.brand-logo{display:flex;align-items:center;flex:0 0 auto}
.brand-logo img{display:block;width:76px;height:76px;object-fit:contain}
.heroPhoto{display:block;min-height:530px;background:#e8dfd3}
.heroPhoto:before{z-index:1;pointer-events:none}
.heroPhoto>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.heroPhoto .est{z-index:2}
@media(max-width:720px){.brand-logo img{width:64px;height:64px}.heroPhoto{min-height:390px}}


/* Responsive safeguards and WordPress Site Identity logo */
img, picture, video, iframe { max-width:100%; }
img { height:auto; }
.header { width:100%; max-width:100%; min-width:0; }
.brand-logo { max-width:min(360px, 48vw); min-width:0; }
.header .custom-logo-link { display:flex; align-items:center; max-width:min(360px, 48vw); flex:0 1 auto; }
.header img.custom-logo { display:block; width:auto; height:auto; max-width:min(360px, 48vw); max-height:76px; object-fit:contain; }
.brand-fallback { display:block; font-family:Georgia,serif; font-size:24px; color:var(--wine); font-weight:700; white-space:nowrap; }
.brand-fallback small { display:block; font-family:Arial,sans-serif; font-size:9px; text-align:center; letter-spacing:.2em; font-weight:500; margin-top:3px; }
.heroPhoto { min-width:0; width:100%; }
.heroPhoto>img { max-width:none; }
@media(max-width:720px){ .brand-logo { max-width:48vw; } .header .custom-logo-link { max-width:48vw; } .header img.custom-logo { max-width:48vw; max-height:58px; } .brand-fallback { font-size:18px; } }