:root{
  --madera:#8B5E34;--madera-osc:#6E4726;--crema:#F6F1EA;--carbon:#23201C;--gris:#6B635A;--linea:#E4DBD0;--blanco:#fff;
  --serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--carbon);background:var(--blanco);line-height:1.6;font-size:1rem;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.2vw,4.2rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:1.35rem}
.container{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--madera);font-weight:600;margin-bottom:.9rem}
.eyebrow--claro{color:#D9B58C}
.btn{display:inline-block;background:var(--madera);color:#fff;padding:.95rem 1.6rem;font-weight:600;font-size:.95rem;transition:background .2s;border:2px solid var(--madera);cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--madera-osc);border-color:var(--madera-osc)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn--ghost:hover{background:#fff;color:var(--carbon);border-color:#fff}
.btn--small{padding:.6rem 1.1rem;font-size:.88rem}
.section{padding:clamp(3.5rem,8vw,6.5rem) 0}
.section--crema{background:var(--crema)}
.section--carbon{background:var(--carbon);color:#EDE6DC}
.section__head{max-width:720px;margin-bottom:3rem}
.section__head p:not(.eyebrow){color:var(--gris);margin-top:1rem;font-size:1.05rem}
.section__head--row{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}
.section__head--row p{margin:0}

/* header */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:74px}
.logo{display:flex;align-items:center;gap:.7rem;font-family:var(--serif);font-size:1.35rem;white-space:nowrap}
.logo em{font-style:italic;color:var(--madera)}
.nav{display:flex;align-items:center;gap:1.7rem;font-weight:500;font-size:.95rem}
.nav a:not(.btn):hover{color:var(--madera)}
.header__phone{font-weight:600;white-space:nowrap}
.burger{display:none;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:6px}
.burger span{display:block;height:2px;background:var(--carbon);transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:calc(100vh - 74px);max-height:820px;display:flex;align-items:center;color:#fff;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-1}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,18,12,.88) 0%,rgba(24,18,12,.7) 45%,rgba(24,18,12,.25) 100%)}
.hero__content{padding:4rem 0;max-width:760px}
.hero .eyebrow{color:#E7C79F}
.hero__text{font-size:1.15rem;margin:1.4rem 0 2rem;max-width:600px;color:#F1E9DE}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem}
.hero__facts{display:flex;flex-wrap:wrap;gap:1.2rem 2.2rem;margin-top:2.6rem;font-size:.9rem;color:#E1D6C8}
.hero__facts strong{display:block;color:#fff;font-weight:600}

/* cifras */
.cifras{background:var(--madera);color:#fff}
.cifras__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2.2rem 0}
.cifras__grid strong{display:block;font-family:var(--serif);font-size:2.6rem;line-height:1}
.cifras__grid span{font-size:.9rem;opacity:.9}

/* servicios */
.servicios__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.servicio{border:1px solid var(--linea);padding:2rem 1.8rem;position:relative;transition:border-color .2s,transform .2s;background:#fff}
.servicio:hover{border-color:var(--madera);transform:translateY(-3px)}
.servicio__num{font-family:var(--serif);color:var(--madera);font-size:1.6rem;display:block;margin-bottom:1rem}
.servicio h3{margin-bottom:.6rem}
.servicio p{color:var(--gris);font-size:.96rem}

/* proceso */
.proceso{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center}
.proceso__img img{aspect-ratio:4/5;object-fit:cover;width:100%}
.pasos{margin:2rem 0 2.2rem;display:grid;gap:1.5rem}
.pasos li{display:flex;gap:1.2rem}
.pasos li>span{flex:0 0 46px;height:46px;background:var(--madera);color:#fff;font-family:var(--serif);font-size:1.3rem;display:grid;place-items:center}
.pasos h3{font-size:1.2rem;margin-bottom:.25rem}
.pasos p{color:var(--gris);font-size:.96rem}

/* galeria */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:1rem}
.galeria__item{position:relative;overflow:hidden;background:var(--crema)}
.galeria__item--big{grid-column:span 2;grid-row:span 2}
.galeria__item--wide{grid-column:span 2}
.galeria__item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.galeria__item:hover img{transform:scale(1.04)}
.galeria__item figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.2rem 1rem;background:linear-gradient(0deg,rgba(20,15,10,.85),transparent);color:#fff;font-size:.9rem}
.galeria__item figcaption strong{display:block;font-weight:600}
.galeria__item figcaption span{opacity:.85}

/* taller */
.taller{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
.taller h2{color:#fff;margin-bottom:1.4rem}
.taller p{color:#CFC5B8;margin-bottom:1rem}
.taller__lista{margin-top:1.6rem;display:grid;gap:.6rem}
.taller__lista li{padding-left:1.6rem;position:relative;color:#EDE6DC}
.taller__lista li::before{content:"";position:absolute;left:0;top:.6em;width:.8rem;height:2px;background:#D9B58C}
.taller__img{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.taller__img img{aspect-ratio:3/4;object-fit:cover;width:100%}
.taller__img img:last-child{margin-top:3rem}

/* opiniones */
.opiniones__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.opinion{background:var(--crema);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem}
.opinion p{font-size:1.02rem;line-height:1.65}
.opinion footer{display:flex;align-items:center;gap:.9rem}
.opinion footer img{width:48px;height:48px;object-fit:cover;border-radius:50%}
.opinion footer strong{display:block;font-weight:600}
.opinion footer span{font-size:.85rem;color:var(--gris)}

/* contacto */
.contacto{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.contacto__info>p{color:var(--gris);margin:1rem 0 2rem}
.contacto dl{display:grid;gap:1.3rem}
.contacto dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--madera);font-weight:600;margin-bottom:.2rem}
.contacto dd a:hover{color:var(--madera)}
.form{background:#fff;padding:2.2rem;border:1px solid var(--linea);display:grid;gap:1.1rem}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.form label{display:grid;gap:.4rem;font-size:.9rem;font-weight:500}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;padding:.8rem .9rem;border:1px solid #CFC5B8;background:#FBF8F4;width:100%;color:var(--carbon)}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--madera);outline-offset:0}
.form .check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.85rem;color:var(--gris)}
.form .check input{width:auto;margin-top:.25rem}
.form__ok{color:#2F6B3A;font-weight:600}

/* footer */
.footer{background:var(--carbon);color:#CFC5B8;padding:3rem 0 1.5rem;font-size:.92rem}
.footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #3B352E}
.logo--footer{color:#fff;margin-bottom:.6rem}
.footer__nav,.footer__legal{display:grid;gap:.5rem;align-content:start}
.footer a:hover{color:#fff}
.footer__copy{padding-top:1.3rem;font-size:.82rem}

/* responsive */
@media (max-width:1024px){
  .servicios__grid,.opiniones__grid{grid-template-columns:repeat(2,1fr)}
  .galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}
  .galeria__item--big{grid-column:span 2;grid-row:span 1}
  .proceso,.taller,.contacto{grid-template-columns:1fr;gap:2.5rem}
  .taller__img img:last-child{margin-top:0}
  .section__head--row{grid-template-columns:1fr}
  .header__phone{display:none}
}
@media (max-width:820px){
  .burger{display:flex}
  .nav{position:fixed;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;gap:0;border-bottom:1px solid var(--linea);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.25s}
  .nav.is-open{transform:none;opacity:1;visibility:visible}
  .nav a{padding:.85rem 0;border-bottom:1px solid var(--linea)}
  .nav a.btn{margin-top:1rem;text-align:center;border-bottom:0}
  .hero{min-height:0}
  .hero__content{padding:4.5rem 0}
  .cifras__grid{grid-template-columns:repeat(2,1fr)}
  .footer__inner{grid-template-columns:1fr}
}
@media (max-width:560px){
  .servicios__grid,.opiniones__grid,.galeria,.form__row,.taller__img{grid-template-columns:1fr}
  .galeria__item,.galeria__item--big,.galeria__item--wide{grid-column:span 1;grid-row:span 1}
  .galeria{grid-auto-rows:240px}
  .hero__actions .btn{width:100%;text-align:center}
  .form{padding:1.5rem}
  .container{width:min(1200px,100% - 2rem)}
}