:root{--forest:#16302a;--forest-2:#245146;--leaf:#83a95c;--sage:#cbd8b6;--cream:#f5f0e5;--paper:#fffdf8;--turmeric:#e3a530;--ink:#1d2a26;--muted:#64716c;--line:#dce3d8;--shadow:0 14px 38px rgba(22,48,42,.11);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Work Sans",system-ui,sans-serif;line-height:1.65}a{color:var(--forest-2);text-decoration-thickness:1px;text-underline-offset:3px}img,svg{max-width:100%}.ico{display:block;width:100%;height:100%}h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;line-height:1.13;color:var(--forest);margin-top:0}h1{font-size:clamp(2.5rem,6vw,5.5rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.35rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--forest-2);font-size:.78rem}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:76px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{width:min(1240px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--forest);font-family:"Fraunces",serif;font-size:1.35rem;font-weight:600;text-decoration:none;white-space:nowrap}.brand .ico{width:38px;height:38px}.main-nav ul{display:flex;align-items:center;justify-content:flex-end;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-nav a{font-size:.88rem;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{color:#a96d00}.nav-sep{margin-left:8px}.menu-toggle,.menu-btn{display:none}.hero{min-height:650px;padding:80px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;background:radial-gradient(circle at 85% 20%,#dce7ca 0,transparent 27%),linear-gradient(135deg,var(--cream),var(--paper))}.hero-inner{max-width:760px}.hero h1{margin:.15em 0}.hero-sub{max-width:680px;font-size:1.18rem;color:var(--muted)}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--forest);border-radius:999px;padding:13px 22px;background:none;color:var(--forest);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn-primary{background:var(--forest);color:white}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(22,48,42,.14)}.hero-art{position:relative;min-height:390px}.blob{position:absolute;width:220px;height:220px;padding:35px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:var(--shadow)}.blob-1{top:0;right:5%}.blob-2{bottom:5%;left:0;width:175px;height:175px}.blob-3{right:0;bottom:0;width:155px;height:155px}.intro-band{background:var(--forest);color:white;text-align:center;padding:55px max(20px,calc((100vw - 850px)/2));font-family:"Fraunces",serif;font-size:1.3rem}.divider{display:flex;align-items:center;gap:16px;justify-content:center;margin-bottom:18px}.divider span{height:1px;background:#8baa79;width:110px}.divider .ico{width:28px;height:28px}.quiz-section{padding-bottom:30px}.quiz-card{background:var(--cream);border:1px solid var(--line);border-radius:32px;padding:clamp(25px,5vw,55px)}.quiz-head{text-align:center;max-width:700px;margin:auto}.quiz-form{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.quiz-form>.btn{grid-column:1/-1;justify-self:center}.quiz-options{display:flex;flex-wrap:wrap;gap:9px}.quiz-option input{position:absolute;opacity:0}.quiz-option span{display:block;border:1px solid #b8c4b6;background:white;border-radius:999px;padding:9px 13px;cursor:pointer}.quiz-option input:checked+span{background:var(--forest);color:white;border-color:var(--forest)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;color:inherit;text-decoration:none;box-shadow:0 6px 20px rgba(22,48,42,.05);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--sage)}.card-ico{width:72px;height:72px;background:var(--cream);border-radius:50%;padding:13px;margin-bottom:17px}.card-cat{color:#7b5a16;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card h3{margin:8px 0}.card p{color:var(--muted);font-size:.93rem}.card-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.badge{font-size:.73rem;background:var(--cream);padding:4px 8px;border-radius:99px}.card-link{font-weight:700;margin-top:15px;color:var(--forest-2)}.cat-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:55px 0}.cat-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.cat-heading h2{margin:0}.cat-heading p{color:var(--muted);max-width:480px}.page-head{text-align:center;padding:85px 20px 60px;background:var(--cream)}.page-head h1{font-size:clamp(2.5rem,5vw,4rem);margin:.15em 0}.breadcrumb{width:min(1050px,calc(100% - 40px));margin:28px auto;color:var(--muted);font-size:.88rem}.prose{max-width:820px}.prose h2{margin-top:2em}.prose li{margin:.45em 0}.recipe-hero,.recipe-wrap{width:min(1050px,calc(100% - 40px));margin:auto}.recipe-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding:45px 0}.recipe-art{min-height:300px;border-radius:30px;background:var(--cream);padding:35px}.recipe-meta,.nutrition-grid{display:flex;flex-wrap:wrap;gap:12px}.recipe-meta>* ,.nutrition-grid>*{background:var(--cream);border-radius:14px;padding:10px 14px}.recipe-content{max-width:820px}.recipe-content section{margin:46px 0}.recipe-content .benefits,.recipe-content .ingredients,.recipe-content .steps{background:var(--cream);border-radius:var(--radius);padding:25px 25px 25px 46px}.warning,.note{border-left:4px solid var(--turmeric);background:#fff7df;padding:18px;border-radius:8px}.calculator,.converter,.tool-card{max-width:820px;margin:auto;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,5vw,45px)}input,select,textarea{width:100%;padding:12px;border:1px solid #abb8ad;border-radius:10px;background:white;color:var(--ink);font:inherit}.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-form{display:grid;gap:15px;background:var(--cream);padding:30px;border-radius:var(--radius)}.contact-form label{font-weight:600}.form-note,.updated,.approx{color:var(--muted);font-size:.87rem}.site-footer{margin-top:70px;background:var(--forest);color:#e5eee8}.footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:55px 0;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:38px}.footer-brand{display:flex;gap:13px}.footer-brand .ico{width:45px;height:45px}.site-footer h4,.site-footer strong{color:white}.site-footer a{color:#e5eee8}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:6px 0}.disclaimer{font-size:.83rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:18px;text-align:center;font-size:.82rem}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:18px;border-bottom:1px solid var(--line);max-height:calc(100vh - 72px);overflow:auto}.main-nav ul{display:block}.main-nav li{margin:13px}.menu-btn{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.menu-btn span{width:25px;height:2px;background:var(--forest)}.menu-toggle:checked~.main-nav{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:300px}.card-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.recipe-hero,.contact-wrap{grid-template-columns:1fr}}
@media(max-width:600px){.section,.cat-section{width:min(100% - 26px,1180px);padding:52px 0}.hero{padding:55px 18px}.hero-art{min-height:240px}.blob{width:150px;height:150px}.blob-2,.blob-3{width:120px;height:120px}.quiz-form{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.cat-heading{display:block}.footer-inner{grid-template-columns:1fr}.recipe-hero{padding-top:20px}.hero-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Autoría editorial y lectura de recetas */
body{overflow-x:hidden;overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--turmeric);outline-offset:3px}
.recipe{width:min(1050px,calc(100% - 40px));margin:0 auto}
.recipe-head{max-width:820px;margin:0 auto;padding:26px 0 34px;text-align:center}
.recipe-head h1{font-size:clamp(2.25rem,5vw,4.25rem);margin:.18em 0}
.recipe-excerpt{font-size:1.08rem;color:var(--muted);max-width:720px;margin:0 auto 14px}
.author-byline{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px auto 20px;color:var(--forest-2);font-size:.94rem;font-weight:600}
.author-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--forest);color:#fff;font-family:"Fraunces",Georgia,serif}
.recipe-hero-art{max-width:760px;margin:0 auto 36px;padding:22px;border-radius:30px;background:var(--cream)}
.hero-scene{display:block;width:100%;max-height:390px}
.recipe-body{max-width:820px;margin:0 auto;font-size:1.02rem}
.recipe-body h2{font-size:clamp(1.65rem,4vw,2.25rem);margin-top:1.7em}
.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0}
.ingredients-box,.steps-box,.tip-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:25px}
.ingredients-box li,.steps-box li,.benefits li{margin:.5em 0}
.nutrition-table{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 34px}
.nutrition-table>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--cream);text-align:center}
.nutrition-table strong{font-size:1.2rem;color:var(--forest)}
.nutrition-table span{font-size:.78rem;color:var(--muted)}
.editorial-credit{font-size:.84rem;color:var(--muted);margin-top:10px}
.sources-box{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#f7faf4}
.sources-box h2{margin-top:0;font-size:1.55rem}
.sources-box p{color:var(--muted)}
.sources-box li{margin:.55em 0}
.sources-box a{font-weight:600}
.recipe-photo-wrap{max-width:900px;margin:0 auto 38px}
.recipe-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}
.recipe-photo-wrap figcaption{margin-top:8px;color:var(--muted);font-size:.82rem;text-align:center}
.card-photo{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:15px;margin-bottom:18px}

