:root { --naranja:#f97316; --tinta:#111310; --fondo:#e9e5dc; --linea:rgba(17,19,16,.18); }
* { box-sizing:border-box; }
html { background:var(--fondo); color:var(--tinta); font-family:Manrope, sans-serif; }
body { margin:0; min-width:320px; }
button { font:inherit; }
.saltar { position:fixed; z-index:20; top:8px; left:8px; padding:10px 14px; background:#fff; color:#000; transform:translateY(-150%); }
.saltar:focus { transform:translateY(0); }
.pagina { min-height:100svh; padding:clamp(12px,2vw,28px); }
.catalogo { position:relative; display:flex; min-height:calc(100svh - clamp(24px,4vw,56px)); flex-direction:column; overflow:hidden; border:1px solid var(--linea); background:linear-gradient(132deg,#f4f1e9 0%,#e5e1d8 55%,#d9d5cc 100%); }
.catalogo__cabecera,.catalogo__interior,.catalogo__pie { position:relative; z-index:1; }
.catalogo__cabecera,.catalogo__pie { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:clamp(18px,3vw,38px) clamp(20px,4vw,64px); }
.marca { display:inline-flex; align-items:center; gap:9px; color:inherit; font:700 15px/1 'Big Shoulders Display',sans-serif; letter-spacing:-.04em; text-decoration:none; }
.marca span span { color:var(--naranja); }
.marca__tuerca { width:17px; height:17px; background:var(--naranja); clip-path:polygon(30% 0,70% 0,84% 16%,100% 30%,100% 70%,84% 84%,70% 100%,30% 100%,16% 84%,0 70%,0 30%,16% 16%); }
.etiqueta,.nota-modelo,.coordenadas { margin:0; font:500 10px/1.3 DM Mono,monospace; letter-spacing:.08em; }
.catalogo__interior { display:grid; flex:1; grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr); align-items:center; padding:clamp(12px,2vw,32px) clamp(20px,4vw,64px); }
.catalogo__texto { position:relative; z-index:2; max-width:500px; padding-block:30px; }
.eyebrow { margin:0 0 15px; color:#a84809; font:500 11px/1.3 DM Mono,monospace; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0; font:700 clamp(62px,9vw,142px)/.82 'Big Shoulders Display',sans-serif; letter-spacing:-.1em; }
h1 span { color:var(--naranja); }
.descripcion { max-width:380px; margin:31px 0; font-size:clamp(17px,1.6vw,22px); font-weight:500; line-height:1.45; letter-spacing:-.04em; }
.ficha { max-width:390px; margin:0; border-top:1px solid var(--linea); }
.ficha div { display:grid; grid-template-columns:42px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--linea); }
.ficha dt { color:var(--naranja); font:500 11px DM Mono,monospace; }
.ficha dd { margin:0; font-size:13px; line-height:1.38; }
.accion { margin-top:29px; padding:15px 18px; border:0; border-radius:0; background:var(--tinta); color:#fff; cursor:pointer; font:700 14px 'Big Shoulders Display',sans-serif; transition:transform 180ms cubic-bezier(.2,.8,.2,1),background 180ms cubic-bezier(.2,.8,.2,1); }
.accion:hover,.accion:focus-visible { background:var(--naranja); transform:translateY(-2px); }
.accion span { margin-left:13px; color:var(--naranja); }.accion:hover span,.accion:focus-visible span { color:#111; }
.catalogo__modelo { min-width:0; }
.visor { position:relative; height:min(64vw,670px); min-height:430px; overflow:hidden; background:radial-gradient(circle at 52% 48%,rgba(249,115,22,.14),transparent 36%),linear-gradient(140deg,rgba(255,255,255,.54),rgba(255,255,255,.06)); cursor:grab; touch-action:none; }
.visor:active { cursor:grabbing; }.visor canvas { display:block; width:100%; height:100%; outline:none; }.visor canvas:focus-visible { outline:3px solid var(--naranja); outline-offset:-3px; }
.visor__ayuda,.visor__estado { position:absolute; left:18px; margin:0; font:500 10px/1.3 DM Mono,monospace; letter-spacing:.08em; }.visor__ayuda { bottom:16px; }.visor__ayuda span { color:var(--naranja); font-size:17px; vertical-align:-2px; }.visor__estado { top:16px; color:#735f51; }.visor__estado[hidden] { display:none; }
.nota-modelo { margin:11px 0 0; text-align:right; color:#6d675e; }
.catalogo__pie { padding-top:20px; font-size:11px; line-height:1.4; }.catalogo__pie p:first-child { max-width:390px; margin:0; }.coordenadas { text-align:right; }.coordenadas span { color:#a84809; }
@media (max-width:760px) { .pagina { padding:0; }.catalogo { min-height:100svh; border:0; }.catalogo__cabecera,.catalogo__pie,.catalogo__interior { padding-inline:22px; }.catalogo__cabecera { padding-top:24px; }.etiqueta { font-size:9px; }.catalogo__interior { grid-template-columns:1fr; padding-top:0; gap:0; }.catalogo__texto { padding:32px 0 12px; }.descripcion { margin:22px 0; }.ficha { display:none; }.accion { margin-top:0; }.visor { height:53vw; min-height:300px; margin-top:4px; }.nota-modelo { font-size:8px; }.catalogo__pie { padding-top:12px; padding-bottom:22px; }.catalogo__pie p:first-child { display:none; } }
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; }
    .accion:hover,.accion:focus-visible,.boton:hover,.producto:hover { transform:none; }
}

/* Sitio de una pagina: el hero conserva su propia composicion de prototipo. */
h2,h3,h4 { margin:0; font-family:'Big Shoulders Display',sans-serif; letter-spacing:-.06em; line-height:.98; }
.presentacion,.seccion,.medidas,.visita,.para-negocio { width:min(1120px,100%); margin:0 auto; }
.presentacion { padding:clamp(5rem,10vw,9rem) clamp(20px,5vw,64px); text-align:center; }
.presentacion h2 { font-size:clamp(2.6rem,5.6vw,5.4rem); }
.presentacion h2 span { color:var(--naranja); }
.presentacion > p:last-child { max-width:42rem; margin:1.35rem auto 0; color:rgba(17,19,16,.68); font-size:clamp(1rem,1.5vw,1.15rem); }

.seccion { padding:clamp(2.5rem,5vw,4rem) clamp(20px,5vw,64px) clamp(5.5rem,10vw,9rem); }
.seccion__cabecera { max-width:43rem; margin-bottom:3.5rem; }
.seccion__cabecera h2 { font-size:clamp(2.5rem,5vw,4.6rem); }
.seccion__cabecera > p:last-child { max-width:34rem; margin-top:1rem; color:rgba(17,19,16,.66); }
.categoria { padding:2.15rem 0; border-top:1px solid var(--linea); }
.categoria:last-child { border-bottom:1px solid var(--linea); }
.categoria__cabecera { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:1.4rem; }
.categoria__indice { margin:0 0 .5rem; color:#a84809; font:500 10px/1.3 DM Mono,monospace; letter-spacing:.1em; text-transform:uppercase; }
.categoria h3 { font-size:clamp(1.55rem,3vw,2.25rem); }
.categoria__cabecera > p { max-width:18rem; margin:0; color:rgba(17,19,16,.64); font-size:.9rem; text-align:right; }
.categoria__productos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.producto { min-width:0; overflow:hidden; border:1px solid var(--linea); background:#f6f3ec; transition:transform 180ms cubic-bezier(.23,1,.32,1),box-shadow 180ms cubic-bezier(.23,1,.32,1); }
.producto__visual { display:grid; min-height:10.5rem; place-items:center; color:var(--naranja); background:linear-gradient(135deg,#dedbd3,#f8f5ee); }
.producto__visual img { width:100%; height:10.5rem; object-fit:contain; display:block; }
.producto__visual svg { width:4.4rem; height:4.4rem; filter:drop-shadow(9px 11px 0 rgba(17,19,16,.1)); transform:rotate(-9deg); }
.producto:nth-child(2) .producto__visual svg { transform:rotate(12deg); }
.producto:nth-child(3) .producto__visual svg { transform:rotate(-18deg); }
.producto__contenido { position:relative; min-height:10.7rem; padding:1.35rem 1.25rem 1.15rem; }
.producto__precio { position:absolute; top:-1rem; right:1rem; margin:0; padding:.28rem .45rem; color:#8e3805; border:1px solid rgba(249,115,22,.28); background:#fff; font:500 10px/1.2 DM Mono,monospace; }
.producto h4 { max-width:15rem; font-size:1.22rem; }
.producto__contenido > p:not(.producto__precio) { margin:.55rem 0 .75rem; color:rgba(17,19,16,.63); font-size:.88rem; line-height:1.4; }
.producto small { color:#a84809; font:500 10px/1.2 DM Mono,monospace; letter-spacing:.04em; text-transform:uppercase; }
@media (hover:hover) and (pointer:fine) { .producto:hover { transform:translateY(-4px); box-shadow:0 15px 26px rgba(17,19,16,.11); } }

.cotizaciones { color:#fff; background:var(--tinta); }
.cotizaciones__interior { display:grid; grid-template-columns:minmax(0,1fr) minmax(20rem,.88fr); align-items:center; gap:clamp(3rem,9vw,9rem); width:min(1120px,100%); margin:0 auto; padding:clamp(5rem,10vw,8rem) clamp(20px,5vw,64px); }
.eyebrow--claro { color:#ffab70; }
.cotizaciones h2 { font-size:clamp(2.65rem,5.1vw,4.9rem); }
.cotizaciones__texto > p:not(.eyebrow) { max-width:34rem; margin:1.2rem 0 1.85rem; color:rgba(255,255,255,.72); font-size:1.05rem; }
.boton { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:1rem 1.25rem; border:1px solid transparent; cursor:pointer; font:700 .84rem/1 'Big Shoulders Display',sans-serif; transition:background 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1); }
.boton:hover { transform:translateY(-2px); }
.boton .icono-flecha { width:1rem; height:1rem; }
.boton--claro { color:var(--tinta); background:#fff; }
.boton--claro:hover { background:#ffb37d; }
.flujo { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; counter-reset:flujo; }
.flujo li { display:grid; grid-template-columns:2rem 1fr; column-gap:.85rem; padding:1.1rem; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.035); }
.flujo span { grid-row:1 / span 2; color:var(--naranja); font:500 10px/1.4 DM Mono,monospace; }
.flujo strong { font:600 1.15rem/1 'Big Shoulders Display',sans-serif; }
.flujo p { margin:.38rem 0 0; color:rgba(255,255,255,.62); font-size:.86rem; }

.medidas { display:grid; grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr); align-items:start; gap:clamp(3rem,9vw,9rem); padding:clamp(5rem,10vw,9rem) clamp(20px,5vw,64px); }
.medidas h2 { font-size:clamp(2.6rem,4.8vw,4.7rem); }
.medidas__texto > p:last-child { max-width:30rem; margin-top:1.1rem; color:rgba(17,19,16,.66); }
.medidas__tabla { border-top:1px solid var(--linea); }
.medidas__tabla > div { display:grid; grid-template-columns:2.3rem minmax(7rem,.62fr) 1fr; gap:1rem; align-items:baseline; padding:1.3rem 0; border-bottom:1px solid var(--linea); }
.medidas__tabla b { color:var(--naranja); font:500 10px/1.3 DM Mono,monospace; }
.medidas__tabla strong { font:600 clamp(1.25rem,2vw,1.6rem)/1 'Big Shoulders Display',sans-serif; letter-spacing:-.045em; }
.medidas__tabla span { color:rgba(17,19,16,.61); font-size:.89rem; }

.visita { display:grid; grid-template-columns:minmax(17rem,.9fr) 1fr; align-items:center; gap:clamp(3rem,9vw,9rem); padding:clamp(3rem,6vw,5rem) clamp(20px,5vw,64px) clamp(5.5rem,10vw,9rem); }
.visita__lugar { position:relative; display:flex; min-height:20rem; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--linea); background:#f6f3ec; }
.visita__cuadricula { position:absolute; inset:0; opacity:.8; background-image:linear-gradient(rgba(249,115,22,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.15) 1px,transparent 1px); background-size:42px 42px; transform:rotate(-8deg) scale(1.14); }
.visita__pin { position:relative; z-index:1; display:grid; width:3.7rem; height:3.7rem; place-items:center; color:#fff; background:var(--naranja); box-shadow:9px 10px 0 rgba(17,19,16,.13); }
.visita__pin svg { width:1.7rem; height:1.7rem; }
.visita__lugar strong,.visita__lugar small { position:relative; z-index:1; }
.visita__lugar strong { margin-top:.85rem; font:600 1.65rem/1 'Big Shoulders Display',sans-serif; letter-spacing:-.06em; }
.visita__lugar small { margin-top:.4rem; color:rgba(17,19,16,.64); font:500 10px/1.35 DM Mono,monospace; text-align:center; }
.visita__texto h2 { font-size:clamp(2.25rem,4.3vw,4rem); }
.visita__texto > p:not(.eyebrow) { margin-top:1rem; color:rgba(17,19,16,.66); }
.enlace { display:inline-flex; align-items:center; gap:.5rem; margin-top:1.25rem; color:#a84809; font:700 .88rem/1 'Big Shoulders Display',sans-serif; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.28em; }
.enlace .icono-flecha { width:1rem; height:1rem; }

.para-negocio { padding:clamp(5.5rem,11vw,10rem) clamp(20px,5vw,64px); color:var(--tinta); background:var(--naranja); text-align:center; }
.para-negocio .eyebrow { color:#4b1e03; }
.para-negocio h2 { max-width:48rem; margin:auto; font-size:clamp(2.65rem,5.6vw,5.5rem); }
.para-negocio > p:not(.eyebrow) { max-width:37rem; margin:1.25rem auto 2rem; color:rgba(17,19,16,.8); font-size:1.04rem; }
.boton--naranja { color:#fff; background:var(--tinta); }
.boton--naranja:hover { background:#3c281a; }
.boton--grande { padding:1.12rem 1.55rem; }
.pie-pagina { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:2rem clamp(20px,4vw,64px); color:#c8c8c6; background:#0b0d0b; font-size:.78rem; }
.pie-pagina .marca { color:#fff; }.pie-pagina p { margin:0; }.pie-pagina > a:last-child { display:inline-flex; align-items:center; gap:.45rem; color:#fff; text-decoration:none; }.icono-arriba { width:1rem; height:1rem; }

@media (max-width:760px) {
    .presentacion { padding-block:5rem; text-align:left; }
    .seccion { padding-top:1rem; }
    .categoria__cabecera { display:block; }.categoria__cabecera > p { margin-top:.75rem; text-align:left; }
    .categoria__productos { grid-template-columns:1fr; }.producto__visual { min-height:9rem; }.producto__contenido { min-height:0; }
    .cotizaciones__interior,.medidas,.visita { grid-template-columns:1fr; gap:2.5rem; }
    .medidas__tabla > div { grid-template-columns:2rem minmax(0,1fr); }.medidas__tabla span { grid-column:2; }
    .visita__lugar { min-height:18rem; }
    .pie-pagina { align-items:flex-start; flex-direction:column; }
}