:root{
  --bg:#FAF6F1;
  --card:#FFFFFF;
  --ink:#2A2420;
  --muted:#8A8078;
  --line:rgba(42,36,32,0.12);
  --accent:#E2522E;
  --accent-dark:#C8431F;
  --dark:#2E1F1B;
  --peach:#FBE9DA;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter', sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{margin:0;line-height:1.1;font-weight:400;}
h1,h2{font-weight:300;letter-spacing:-0.01em;}
p{margin:0;line-height:1.65;font-size:16px;}
a{color:inherit;text-decoration:none;}
.muted{color:var(--muted);}
.center{text-align:center;}
.accent-bold{color:var(--accent);font-weight:700;}

.wrap-edge{padding:0 7%;}
main>section:not(.hero) .wrap-edge,.site-footer .wrap-edge{padding-left:max(7%, calc((100% - 1320px)/2));padding-right:max(7%, calc((100% - 1320px)/2));}
.section{padding:88px 0;}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:0.06em;
  color:var(--accent);text-transform:uppercase;margin-bottom:18px;
}
.eyebrow-light{color:#F0A98C;}
.eyebrow svg{width:18px;height:18px;flex-shrink:0;}

.link-underline{font-weight:500;font-size:15px;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px;}
.link-light{color:#fff;border-bottom-color:rgba(255,255,255,0.5);}

.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;font-weight:500;font-size:15px;border-radius:999px;white-space:nowrap;}
.btn svg{width:18px;height:18px;}
.btn-pill-solid{background:var(--accent);color:#fff;}
.btn-pill-solid:hover{background:var(--accent-dark);}
.btn-pill-outline{border:1px solid rgba(255,255,255,0.5);color:#fff;padding:11px 22px;font-size:14px;}
.btn-pill-outline-dark{border:1px solid var(--accent);color:var(--accent);}
.btn-small{padding:9px 18px;font-size:13px;}

/* header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;background:transparent;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px;}
.logo-group{display:flex;align-items:baseline;gap:10px;}
.logo{font-weight:600;font-size:19px;color:#fff;}
.logo-sub{font-size:13px;color:rgba(255,255,255,0.55);}
.nav{display:flex;align-items:center;gap:40px;font-size:15px;color:rgba(255,255,255,0.85);}
.nav a:hover{color:#fff;}

/* hero */
.hero{
  position:relative;min-height:clamp(720px, 48vw, 1000px);display:flex;flex-direction:column;justify-content:center;align-items:stretch;
  background:var(--dark) url(img/hero-fondo.jpg?v=1) right center / cover no-repeat;
  overflow:hidden;border-radius:0 0 32px 32px;
  padding:140px 0 100px;
}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg, rgba(20,13,9,0.7) 0%, rgba(20,13,9,0.55) 42%, rgba(20,13,9,0.12) 68%, rgba(20,13,9,0) 88%);}
.hero-inner,.hero-foot{position:relative;z-index:1;}
.hero h1{color:#fff;font-size:clamp(40px, 6.1vw, 88px);line-height:1.05;}
.hero-lead{color:rgba(255,255,255,0.78);font-size:18px;margin-top:26px;max-width:540px;}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px;}
.hero-foot{position:absolute;left:0;right:0;bottom:40px;display:flex;align-items:flex-end;justify-content:space-between;}
.hero-foot-text{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.6);font-size:13px;}
.hero-foot-text div{display:flex;flex-direction:column;gap:2px;}
.hero-foot-text span:first-child{color:#fff;font-weight:500;}
.badge-stamp{width:96px;height:96px;color:rgba(255,255,255,0.85);}

/* el hornazo */
.hornazo-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.hornazo-photo-frame{position:relative;}
.hornazo-photo-main{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;display:block;}
.hornazo-photo-inset{position:absolute;right:-24px;bottom:-32px;width:46%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:4px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,0.18);}
.sticky-note{
  position:absolute;top:18px;left:18px;background:#FFFDF6;padding:12px 16px;border-radius:4px;
  transform:rotate(-6deg);box-shadow:0 6px 16px rgba(0,0,0,0.15);display:flex;align-items:flex-start;gap:8px;
  font-family:'Caveat',cursive;font-size:19px;font-weight:600;color:var(--ink);line-height:1.2;
}
.sticky-note svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:2px;}
.hornazo-tags{display:flex;align-items:center;gap:14px;margin-top:56px;font-size:15px;color:var(--ink);}
.hornazo-tags .dot{color:var(--line);font-size:18px;}
.hornazo-copy h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:18px;}
.hornazo-copy>p{color:var(--muted);font-size:clamp(16px,1.25vw,19px);max-width:520px;margin-bottom:28px;}
.feature-row{display:flex;gap:16px;margin-bottom:22px;}
.feature-icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--peach);display:flex;align-items:center;justify-content:center;color:var(--accent);}
.feature-icon svg{width:22px;height:22px;}
.feature-row h3{font-size:clamp(16px,1.2vw,19px);font-weight:600;margin-bottom:4px;}
.feature-row p{font-size:clamp(14px,1.05vw,16px);color:var(--muted);}
.hornazo-copy .btn{margin-top:12px;}