@media(max-width:900px){
  .main-nav a{display:block;padding:10px 8px;font-size:1rem}
  .main-nav li{margin:2px}
  .menu-btn{min-width:44px;min-height:44px;align-items:center}
}
@media(max-width:600px){
  .header-inner{min-height:64px}
  .main-nav{top:64px;max-height:calc(100vh - 64px)}
  .breadcrumb,.recipe{width:calc(100% - 28px)}
  .breadcrumb{white-space:nowrap;overflow-x:auto;padding-bottom:5px}
  .recipe-head{padding-top:10px;text-align:left}
  .recipe-head h1{font-size:clamp(2rem,11vw,2.8rem)}
  .recipe-excerpt{font-size:1rem}
  .author-byline{justify-content:flex-start}
  .recipe-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .recipe-meta>*{padding:9px 10px;font-size:.86rem}
  .recipe-hero-art{padding:12px;margin-bottom:25px;border-radius:20px}
  .recipe-body{font-size:1rem}
  .recipe-grid{grid-template-columns:1fr;gap:16px}
  .ingredients-box,.steps-box,.tip-box{padding:20px}
  .sources-box{padding:20px}
  .recipe-photo{border-radius:18px}
  .nutrition-table{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nutrition-table>div:last-child{grid-column:1/-1}
  .card{padding:21px}
  .quiz-option span{padding:11px 14px}
}