/* A lighter, friendlier presentation for Latina With Flavor. */
:root { --paper:#fffaf4; --cream:#fff1e6; --ink:#24201f; --black:#24201f; --red:#be3644; --blue:#245e93; --muted:#625b55; }
body { background:var(--paper); }
.site-header { background:var(--paper); color:var(--ink); border-bottom:1px solid #e9ded4; height:76px; box-shadow:0 4px 20px rgba(56,28,19,.04); }
.site-header::after { display:none; }
.wordmark .brand-latina { color:var(--red); }
.wordmark .brand-with { color:var(--ink); }
.wordmark .brand-flavor { color:var(--blue); }
.wordmark small { color:var(--muted); }
.desktop-nav { text-transform:none; letter-spacing:0; font-size:.9rem; }
.facebook-link { border:0; padding:11px 19px; }
.hero { background:var(--paper); color:var(--ink); grid-template-columns:50% 50%; min-height:610px; padding:clamp(22px,3vw,45px) clamp(24px,5vw,76px); gap:clamp(20px,3vw,44px); align-items:center; }
.hero-copy { padding:36px 0; }
.hero-copy::before { display:none; }
.hero .eyebrow { color:var(--red); }
.hero h1 { font-size:clamp(3.1rem,5vw,5.6rem); line-height:1.08; margin:18px 0 22px; max-width:680px; }
.hero h1 em { color:var(--red); }
.hero-lede { color:#514b47; max-width:480px; font-size:1.08rem; }
.hero-note { color:#6a625d; margin-top:30px; }
.hero-image-wrap { min-height:540px; height:100%; border-radius:30px; box-shadow:15px 17px 0 #f4dbd4; }
.hero-image-wrap::after { display:none; }
.button { border-radius:999px; justify-content:center; padding:15px 24px; gap:20px; box-shadow:0 5px 14px rgba(61,27,25,.1); }
.button:hover, .facebook-link:hover, .menu-nav a:hover { transform:translateY(-2px); }
.button, .facebook-link, .menu-nav a { transition:transform .2s, background .2s; }
.intro { background:transparent; color:var(--ink); margin:0 auto; max-width:1400px; padding:42px clamp(24px,5vw,72px); border-top:1px solid #e8ddd4; border-bottom:1px solid #e8ddd4; }
.intro-mark { font-family:'Allura',cursive; font-size:2.8rem; color:var(--red); line-height:1; }
.intro-mark span { display:inline-block; margin-left:6px; color:var(--blue); font-family:Arial,sans-serif; font-size:1.4rem; }
.intro p { color:#514b47; }
.intro a { color:var(--blue); }
.photos-section { padding-top:72px; padding-bottom:80px; }
.photos-heading h2, .section-heading h2, .contact h2 { font-size:clamp(2.5rem,4vw,4.4rem); }
.photo-grid { gap:18px; }
.photo-grid figure { border-radius:22px; box-shadow:0 8px 28px rgba(59,31,21,.08); }
.photo-grid figcaption { border-radius:999px; background:rgba(36,32,31,.86); padding:7px 14px; }
.menu-section { background:var(--cream); }
.menu-nav a { border-radius:999px; padding:9px 18px; }
.menu-category { background:#fffaf5; border-radius:22px; padding:24px 26px 12px; box-shadow:0 7px 25px rgba(63,33,22,.045); }
.menu-grid { gap:clamp(20px,3vw,40px); }
.category-heading { border-bottom-color:var(--red); }
.contact { background:var(--blue); border-radius:30px; margin:36px clamp(24px,5vw,72px); padding:60px clamp(28px,5vw,72px); }
.contact h2 em { color:#ffd2b6; }
.contact .eyebrow, .contact p:last-child { color:#f1f5fa; }
.contact .accent-line { background:#ffd2b6; }
.button-light { background:#fff; color:var(--blue); }
.button-light:hover { background:#f5e8db; }
footer { background:#24201f; }
@media (max-width:1050px) { .hero { grid-template-columns:1fr 1fr; } .hero-copy { padding:25px 0; } .hero-image-wrap { min-height:470px; } }
@media (max-width:700px) {
 .site-header { height:68px; }
 .hero { padding:24px 24px 42px; gap:18px; }
 .hero-copy { padding:24px 0 12px; }
 .hero h1 { font-size:clamp(3.1rem,11vw,4.5rem); }
 .hero-image-wrap { min-height:0; aspect-ratio:1.18; border-radius:22px; box-shadow:8px 9px 0 #f4dbd4; }
 .intro { padding:34px 24px; }
 .intro-mark { font-size:2.5rem; }
 .photos-section { padding-top:65px; }
 .photo-grid figure { border-radius:18px; }
 .menu-category { padding:20px 20px 8px; margin-bottom:22px; }
 .contact { border-radius:24px; margin:28px 16px 40px; padding:42px 26px; }
 .mobile-facebook { border-radius:18px 18px 0 0; }
}