@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--lino:#f6f0e3;--claro:#fffdf7;--verde:#25452f;--oscuro:#173321;--tierra:#a2502b;--texto:#3d3229;--suave:#786b5f;--linea:#d9cdbb;--musgo:#dfe5d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--texto);font-family:"DM Sans",Arial,sans-serif;background:var(--lino)}a{color:inherit}img{max-width:100%}.estado{padding:8px 20px;color:#fff;background:var(--tierra);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}.cabecera{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(20px,5vw,72px);border-bottom:1px solid #0002;background:#f6f0e3f2;backdrop-filter:blur(14px)}.logo{width:230px;max-width:34vw}.navegacion{display:flex;align-items:center;gap:12px}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:20px}.nav a{font-size:.82rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--tierra)}.nav .contacto-menu{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;color:#fff;background:var(--verde)}.nav .contacto-menu:hover,.nav .contacto-menu:focus-visible{color:#fff;background:var(--tierra)}.menu-movil{display:none;width:44px;height:44px;padding:0;border:1px solid #3d322940;color:var(--verde);background:transparent;cursor:pointer}.menu-movil span,.menu-movil::before,.menu-movil::after{display:block;width:20px;height:1.5px;margin:0 auto;background:currentColor;content:"";transition:transform .2s ease,opacity .2s ease}.menu-movil span{margin-block:5px}.menu-movil[aria-expanded=true]::before{transform:translateY(6.5px) rotate(45deg)}.menu-movil[aria-expanded=true] span{opacity:0}.menu-movil[aria-expanded=true]::after{transform:translateY(-6.5px) rotate(-45deg)}.hero{padding:clamp(70px,10vw,140px) clamp(24px,8vw,130px);background:linear-gradient(#f6f0e3e8,#f6f0e3e8),url('textura-lana-optimizada.webp');background-size:auto,520px}.kicker{color:var(--tierra);font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,blockquote{font-family:"DM Serif Display",Georgia,serif;font-weight:400}h1{max-width:980px;margin:14px 0 22px;color:var(--verde);font-size:clamp(3rem,7vw,6.4rem);line-height:.94;letter-spacing:-.04em}.lead{max-width:780px;margin:0;color:var(--suave);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.75}.wrap{max-width:1240px;margin:auto;padding:clamp(58px,8vw,110px) clamp(22px,5vw,70px)}.wrap>h2{margin:0 0 24px;color:var(--verde);font-size:clamp(2.3rem,4.8vw,4.6rem);line-height:1}.intro{max-width:800px;color:var(--suave);font-size:1.05rem;line-height:1.8}.fondo-claro{background:var(--claro)}.fondo-verde{background:var(--musgo)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:38px}.card{grid-column:span 4;padding:30px;border:1px solid var(--linea);background:var(--claro)}.card.wide{grid-column:span 6}.card h3{margin:0;color:var(--verde);font-size:1.7rem}.card p,.card li{color:var(--suave);line-height:1.7}.tag{display:inline-block;margin-top:12px;padding:5px 9px;border:1px solid var(--linea);color:var(--tierra);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pasos{display:grid;gap:0;margin-top:35px;counter-reset:paso}.paso{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--linea);counter-increment:paso}.paso:before{color:var(--tierra);font-family:"DM Serif Display";font-size:2rem;content:counter(paso,decimal-leading-zero)}.paso h3{margin:0;color:var(--verde);font-size:1.5rem}.paso p{margin:7px 0 0;color:var(--suave);line-height:1.7}.tabla{width:100%;margin-top:30px;border-collapse:collapse;background:var(--claro)}.tabla th,.tabla td{padding:15px;border:1px solid var(--linea);text-align:left;vertical-align:top}.tabla th{color:var(--verde);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.aviso{margin:30px 0;padding:22px 25px;border-left:4px solid var(--tierra);background:#fff8e8;line-height:1.7}.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.legal-nav a,.boton{display:inline-flex;padding:11px 16px;border:1px solid var(--verde);border-radius:999px;color:var(--verde);font-weight:600;text-decoration:none}.legal{max-width:930px}.legal h2{margin-top:70px;color:var(--verde);font-size:2.4rem}.legal h3{margin-top:35px;color:var(--verde);font-size:1.45rem}.legal p,.legal li{line-height:1.78}.check{padding:0;list-style:none}.check li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--linea);line-height:1.55}.check li:before{position:absolute;left:0;color:var(--tierra);content:'□';font-size:1.3rem}.prioridad{color:#7f2d16;font-weight:600}.foto{padding:22px;border:1px dashed var(--tierra);background:#fffaf0}.foto h3{margin-top:0}.pie{display:grid;grid-template-columns:1fr auto;gap:25px;padding:34px clamp(24px,6vw,90px);color:#dfe8df;background:var(--oscuro);font-size:.78rem}.pie a{margin-right:16px}.version-web{white-space:nowrap}.print{margin-top:25px}@media print{.estado,.cabecera,.print,.pie{display:none}.hero,.wrap{padding:25px}.card{break-inside:avoid}}@media(max-width:850px){.nav a{display:none}.menu-movil{display:inline-block}.nav.is-open{position:absolute;top:calc(100% + 1px);right:0;left:0;display:grid;gap:0;padding:10px clamp(18px,5vw,44px) 18px;border-bottom:1px solid #0002;background:#f6f0e3fc;box-shadow:0 12px 24px #3d32291a}.nav.is-open a{display:flex;align-items:center;min-height:46px;padding:0}.nav.is-open .contacto-menu{min-height:48px;margin-top:9px;padding:12px 16px}.grid{grid-template-columns:1fr}.card,.card.wide{grid-column:auto}.pie{grid-template-columns:1fr}.tabla{font-size:.82rem}}@media(max-width:560px){.hero{padding-top:55px}.cabecera{padding:10px 18px}.logo{width:180px;max-width:58vw}.tabla{display:block;overflow-x:auto}.paso{grid-template-columns:48px 1fr}}
/* Galerías de revisión: referencias GPT y fotografías reales recuperadas */
.galeria-proceso{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.muestra-proceso{margin:0;border:1px solid var(--linea);background:var(--claro);overflow:hidden}.muestra-proceso img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.muestra-proceso figcaption{padding:14px 16px;color:var(--suave);font-size:.78rem;line-height:1.45}.muestra-proceso strong{display:block;margin-bottom:4px;color:var(--verde);font-size:.88rem}.archivo{display:block;margin-top:7px;color:var(--tierra);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;overflow-wrap:anywhere}.foto-real img{display:block;width:calc(100% + 60px);max-width:none;aspect-ratio:4/3;object-fit:cover;margin:-30px -30px 22px}.estado-listo{color:#25613a;font-weight:600}.estado-pendiente{color:#8b3d22;font-weight:600}@media(max-width:850px){.galeria-proceso{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.galeria-proceso{grid-template-columns:1fr}}

/* Motivos artesanales sutiles: textura sin competir con el contenido */
.fondo-verde{background-color:var(--musgo);background-image:url("patrones/patron-vellon-verde.svg");background-repeat:no-repeat;background-position:right 2% top 28px;background-size:min(760px,72vw) auto}
.fondo-claro{background-color:var(--claro);background-image:url("patrones/patron-hilo-tierra.svg");background-repeat:no-repeat;background-position:left top 42px;background-size:min(1100px,92vw) auto}
.pie{background-color:var(--oscuro);background-image:url("patrones/patron-ovillo-crema.svg");background-repeat:no-repeat;background-position:right -100px center;background-size:330px auto}
@media(max-width:560px){.fondo-verde{background-position:right -180px top 24px;background-size:620px auto}.fondo-claro{background-size:850px auto}.pie{background-position:right -150px center;background-size:300px auto}}

/* Envolvente común: las páginas interiores siguen el mismo ancho fluido que la portada. */
main{width:100%;min-width:0;overflow-x:clip}
.wrap{width:100%;max-width:none;margin:0;padding:clamp(58px,8vw,110px) clamp(24px,7vw,112px)}
.legal{max-width:none}
.legal>p,.legal>h2,.legal>h3,.legal>.aviso,.legal>.foto{max-width:min(1120px,100%)}
.legal>.tabla{width:100%}
.foto-real img{width:100%;max-width:100%;margin:0 0 22px}
.catalogo-escaparate{width:100%;max-width:none;margin:0}
.pie{width:100%;min-width:0}

@media(max-width:1060px){
  .nav a{display:none}
  .menu-movil{display:inline-block}
  .nav.is-open{position:absolute;top:calc(100% + 1px);right:0;left:0;display:grid;gap:0;padding:10px clamp(18px,5vw,44px) 18px;border-bottom:1px solid #0002;background:#f6f0e3fc;box-shadow:0 12px 24px #3d32291a}
  .nav.is-open a{display:flex;align-items:center;min-height:46px;padding:0}
  .nav.is-open .contacto-menu{min-height:48px;margin-top:9px;padding:12px 16px}
}

@media(max-width:850px){
  .wrap{padding-inline:clamp(20px,5vw,44px)}
  .legal>p,.legal>h2,.legal>h3,.legal>.aviso,.legal>.foto{max-width:100%}
}

@media(max-width:560px){
  .wrap{padding-inline:20px}
  .legal>h2{font-size:2.1rem}
  .tabla{font-size:.82rem}
}

/* Hero limpio: el fondo de producto repetido no forma parte de la identidad visual. */
.hero{
  background-color:var(--claro);
  background-image:url("patrones/patron-hilo-tierra.svg");
  background-repeat:no-repeat;
  background-position:right 2% center;
  background-size:min(1000px,86vw) auto;
}

/* La legal mantiene una columna cómoda de lectura y ocupa el ancho disponible. */
.legal{
  width:100%;
  min-width:0;
}
.legal>p,
.legal>h2,
.legal>h3,
.legal>.aviso,
.legal>.foto,
.legal>.legal-nav,
.legal>.tabla{
  width:100%;
  max-width:min(1120px,100%);
  margin-left:auto;
  margin-right:auto;
}
.legal p,
.legal li,
.legal th,
.legal td{
  overflow-wrap:anywhere;
}

@media(max-width:560px){
  .hero{
    background-position:right 155% center;
    background-size:720px auto;
  }
  .legal{
    padding-inline:20px;
  }
  .legal>h2{
    font-size:clamp(2rem,9vw,2.4rem);
    line-height:1.05;
  }
  .legal>h3{
    font-size:1.3rem;
    line-height:1.15;
  }
}