/* Selinger · páginas (W1-C). Maquetas de Claude Design: AMedida, Contacto, Faq, Profesionales, QuienesSomos,
   Materiales, BaseObra y Legal. Las clases c-<n> son atómicas: una declaración del mockup cada una (se generan
   desde las maquetas; ver _resumen_W1C.md). Este bloque inicial deja el contenedor como el lienzo del mockup. */
.pg{background:var(--bone);color:var(--ink);font-family:var(--f-b);font-size:17px;line-height:1.6}
.pg :where(*:not(.mod,.mod *)),.pg :where(*:not(.mod,.mod *))::before,.pg :where(*:not(.mod,.mod *))::after{box-sizing:content-box}
.pg :where(h1,h2,h3,h4,p,ul,ol,dl,figure,blockquote):where(:not(.mod *)){margin:revert}
.pg :where(ul,ol):where(:not(.mod *)){padding:revert;list-style:revert}
.pg :where(h1,h2,h3,h4,b){font:revert;letter-spacing:revert;line-height:inherit;text-wrap:revert}
.pg h1{text-wrap:balance}
.sp-iva{display:block;margin-top:2px;font:400 14px/1.5 var(--f-b);opacity:.78}
.pg :where(button,input,select,textarea){font:revert;color:revert}
.pg :where(img,video){max-width:none}
.pg :where(a){color:inherit;text-underline-offset:auto}
.pg :where(:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.pg :where(.sr-only,.hp){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
/* Faq: índice que se ilumina al bajar (Faq.dc.html) */
@keyframes faqon{0%,22%{color:var(--ink);box-shadow:inset 0 0 0 var(--gold)}30%,78%{color:var(--gold-deep);box-shadow:inset 3px 0 0 var(--gold)}86%,100%{color:var(--ink);box-shadow:inset 0 0 0 var(--gold)}}
@supports (animation-timeline:view()){.pg [data-gl]{padding-left:10px!important;animation:faqon linear both;animation-range:cover 0% cover 100%}.pg [data-gl="1"]{animation-timeline:--g1}.pg [data-gl="2"]{animation-timeline:--g2}.pg [data-gl="3"]{animation-timeline:--g3}.pg [data-gl="4"]{animation-timeline:--g4}.pg [data-gl="5"]{animation-timeline:--g5}.pg [data-gl="6"]{animation-timeline:--g6}}
@media (max-width:899px){.pg [data-faqnav]{position:static!important}}
@media (prefers-reduced-motion:reduce){.pg [data-gl]{animation:none!important}}
/* Profesionales: banda del plano (el dibujo es el módulo «plano» de W2) */
.pg .c-plano{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(560px,50vw,780px);padding:min(clamp(56px,7vw,96px),max(36px,7vh)) clamp(16px,4vw,56px);color:var(--white);background-color:var(--plano);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 21px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 21px),radial-gradient(70% 80% at 72% 50%,var(--plano-2),var(--plano))}
.pg .c-plano-stage{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(74%,1180px);aspect-ratio:620/440;min-height:0}
.pg .c-plano-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--plano) 0%,var(--plano) 28%,rgba(18,24,32,.88) 40%,rgba(18,24,32,0) 60%),linear-gradient(0deg,var(--plano) 0,rgba(18,24,32,0) 16%),linear-gradient(180deg,var(--plano) 0,rgba(18,24,32,0) 14%)}
.pg .c-plano-in{position:relative;z-index:2;width:100%;max-width:1360px;margin:0 auto}
.pg .c-plano-txt{max-width:500px;display:flex;flex-direction:column;gap:16px}
.pg .c-plano-k{margin:0;font-size:12.2px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.pg .c-plano h2{margin:0;font-family:var(--f-d);font-weight:300;font-size:min(clamp(32px,4.6vw,54.4px),max(32px,6.2vh));line-height:1.08;letter-spacing:-.01em}
.pg .c-plano h2 b{font-weight:800}
.pg .c-plano-lead{margin:0;font-size:19px;line-height:1.55;opacity:.85}
.pg .c-plano-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.pg .c-plano-cta a{display:inline-flex;align-items:center;border:1px solid var(--white);color:var(--white);font-weight:700;font-size:16px;text-decoration:none;padding:13px 26px;white-space:nowrap}
.pg .c-plano-steps{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);padding-top:14px;border-top:1px solid #2c3a48}
.pg .c-plano-steps span{white-space:nowrap;color:var(--gold)}
@media (max-width:860px){.pg .c-plano{flex-direction:column;align-items:stretch}.pg .c-plano-stage{position:relative;right:auto;top:auto;transform:none;width:100%;order:2;margin-top:8px}.pg .c-plano-fade{background:linear-gradient(180deg,var(--plano) 0,var(--plano) 46%,rgba(18,24,32,0) 62%)}}
/* Contacto: formulario de presupuesto (Contacto.dc.html) */
.pg .c-qf{display:flex;flex-direction:column;gap:22px;margin-top:18px;max-width:760px}
.pg .c-qf-fld{display:flex;flex-direction:column;gap:6px}
.pg .c-qf-fld label{font-weight:700;font-size:16px}
.pg .c-qf-ico{display:flex;align-items:center;gap:10px}
.pg .c-qf-ico svg{flex:none;display:block;color:var(--gold-deep)}
.pg .c-qf :is(input:not([type=checkbox],[type=hidden]),select,textarea){font-family:inherit;font-size:16px;color:var(--ink);background:var(--white);border:1px solid var(--rule);border-radius:0;padding:12px 14px;width:100%;box-sizing:border-box;min-width:0}
.pg .c-qf textarea{resize:vertical}
.pg .c-qf [aria-invalid=true]{border-color:#b3261e}
.pg .c-qf-hint{font-size:14px;color:var(--ink);opacity:.75}
.pg .c-qf-err{font-size:14px;color:#b3261e;font-weight:700}
.pg .c-qf-guide{border:1px solid var(--rule);padding:14px 16px}
.pg .c-qf-guide summary{cursor:pointer;font-weight:700;font-size:15px}
.pg .c-qf-guide ul{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.pg .c-qf-send{display:flex;flex-direction:column;gap:12px}
.pg .c-qf-check{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.pg .c-qf-check input{width:24px;height:24px;margin:1px 0 0;flex:0 0 auto}
.pg .c-qf-check label{font-size:15px;flex:1 1 0;min-width:0}
.pg .c-qf-check a{color:inherit}
.pg .c-qf button{align-self:flex-start;background:var(--gold);color:var(--ink);border:0;border-radius:0;font-family:inherit;font-weight:700;font-size:16px;padding:14px 26px;cursor:pointer}
.pg .c-qf-send p{margin:0;font-size:14px}
.pg .c-qf-after{border-top:1px solid var(--rule);padding-top:18px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.pg .c-qf-after p{margin:0}
.pg .c-qf-notice{border-left:3px solid var(--gold-deep);background:var(--white);padding:14px 16px;font-size:15px}
.pg .c-qf-notice p{margin:0}
.pg .c-qf-bad{border-left-color:#b3261e}
/* Textos legales: contenido del editor con los valores de Legal.dc.html */
.pg .c-legal-body h2{margin:40px 0 8px;font-family:var(--f-d);font-weight:800;font-size:24px;line-height:1.2}
.pg .c-legal-body h3{margin:24px 0 8px;font-size:19px;font-weight:700;line-height:1.3}
.pg .c-legal-body :is(p,ul,ol){margin:0 0 8px}
.pg .c-legal-body :is(ul,ol){padding-left:22px}
.pg .c-legal-body .wp-block-table,.pg .c-legal-body .c-legal-t{overflow-x:auto;margin:0 0 16px}
.pg .c-legal-body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}
.pg .c-legal-body :is(th,td){border-bottom:1px solid var(--rule);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.pg .c-legal-body th{font-weight:700}
.pg .c-legal-body blockquote{margin:0 0 16px;border-left:3px solid var(--gold);padding:4px 0 4px 16px}
.pg .c-legal-body hr{border:0;border-top:1px solid var(--rule);margin:24px 0}
/* El módulo de W2 pinta una tarjeta con marco y leyenda; en esta banda va a sangre, como en la maqueta. */
.pg .c-plano-stage.sel-plano{max-width:none;border:0;background:none}
.pg .c-plano-stage .sel-plano__stage{background:none}

.pg .c-legal-body table{display:block;overflow-x:auto}
/* Atómicas del mockup */
.c-0{padding:22px clamp(16px, 4vw, 56px) 0}.c-1{font-size:14px}.c-2{max-width:1360px}.c-3{margin:0 auto}.c-4{color:var(--ink)}.c-5{padding:clamp(32px, 5vw, 64px) clamp(16px, 4vw, 56px) min(clamp(64px, 9vw, 120px), max(40px, 8vh))}.c-6{display:flex}.c-7{flex-wrap:wrap}.c-8{gap:48px 64px}.c-9{align-items:flex-start}.c-a{flex:3 1 560px}.c-b{min-width:0}.c-c{flex-direction:column}.c-d{gap:18px}.c-e{margin:0}.c-f{font-size:12.2px}.c-g{font-weight:700}.c-h{letter-spacing:0.18em}.c-i{text-transform:uppercase}.c-j{color:var(--gold-deep)}.c-k{font-family:var(--f-d)}.c-l{font-weight:300}.c-m{font-size:clamp(38px, 6vw, 73.6px)}.c-n{line-height:1.02}.c-o{letter-spacing:-0.02em}.c-p{font-weight:800}.c-q{max-width:max(38.8em,60ch)}.c-r{font-size:19px}.c-s{line-height:1.55}.c-t{gap:22px}.c-u{margin-top:18px}.c-v{max-width:760px}.c-w{gap:6px}.c-x{font-size:16px}.c-10{border:1px solid var(--rule)}.c-13{width:100%}.c-15{opacity:0.75}.c-17{align-items:center}.c-18{gap:10px}.c-19{flex:none}.c-1a{display:block}.c-1c{cursor:pointer}.c-1d{font-size:15px}.c-1f{padding-left:20px}.c-1g{gap:12px}.c-1l{align-self:flex-start}.c-1m{background:var(--gold)}.c-1o{padding:14px 26px}.c-1p{border-top:1px solid var(--rule)}.c-1q{padding-top:18px}.c-1r{gap:8px}.c-1s{flex:2 1 340px}.c-1t{background:var(--ink)}.c-1u{color:var(--white)}.c-1v{padding:clamp(24px, 3vw, 40px)}.c-1w{color:var(--gold)}.c-1x{margin:6px 0 14px}.c-1y{line-height:1.08}.c-1z{letter-spacing:-0.01em}.c-20{font-size:clamp(28px, 3vw, 38px)}.c-21{display:inline-flex}.c-22{border:1px solid var(--white)}.c-23{text-decoration:none}.c-24{padding:13px 26px}.c-25{margin-bottom:14px}.c-26{border-top:1px solid var(--rule-dark)}.c-27{padding:14px 0}.c-28{gap:2px}.c-29{overflow-wrap:anywhere}.c-2a{margin-top:8px}.c-2b{margin-top:3px}.c-2c{background:var(--bone-2)}.c-2d{padding:min(clamp(64px, 9vw, 120px), max(40px, 8vh)) clamp(16px, 4vw, 56px)}.c-2e{gap:36px}.c-2f{gap:14px}.c-2g{font-size:min(clamp(32px,4.6vw,54.4px),max(32px,6.2vh))}.c-2h{padding:0}.c-2i{list-style:none}.c-2j{gap:0 28px}.c-2k{flex:1 1 280px}.c-2l{border-top:2px solid var(--ink)}.c-2m{padding:16px 0 22px}.c-2n{font-size:30px}.c-2o{line-height:1}.c-2p{gap:36px 64px}.c-2q{flex:1 1 320px}.c-2r{flex:2 1 520px}.c-2s{border-bottom:1px solid var(--rule)}.c-2t{padding:18px 0}.c-2u{font-size:20px}.c-2v{line-height:1.3}.c-2w{margin:10px 0 0}.c-2x{max-width:max(43.9em,68ch)}.c-2y{height:auto}.c-2z{max-height:640px}.c-30{object-fit:cover}.c-31{flex:1 1 420px}.c-32{padding:clamp(32px, 4vw, 48px) clamp(16px, 4vw, 56px) 0}.c-33{gap:clamp(28px, 4vw, 48px)}.c-34{opacity:0.8}.c-35{align-items:stretch}.c-36{flex:1 1 520px}.c-37{padding-bottom:clamp(40px, 6vw, 88px)}.c-38{font-size:clamp(38px, 5.4vw, 66px)}.c-39{line-height:1.04}.c-3a{max-width:16ch}.c-3b{max-width:max(37.5em,58ch)}.c-3c{opacity:0.9}.c-3d{margin-top:10px}.c-3e{white-space:nowrap}.c-3f{flex:1 1 360px}.c-3g{justify-content:flex-end}.c-3h{padding:10px 0 22px}.c-3i{flex:1 1 460px}.c-3j{flex:1 1 220px}.c-3k{border-top:2px solid var(--gold)}.c-3l{padding:18px 0 24px}.c-3m{font-size:clamp(56px, 6vw, 84px)}.c-3n{opacity:0.85}.c-3o{border-top:2px solid var(--rule-dark)}.c-3p{padding:16px 0 20px}.c-3q{flex:1 1 340px}.c-3r{max-width:max(29.7em,46ch)}.c-3s{flex:2 1 560px}.c-3t{gap:24px}.c-3u{overflow-x:auto}.c-3v{border-collapse:collapse}.c-3w{text-align:left}.c-3x{min-width:520px}.c-3y{border-bottom:2px solid var(--ink)}.c-3z{padding:12px 12px 12px 0}.c-40{padding:12px}.c-41{padding:12px 0 12px 12px}.c-42{padding:14px 12px 14px 0}.c-43{padding:14px 12px}.c-44{padding:14px 0 14px 12px}.c-45{gap:12px 20px}.c-46{background:transparent}.c-47{border:1px solid var(--ink)}.c-48{flex:1 1 240px}.c-49{margin-bottom:8px}.c-4a{margin:0 0 6px}.c-4b{font-size:24px}.c-4c{line-height:1.2}.c-4d{background:#262520}.c-4e{border:1px solid var(--rule-dark)}.c-4f{font-size:clamp(28px, 3.6vw, 44px)}.c-4g{line-height:1.1}.c-4h{max-width:max(36.2em,56ch)}.c-4i{max-width:max(32.3em,50ch)}.c-4j{font-size:28px}.c-4k{line-height:1.15}.c-4l{max-height:340px}.c-4m{padding:clamp(36px, 5vw, 64px) clamp(16px, 4vw, 56px)}.c-4n{margin-top:22px}.c-4o{gap:32px 64px}.c-4p{flex:1 1 480px}.c-4q{gap:16px}.c-4r{font-size:clamp(36px, 5vw, 62px)}.c-4s{line-height:1.05}.c-4t{max-width:18ch}.c-4u{padding:clamp(48px, 7vw, 96px) clamp(16px, 4vw, 56px)}.c-4v{gap:40px 64px}.c-4w{timeline-scope:--g1, --g2, --g3, --g4, --g5, --g6}.c-4x{position:sticky}.c-4y{top:96px}.c-4z{padding:12px 0}.c-50{gap:clamp(48px, 6vw, 80px)}.c-51{view-timeline:--g1 block}.c-52{scroll-margin-top:110px}.c-53{display:inline}.c-54{font:inherit}.c-55{font-size:17px}.c-56{view-timeline:--g2 block}.c-57{padding:clamp(32px, 5vw, 56px)}.c-58{font-size:clamp(30px, 4vw, 46px)}.c-59{margin-top:6px}.c-5a{view-timeline:--g3 block}.c-5b{view-timeline:--g4 block}.c-5c{view-timeline:--g5 block}.c-5d{view-timeline:--g6 block}.c-5e{flex:1 1 380px}.c-5f{margin-top:14px}.c-5g{padding:clamp(24px, 3vw, 40px) clamp(16px, 4vw, 56px) clamp(48px, 6vw, 88px)}.c-5h{gap:28px}.c-5i{font-size:clamp(38px, 5.6vw, 68px)}.c-5j{opacity:0.88}.c-5k{gap:10px 28px}.c-5l{padding-top:20px}.c-5m{min-height:280px}.c-5n{justify-content:center}.c-5o{padding:24px}.c-5p{text-align:center}.c-5q{max-width:max(40.1em,62ch)}.c-5r{gap:0 36px}.c-5s{flex:1 1 260px}.c-5t{margin-bottom:10px}.c-5u{font-size:22px}.c-5v{font-size:15.5px}.c-5w{padding:12px 16px 12px 0}.c-5x{vertical-align:top}.c-5y{padding:16px 0 24px}.c-5z{flex:1 1 400px}.c-60{margin:8px 0 0}.c-61{font-size:clamp(26px, 3.2vw, 38px)}.c-62{flex:1 1 100%}.c-63{margin-top:28px}.c-64{padding:clamp(56px, 8vw, 96px) clamp(16px, 4vw, 56px)}.c-65{gap:28px 64px}.c-66{flex:2 1 460px}.c-67{flex:1 1 300px}.c-68{object-position:45% 60%}.c-69{height:300px}.c-6a{padding:clamp(40px, 5vw, 72px) clamp(16px, 4vw, 56px) clamp(48px, 6vw, 88px)}.c-6b{max-width:14ch}.c-6c{padding:10px 0 0}.c-6d{padding:clamp(32px, 4vw, 48px) clamp(16px, 4vw, 56px)}.c-6e{gap:24px 28px}.c-6f{padding:16px 0 6px}.c-6g{gap:4px}.c-6h{font-size:clamp(40px, 5vw, 60px)}.c-6i{gap:0}.c-6j{font-style:italic}.c-6k{font-size:27.2px}.c-6l{line-height:1.35}.c-6m{padding:18px 0 8px}.c-6n{padding-top:8px}.c-6o{gap:12px 24px}.c-6p{gap:36px 48px}.c-6q{max-height:560px}.c-6r{height:400px}.c-6s{padding:22px}.c-6t{flex:1}.c-6u{min-width:720px}.c-6v{padding:12px 12px}.c-6w{vertical-align:bottom}.c-6x{font-size:clamp(44px, 5.4vw, 72px)}.c-6y{padding:16px 0 8px}.c-6z{height:420px}.c-70{padding:16px 0}.c-71{min-width:560px}.c-72{gap:24px 48px}.c-73{justify-content:space-between}.c-74{gap:4px 24px}.c-75{align-items:baseline}.c-76{flex:0 0 300px}.c-77{padding:clamp(40px, 6vw, 80px) clamp(16px, 4vw, 56px) min(clamp(64px, 9vw, 120px), max(40px, 8vh))}.c-78{max-width:max(46.5em,72ch)}.c-79{line-height:1.7}.c-7a{margin-bottom:24px}.c-7b{margin:0 0 12px}.c-7c{margin:0 0 24px}.c-7d{margin:0 0 8px}.c-7f{margin:40px 0 0}.c-7g{padding-top:16px}.c-7h{height:540px}
/* Banda «Leña, brasa y hierro» (venía de la portada; encargo 18, punto 7) */
.hm-quote{position:relative;background:var(--ink-deep);color:var(--white)}
.hm-quote>img{width:100%;height:clamp(320px,42vw,560px);object-fit:cover;opacity:.7}
.hm-quote-in{position:absolute;left:0;right:0;bottom:0;padding:clamp(28px,5vw,64px) var(--gutter);display:flex;flex-direction:column;gap:12px;background:linear-gradient(to top,rgba(18,18,17,.92),rgba(18,18,17,0))}
.hm-quote .kicker{color:var(--gold)}
.hm-quote-txt{max-width:22ch;font:300 clamp(28px,4vw,48px)/1.1 var(--f-d)}
.hm-quote-txt b{font-weight:800}
.hm-ia-tag{position:absolute;right:12px;bottom:10px;z-index:2;font-size:12px;line-height:1.6;letter-spacing:.04em;background:var(--ink-deep);color:var(--white);padding:3px 8px}
/* /profesionales/, «¿Qué fabricamos para hostelería?» (encargo 18, punto 25): en escritorio la columna izquierda se queda fija mientras baja la derecha.
   Desde 1050 px, que es donde las dos columnas van lado a lado (de 960 a 1049 van apiladas y la columna fija tapaba el texto) */
@media(min-width:1050px){.pr-fija{position:sticky;top:calc(var(--hd-alto,72px) + 24px);align-self:flex-start}}
/* /quienes-somos/, «Quién está detrás» (encargo 18, punto 38) */
.qs-alb{position:relative;overflow:hidden}
.qs-alb-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,96px);padding:min(clamp(64px,9vw,120px),max(40px,8vh)) clamp(16px,4vw,56px)}
.qs-alb-fig{flex:0 1 440px;min-width:0;margin:0;position:relative}
.qs-alb-fig::before{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:4/5;transform:translate(18px,18px);border:1px solid var(--gold);pointer-events:none}
.qs-alb-img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.qs-alb-pie{margin-top:30px;font-size:12.2px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.qs-alb-logo{display:flex;align-items:center;justify-content:center}
.qs-alb-logo::before{display:none}
.qs-alb-logo .lga{width:clamp(200px,24vw,320px)}
.qs-alb-txt{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:18px}
.qs-alb-cita{margin:6px 0 0;padding:0;max-width:44ch;font-family:var(--f-d);font-style:italic;font-weight:300;font-size:clamp(21px,2.2vw,27.2px);line-height:1.38}
.qs-q{color:var(--gold);font-weight:400}
.qs-alb-by{opacity:.8}
@media(max-width:959px){.qs-alb-in{padding-top:0}.qs-alb-fig{flex:0 0 auto;width:calc(100% + 2 * clamp(16px,4vw,56px));margin:0 calc(-1 * clamp(16px,4vw,56px))}.qs-alb-fig::before{display:none}.qs-alb-pie{padding:0 clamp(16px,4vw,56px);margin-top:14px}.qs-alb-logo{padding-top:48px}}
/* Chispas lentas: el mismo componente que la sección de Alberto de la portada (copia de portada.css; si cambias una, cambia la otra) */
@keyframes brasa{0%{transform:translate(0,0);opacity:0}12%{opacity:.9}60%{opacity:.55}100%{transform:translate(var(--dx),-560px);opacity:0}}
.hm-br i{position:absolute;bottom:-8px;width:var(--s,2px);height:var(--s,2px);border-radius:50%;background:var(--c,#e8702a);box-shadow:0 0 calc(var(--s,2px)*3) var(--c,#e8702a);opacity:0;animation:brasa var(--t) linear var(--d) infinite}
.hm-br-lento{background:none}
.hm-br-lento i:nth-child(1){left:6%;--s:2px;--dx:10px;--t:15s;--d:0s}
.hm-br-lento i:nth-child(2){left:15%;--c:#e8982a;--dx:-8px;--t:17s;--d:3.4s}
.hm-br-lento i:nth-child(3){left:24%;--s:3px;--dx:12px;--t:14s;--d:7.1s}
.hm-br-lento i:nth-child(4){left:34%;--c:#e8b044;--dx:-6px;--t:18s;--d:1.8s}
.hm-br-lento i:nth-child(5){left:43%;--dx:9px;--t:16s;--d:9.6s}
.hm-br-lento i:nth-child(6){left:55%;--c:#e8982a;--dx:-10px;--t:15.5s;--d:5.2s}
.hm-br-lento i:nth-child(7){left:64%;--s:3px;--dx:7px;--t:17.5s;--d:11.3s}
.hm-br-lento i:nth-child(8){left:73%;--c:#e8b044;--dx:-9px;--t:14.5s;--d:2.6s}
.hm-br-lento i:nth-child(9){left:84%;--dx:11px;--t:16.5s;--d:8.4s}
.hm-br-lento i:nth-child(10){left:93%;--c:#e8982a;--dx:-7px;--t:18.5s;--d:4.7s}
@media(prefers-reduced-motion:reduce){.hm-br-lento{display:none}}
/* === Contacto compacto (encargo 21, 1c) ===
   Todo acotado a .pg-contacto: las clases c-* no cambian y las otras páginas no se tocan. Los ganchos ct-* están en page-templates/tpl-contacto.php.
   --ct-top: lo que queda libre por arriba al fijar la caja (cabecera + 24 px + barra de admin). La cabecera hoy no es fija (position:relative):
   si se quiere pegar la caja al borde de la ventana, basta cambiar esta línea por 24px + la barra de admin. */
.pg-contacto{--ct-top:calc(var(--hd-alto,72px) + 24px + var(--wp-admin--admin-bar--height,0px))}
.pg-contacto nav.c-0{padding-top:16px}
.pg-contacto section.c-5{padding:24px clamp(16px,4vw,56px) 40px}
.pg-contacto .ct-form{gap:12px}
.pg-contacto .ct-form h1{font-size:clamp(32px,3.2vw,46px)}
.pg-contacto .ct-form .ct-ent{font-size:17px;max-width:max(44em,66ch)}
.pg-contacto form.c-qf{margin-top:6px;gap:14px}
.pg-contacto form.c-qf .c-qf-fld{gap:4px}
.pg-contacto form.c-qf .c-qf-fld label{font-size:15px;line-height:1.4}
.pg-contacto form.c-qf .c-qf-hint{font-size:14px;line-height:1.4}
.pg-contacto form.c-qf :is(input:not([type=checkbox],[type=hidden]),select){min-height:48px;padding:10px 14px}
.pg-contacto form.c-qf textarea{height:112px;min-height:96px;padding:10px 14px}
.pg-contacto form.c-qf .c-qf-guide{padding:0 16px}
.pg-contacto form.c-qf .c-qf-guide summary{padding:10px 0}
.pg-contacto form.c-qf .c-qf-guide ul{margin:2px 0 12px}
.pg-contacto form.c-qf .c-qf-send{gap:10px}
.pg-contacto form.c-qf button{box-sizing:border-box;min-height:48px;padding:12px 24px}
.pg-contacto form.c-qf .c-qf-after{padding-top:14px;gap:6px}
.pg-contacto form.c-qf :is(input,select,textarea,summary,button):focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.pg-contacto .ct-caja{box-sizing:border-box;padding:clamp(16px,2.8vh,28px) clamp(18px,2vw,28px);font-size:15.5px;line-height:1.45}
.pg-contacto .ct-caja h2{margin:2px 0 10px;font-size:clamp(23px,2vw,28px)}
.pg-contacto .ct-wa{box-sizing:border-box;min-height:44px;padding:10px 22px;margin-bottom:8px}
.pg-contacto .ct-b{padding:10px 0}
.pg-contacto .ct-b .c-r{font-size:17px;line-height:1.35}
.pg-contacto .ct-b svg{width:20px;height:20px}
.pg-contacto .ct-b a.c-r{padding:12px 0;margin:-12px 0}
.pg-contacto .ct-nota{margin-top:6px;gap:8px}
@media(min-width:1024px){
.pg-contacto section.c-5{padding-top:clamp(20px,2.2vw,32px);padding-bottom:clamp(40px,5vw,72px)}
.pg-contacto .ct-fila{flex-wrap:nowrap;gap:0 clamp(32px,4vw,64px)}
.pg-contacto .ct-form{flex:1 1 0}
.pg-contacto .ct-caja{flex:0 0 clamp(340px,31vw,470px);position:sticky;top:var(--ct-top);align-self:flex-start}
}
@media(min-width:1024px) and (max-height:799px){
.pg-contacto .ct-caja{padding:16px clamp(18px,2vw,24px)}
.pg-contacto .ct-caja h2{margin:0 0 8px;font-size:clamp(22px,1.9vw,26px)}
.pg-contacto .ct-wa{padding:8px 20px;margin-bottom:6px}
.pg-contacto .ct-b{padding:8px 0}
.pg-contacto .ct-b .c-r{font-size:16px}
.pg-contacto .ct-nota{margin-top:4px}
}
@media(min-width:1024px) and (max-height:639px){
.pg-contacto .ct-caja{position:static}
}
/* === fin contacto === */
/* Encargo 23, punto 4 (12/10/2026): secciones de /categoria-producto/barbacoas-para-base-de-obra/ («Cinco fichas para empezar»), /que-hacemos/ («De tu idea al palé»)
   y /hierro-corten-o-inox/ («Tres materiales…») que no cabían en una pantalla (alto útil = ventana − cabecera) a 1440×900. Solo desde 960 px de ancho, según el alto
   de la ventana, como el bloque «Cada sección cabe en una pantalla» de main.css; en móvil no cambia nada. «hm-cabe» es la clase gancho de la plantilla;
   las clases c-* son atómicas y compartidas: no se tocan, se acota por la clase gancho, el id o la página.
   --e23-h = cabecera + alto de la sección sin su relleno + 30 px de holgura: el relleno vertical toma la mitad de lo que sobra de la ventana
   (suelo de 20 px, sin pasar del relleno original, --section). Los textos no se tocan. */
@media(min-width:960px){
.pg .hm-cabe,.pg #como-trabajamos{--e23-h:778px;padding-block:clamp(20px,calc((100vh - var(--e23-h)) / 2),var(--section))}
.pg #como-trabajamos{--e23-h:838px}
.pg-materiales .hm-cabe{--e23-h:835px}
.pg .hm-cabe>.c-2e,.pg #como-trabajamos>.c-2e{gap:min(36px,max(10px,1.6vh))}
.pg-baseobra .hm-cabe .c-2t{padding-block:min(18px,max(6px,.9vh))}
.pg #como-trabajamos .c-3m{font-size:min(clamp(56px,6vw,84px),max(44px,7vh))}
.pg #como-trabajamos .c-3l{padding-block:min(18px,max(10px,1.4vh)) min(24px,max(12px,1.8vh))}
.pg #como-trabajamos .c-3p{padding-block:min(16px,max(10px,1.2vh)) min(20px,max(12px,1.6vh))}
}
/* Fotos de los tres materiales: ceden alto con la ventana (cover, sin deformar); solo desde 1280 px, donde las tres tarjetas van en una fila */
@media(min-width:1280px){
.pg-materiales .hm-cabe .c-6r{height:min(400px,max(200px,31vh))}
}
/* Encargo 25, revisión de diseño (W7-E, 13/10/2026). Pasos de /contacto/ (5 en fila, icono primero), «Cómo llega» sin 3+1 (4 en fila si la lista mide 880 px o más; si no, 2 × 2; 1 columna en móvil),
   rótulo de las reseñas como en la portada, botón de archivo del formulario, cita de /que-hacemos/ en la columna del resto y relleno de la lista de /faq/ en la escala (--section). Sin textos. */
.pg-contacto ol.c-2h>li.c-2k{flex-basis:220px}
.pg ol.c-2h>li>svg{order:-1}
.pg ol[data-bloque=envio]{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(calc(25% - 21px),(880px - 100%)*999,calc(50% - 14px)),1fr))}
@media(max-width:599px){.pg ol[data-bloque=envio]{grid-template-columns:1fr}}
.pg .rsn-h{font:300 clamp(26px,2.6vw,34px)/1.15 var(--f-d)}
.pg-contacto form.c-qf input[type=file]{padding:6px 8px}
.pg-contacto input[type=file]::file-selector-button{margin-right:14px;padding:6px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 14px/1.4 var(--f-b);border-radius:0;cursor:pointer}
.pg-contacto input[type=file]::file-selector-button:hover{background:var(--ink);color:var(--white)}
.hm-quote-in{padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2))}
.c-4u{padding-block:var(--section)}
/* fb1101 · maqueta2 (W7-M2). 18: /que-hacemos/, «¿Cuánto tarda?» y «¿Hierro, corten o inox?» en la columna izquierda y la foto sola a la derecha (en móvil, primero los textos). */
.pg .am-textos{gap:clamp(40px,5vw,64px)}
.pg .am-foto{align-self:flex-start}
/* 23-24: /profesionales/, «Prescriptores»: la foto llega hasta abajo, al alto de la columna de texto, sin deformar. */
.pg .pr-foto{align-self:stretch;object-fit:cover;object-position:50% 50%}
/* 42: placeholder del formulario de presupuesto con contraste AA (#666 sobre blanco: 5,7:1); Firefox le baja la opacidad si no se fija. */
.pg .c-qf ::placeholder{color:#666;opacity:1}
/* E19 · Desplegable «Tipo de proyecto» en móvil: el texto largo (el original) ya no se corta: tamaño algo menor y menos relleno */
@media(max-width:480px){.pg form.c-qf.c-qf select{font-size:13px;padding-left:10px;padding-right:4px}}