/* historia */
.historia-section{background:var(--peach);}
.historia-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.historia-copy h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:16px;}
.historia-lead{font-size:clamp(18px,1.5vw,22px);font-weight:500;margin-bottom:20px;}
.historia-copy p{color:var(--ink);opacity:0.8;font-size:clamp(16px,1.25vw,19px);margin-bottom:16px;max-width:540px;}
.historia-copy p strong{opacity:1;}
.historia-copy .btn{margin-top:14px;}
.historia-media{position:relative;}
.historia-photo{width:100%;aspect-ratio:10/11;object-fit:cover;border-radius:160px 160px 24px 24px;display:block;}
.historia-card{
  position:absolute;left:-24px;bottom:28px;background:#fff;border-radius:16px;padding:14px 18px;
  display:flex;align-items:center;gap:12px;box-shadow:0 14px 30px rgba(0,0,0,0.12);max-width:240px;
}
.historia-card svg{width:28px;height:28px;color:var(--accent);flex-shrink:0;}
.historia-card h4{font-size:14px;font-weight:600;}
.historia-card p{font-size:12px;color:var(--muted);}

/* formato */
.formato-head{text-align:center;margin-bottom:56px;}
.formato-head h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:10px;}
.formato-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto;}
.formato-photo-wrap{position:relative;margin-bottom:20px;}
.formato-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;display:block;}
.formato-badge{position:absolute;right:14px;bottom:14px;background:#fff;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.formato-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;}
.formato-info h3{font-size:clamp(19px,1.5vw,23px);font-weight:600;}
.formato-price{font-size:clamp(19px,1.5vw,23px);font-weight:700;color:var(--accent);}
.formato-note{text-align:center;margin-top:48px;color:var(--muted);font-size:14px;}

/* saber */
.saber-section{background:var(--peach);}
.saber-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:center;}
.saber-copy h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:16px;}
.saber-copy>p{color:var(--ink);opacity:0.8;font-size:clamp(16px,1.25vw,19px);max-width:460px;margin-bottom:18px;}
.saber-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.saber-card{background:#fff;border-radius:18px;padding:24px;}
.saber-card .feature-icon{margin-bottom:16px;}
.saber-card h4{font-size:clamp(16px,1.2vw,19px);font-weight:600;margin-bottom:8px;}
.saber-card p{font-size:clamp(14px,1.05vw,16px);color:var(--muted);}

/* obrador band */
.obrador-band{
  position:relative;padding:100px 0;text-align:center;
  background:var(--dark) url(img/obrador-texture.jpg?v=1) center / cover no-repeat;
}
.obrador-band::before{content:"";position:absolute;inset:0;background:rgba(20,13,9,0.6);}
.obrador-band-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}
.obrador-band-inner>*{max-width:760px;}
.obrador-band-inner .eyebrow{white-space:nowrap;}
.obrador-band h2{color:#fff;font-size:clamp(34px,3.3vw,54px);margin-bottom:14px;}
.obrador-band>.wrap-edge>p{color:rgba(255,255,255,0.78);font-size:clamp(16px,1.25vw,19px);margin-bottom:28px;}
.obrador-links{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px;flex-wrap:wrap;}
.obrador-links a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:15px;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:2px;}
.obrador-links svg{width:20px;height:20px;}
.obrador-links .sep{color:rgba(255,255,255,0.35);}

