/*
Theme Name: El Rey de Porras
Author: El Rey de Porras
Description: Tema personalizado inspirado en la referencia aportada.
Version: 2.0
Requires PHP: 7.4
*/
:root{--cream:#faf4e9;--brown:#422519;--gold:#f7b52e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font:16px/1.5 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.header{background:#fcf8f0;position:relative;z-index:3}.header-inner{max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 4%}.identity{display:flex;align-items:center;gap:12px}.identity img{width:92px;height:92px;object-fit:contain}.identity strong{font-weight:950;letter-spacing:.03em;font-size:clamp(20px,2.3vw,34px);line-height:1}.nav{display:flex;gap:clamp(12px,2vw,30px);align-items:center}.nav a{font-size:14px;font-weight:750}.nav a:hover{color:#a85e20}.hamburger{display:none;background:var(--brown);color:white;border:0;padding:10px 15px;border-radius:6px}.hero{background:linear-gradient(90deg,rgba(25,12,7,.95),rgba(25,12,7,.6) 34%,transparent 72%),url('assets/hero.jpg') center/cover;min-height:410px;display:flex;align-items:center;color:white}.hero-inner{width:100%;max-width:1450px;margin:auto;padding:45px 5%}.hero h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(40px,4.6vw,72px);line-height:.99;margin:0 0 24px}.hero h1 span{color:var(--gold)}.hero p{max-width:330px;font-size:19px}.btn{display:inline-block;background:var(--gold);padding:12px 27px;border-radius:5px;font-weight:800;margin-top:15px}.features{display:grid;grid-template-columns:repeat(4,1fr);max-width:1450px;margin:auto;padding:24px 4%;gap:12px}.feature{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #d7c8b8}.feature:last-child{border:0}.feature b{font-size:32px}.lower{display:grid;grid-template-columns:2fr 1fr .85fr;gap:26px;max-width:1450px;margin:auto;padding:20px 4% 30px}.product-feature{background:linear-gradient(90deg,#fffdf8 0%,#fffdf8 38%,transparent 70%),url('assets/churros.jpg') right center/cover;min-height:320px;display:flex;align-items:center;padding:30px}.product-feature>div{max-width:45%}h2{font:italic bold 36px Georgia,serif;margin:0 0 15px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery-grid img{width:100%;height:110px;object-fit:cover}.side{background:#f2e9da;padding:20px;border-radius:4px}.side h3{margin:0 0 6px}.side p{font-size:14px}.footer{background:#43251a;color:white;text-align:center;padding:22px}.section{max-width:1200px;margin:auto;padding:50px 5%}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:white;border-radius:8px;overflow:hidden}.product img{width:100%;height:210px;object-fit:cover}.product .details{padding:18px}.status{font-weight:bold}.muted{color:#725f52}
@media(max-width:980px){.hamburger{display:block}.header-inner{flex-wrap:wrap}.nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:15px}.nav.open{display:flex}.lower{grid-template-columns:1fr 1fr}.product-feature{grid-column:1/-1}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border:0}}
@media(max-width:600px){.identity img{width:65px;height:65px}.identity strong{font-size:20px}.hero{min-height:420px;background-position:55% center}.hero-inner{padding:38px 6%}.features,.lower,.products{grid-template-columns:1fr}.feature{border:0;justify-content:flex-start;padding:8px}.product-feature{grid-column:auto;min-height:340px;background:linear-gradient(90deg,#fffdf8 0%,#fffdf8c9 48%,transparent),url('assets/churros.jpg') center/cover}.product-feature>div{max-width:75%}.gallery-grid img{height:135px}}