/* faq */
.faq-wrap{display:grid;grid-template-columns:0.8fr 1.3fr;gap:64px;}
.faq-pin{display:inline-flex;width:44px;height:44px;border-radius:12px;background:var(--peach);align-items:center;justify-content:center;color:var(--accent);margin-bottom:18px;}
.faq-pin svg{width:22px;height:22px;}
.faq-head h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:10px;}
.faq-item{border-top:1px solid var(--line);padding:22px 0;}
.faq-item:last-child{border-bottom:1px solid var(--line);}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500;font-size:clamp(16px,1.2vw,19px);list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-toggle{font-size:20px;color:var(--accent);font-weight:400;}
.faq-item p{color:var(--muted);margin-top:14px;max-width:560px;font-size:clamp(16px,1.25vw,19px);}

/* cta final */
.cta-final{position:relative;padding:110px 0;background:var(--dark) url(img/hero-fondo.jpg?v=1) right center / cover no-repeat;}
.cta-final::before{content:"";position:absolute;inset:0;background:rgba(46,31,27,0.84);}
.cta-final-inner{position:relative;z-index:1;}
.cta-final-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.cta-final h2{font-size:clamp(34px,3.3vw,54px);margin-bottom:12px;}
.cta-final-copy p{color:rgba(255,255,255,0.8);margin-bottom:26px;font-size:clamp(16px,1.25vw,19px);}
.cta-final h2{color:#fff;}
.cta-final .accent-bold{color:#F26A3F;}
.badge-stamp-dark{color:var(--ink);opacity:0.7;}

/* footer */
.site-footer{background:var(--dark);padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-about .logo{display:block;margin-bottom:6px;}
.footer-sub{color:rgba(255,255,255,0.5);font-size:13px;margin-bottom:14px;}
.footer-desc{color:rgba(255,255,255,0.65);font-size:14px;max-width:260px;}
.footer-col{display:flex;flex-direction:column;gap:12px;}
.footer-col h5{color:rgba(255,255,255,0.4);font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:6px;}
.footer-col a,.footer-col span{color:rgba(255,255,255,0.78);font-size:14px;}
.footer-col a:hover{color:#fff;}
.footer-disabled{color:rgba(255,255,255,0.3);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;flex-wrap:wrap;gap:12px;}
.footer-legal{display:flex;gap:24px;font-size:13px;color:rgba(255,255,255,0.45);}
.footer-location{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.55);}
.footer-location svg{width:16px;height:16px;}

/* responsive */
@media (max-width: 900px){
  .hero-scrim{background:linear-gradient(rgba(20,13,9,0.62),rgba(20,13,9,0.62));}
  .hornazo-grid,.historia-grid,.saber-grid,.faq-wrap{grid-template-columns:1fr;}
  .historia-media{order:-1;}
  .formato-grid{grid-template-columns:1fr;}
  .saber-cards{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav{display:none;}
  .section{padding:72px 0;}
}
@media (max-width: 600px){
  .hero{min-height:620px;padding:110px 0 80px;border-radius:0 0 20px 20px;}
  .hero-lead{font-size:15px;}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:18px;}
  .hero-foot{flex-direction:column;align-items:flex-start;gap:16px;}
  .badge-stamp{width:76px;height:76px;}
  .hornazo-copy h2,.historia-copy h2,.formato-head h2{font-size:30px;}
  .saber-copy h2,.obrador-band h2,.faq-head h2,.cta-final h2{font-size:27px;}
  .saber-cards{grid-template-columns:1fr;}
  .cta-final-inner{flex-direction:column;align-items:flex-start;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .hornazo-photo-inset{width:52%;right:-12px;bottom:-20px;}
}

.formato-desc{color:var(--muted);font-size:clamp(14px,1.05vw,16px);margin:-6px 0 16px;}

.arr{width:1em;height:1em;flex-shrink:0;display:inline-block;vertical-align:-0.12em;}
.btn .arr{width:16px;height:16px;vertical-align:baseline;}
@media (max-width: 600px){
  html,body{max-width:100%;overflow-x:hidden;}
  .logo-sub,.hero-foot,.footer-sub{display:none;}
  .header-inner{gap:12px;}
  .logo{font-size:17px;}
  .btn-pill-outline{padding:9px 16px;font-size:13px;white-space:nowrap;}
  .historia-card{left:12px;max-width:calc(100% - 24px);}
  .hornazo-photo-inset{right:8px;}
}