/* Selinger · portada (solo front-page). Valores de claude-design/lienzo/Main.dc.html. */
/* Hero: brasas (24 chispas, mismas posiciones, tamaños y tiempos del diseño) */
@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 i:nth-child(1){left:3%;--s:3px;--dx:14px;--t:7.5s;--d:0s}
.hm-br i:nth-child(2){left:9%;--c:#e8982a;--dx:-10px;--t:9s;--d:2.1s}
.hm-br i:nth-child(3){left:14%;--s:4px;--dx:18px;--t:6.5s;--d:4.3s}
.hm-br i:nth-child(4){left:19%;--c:#e8b044;--dx:-6px;--t:10s;--d:1.2s}
.hm-br i:nth-child(5){left:24%;--s:3px;--dx:10px;--t:8s;--d:5.6s}
.hm-br i:nth-child(6){left:29%;--c:#e8982a;--dx:-14px;--t:7s;--d:3.3s}
.hm-br i:nth-child(7){left:34%;--s:5px;--dx:8px;--t:9.5s;--d:.8s}
.hm-br i:nth-child(8){left:39%;--c:#e8b044;--dx:-8px;--t:6s;--d:6.2s}
.hm-br i:nth-child(9){left:44%;--s:3px;--dx:16px;--t:8.5s;--d:2.7s}
.hm-br i:nth-child(10){left:49%;--c:#e8982a;--dx:-12px;--t:7.5s;--d:4.9s}
.hm-br i:nth-child(11){left:54%;--s:4px;--dx:6px;--t:10s;--d:1.7s}
.hm-br i:nth-child(12){left:59%;--c:#e8b044;--dx:-16px;--t:6.5s;--d:5.1s}
.hm-br i:nth-child(13){left:64%;--s:3px;--dx:12px;--t:9s;--d:3.8s}
.hm-br i:nth-child(14){left:69%;--c:#e8982a;--dx:-6px;--t:7s;--d:.4s}
.hm-br i:nth-child(15){left:74%;--s:4px;--dx:10px;--t:8s;--d:6.6s}
.hm-br i:nth-child(16){left:79%;--c:#e8b044;--dx:-10px;--t:9.5s;--d:2.4s}
.hm-br i:nth-child(17){left:84%;--s:3px;--dx:14px;--t:6.5s;--d:4.1s}
.hm-br i:nth-child(18){left:89%;--c:#e8982a;--dx:-8px;--t:8.5s;--d:1.5s}
.hm-br i:nth-child(19){left:94%;--s:3px;--dx:6px;--t:7.5s;--d:5.8s}
.hm-br i:nth-child(20){left:97%;--c:#e8b044;--dx:-14px;--t:10s;--d:3s}
.hm-br i:nth-child(21){left:6%;--dx:9px;--t:11s;--d:7.2s}
.hm-br i:nth-child(22){left:47%;--c:#e8982a;--dx:-9px;--t:11.5s;--d:8.1s}
.hm-br i:nth-child(23){left:71%;--s:3px;--dx:11px;--t:12s;--d:7.7s}
.hm-br i:nth-child(24){left:31%;--c:#e8b044;--dx:-7px;--t:12.5s;--d:9s}
/* El diseño no fija box-sizing en estas cajas: alto mínimo y base flexible se cuentan sin el relleno */
.hm-cfg,.hm-plano,.hm-alb-txt,.hm-cat-img,.hm-vid,.hm-line{box-sizing:content-box}
/* Bloques comunes */
.hm-sec{padding:var(--section) var(--gutter)}
.hm-in{max-width:var(--wrap);margin:0 auto;display:flex;flex-direction:column;gap:36px}
.hm-row{max-width:var(--wrap);margin:0 auto;display:flex;flex-wrap:wrap;gap:36px 64px}
.hm-in>.hm-row{margin:0;width:100%}
.hm-g36{gap:36px}
.hm-g28{gap:28px}
.hm-hd{display:flex;flex-direction:column;gap:14px}
.hm-op{opacity:.85}
.hm-56{max-width:max(36.2em,56ch)}
.hm-52{max-width:max(33.6em,52ch)}
.hm-ul{padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:4px}
.hm-link{color:var(--ink);font-weight:700}
.hm-btns{display:flex;flex-wrap:wrap;gap:12px}
.hm-note{font-size:14px;opacity:.75}
.hm-chips{display:flex;flex-wrap:wrap;gap:10px}
.hm-chips li{border:1px solid var(--rule-dark);padding:8px 14px;font-size:14px}
.hm-sec .ico{display:block;color:var(--gold-deep)}
.s-ink .ico{color:var(--gold)}
.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}
.hm-ia-sm{right:8px;bottom:8px;font-size:12px;background:rgba(18,18,17,.85);padding:2px 7px}
/* Por qué elegirnos */
.hm-why-l{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-why-l img{width:100%;height:560px;object-fit:cover;margin-top:14px}
.hm-why-img{position:relative}
.hm-why-img img{object-position:50% 74%}
.hm-why-r{flex:2 1 560px;min-width:0;display:flex;flex-wrap:wrap;gap:0 36px}
.hm-fact{flex:1 1 260px;min-width:0;border-top:1px solid var(--rule);padding:18px 0 22px}
.hm-fact .ico{margin-bottom:10px}
.hm-fact h3{margin:0 0 6px;font-size:24px}
/* Líneas de producto */
.hm-lines{display:flex;flex-wrap:wrap;gap:18px}
.hm-line{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--rule-dark);color:var(--white);text-decoration:none}
.hm-line img{width:100%;height:380px;object-fit:cover}
.hm-line div{padding:18px;display:flex;flex-direction:column;gap:6px}
.hm-line h3{font-size:24px}
.hm-line p{font-size:14px;opacity:.8}
.hm-line .hm-price{color:var(--gold);font-weight:700;opacity:1}
/* Banda del configurador */
@keyframes mcar{0%{opacity:0;transform:scale(.985)}3%{opacity:1;transform:scale(1)}18%{opacity:1;transform:scale(1)}21%,100%{opacity:0;transform:scale(1)}}
@keyframes mcap{0%{opacity:0}3%,18%{opacity:1}20%,100%{opacity:0}}
@keyframes ctap{0%{box-shadow:0 0 0 0 rgba(232,176,68,.55)}70%{box-shadow:0 0 0 16px rgba(232,176,68,0)}100%{box-shadow:0 0 0 0 rgba(232,176,68,0)}}
.hm-cfg{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(580px,50vw,800px);padding:min(clamp(56px,7vw,96px),max(36px,7vh)) var(--gutter);color:var(--white);background-color:#15120e;background-image:radial-gradient(55% 60% at 70% 62%,rgba(232,112,42,.16),rgba(232,112,42,0) 70%),radial-gradient(70% 80% at 72% 50%,#241d14,#15120e)}
.hm-cfg-stage{position:absolute;right:7%;top:0;bottom:0;margin-top:auto;margin-bottom:auto;height:min(90%,740px);aspect-ratio:400/440}
.hm-cfg-slide{position:absolute;inset:0;opacity:0;animation:mcar 25s ease infinite}
.hm-cfg-slide img{position:absolute;left:-5%;top:-13.636%;width:110%;height:118.182%;max-width:none}
.hm-cfg-slide:nth-child(1),.hm-cfg-caps>span:nth-child(1),.hm-cfg-v>span:nth-child(1){opacity:1;animation-delay:0s}
.hm-cfg-slide:nth-child(2),.hm-cfg-caps>span:nth-child(2),.hm-cfg-v>span:nth-child(2){animation-delay:-20s}
.hm-cfg-slide:nth-child(3),.hm-cfg-caps>span:nth-child(3),.hm-cfg-v>span:nth-child(3){animation-delay:-15s}
.hm-cfg-slide:nth-child(4),.hm-cfg-caps>span:nth-child(4),.hm-cfg-v>span:nth-child(4){animation-delay:-10s}
.hm-cfg-slide:nth-child(5),.hm-cfg-caps>span:nth-child(5),.hm-cfg-v>span:nth-child(5){animation-delay:-5s}
.hm-cfg-caps{position:absolute;right:-4%;top:2%;width:22em;height:3em}
.hm-cfg-caps>span{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;opacity:0;animation:mcap 25s linear infinite}
.hm-cfg-caps b{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}
.hm-cfg-caps span span{font-size:12px;letter-spacing:.06em;color:var(--gold)}
.hm-cfg-note{position:absolute;left:0;right:0;bottom:-2%;z-index:2;text-align:center;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.72)}
.hm-cfg-fade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#15120e 0%,#15120e 30%,rgba(21,18,14,.85) 42%,rgba(21,18,14,0) 62%),linear-gradient(0deg,#15120e 0,rgba(21,18,14,0) 14%),linear-gradient(180deg,#15120e 0,rgba(21,18,14,0) 12%)}
.hm-cfg-in{position:relative;width:100%;max-width:var(--wrap);margin:0 auto;display:flex}
.hm-cfg-txt{position:relative;z-index:2;flex:0 1 580px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-ki{display:flex;align-items:center;gap:10px}
.hm-cfg .kicker,.hm-cfg .ico{color:var(--gold)}
.hm-cfg h2{font-size:min(clamp(34px,4.4vw,58px),max(34px,6.6vh));line-height:1.04}
.hm-cfg h2 b{color:var(--gold)}
.hm-cfg-lead{max-width:max(29.7em,46ch);font-size:19px;line-height:1.55;opacity:.88}
.hm-cfg-tbl{display:flex;flex-direction:column;max-width:400px;margin-top:6px;border-top:1px solid #3a3226}
.hm-cfg-tbl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #3a3226}
.hm-cfg-tbl>div>span:first-child{font-size:14px;opacity:.7}
.hm-cfg-v{position:relative;min-width:9.5em;height:1.4em;font-size:15px;font-weight:700;color:var(--gold)}
.hm-cfg-v>span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;animation:mcap 25s linear infinite}
.hm-cfg-go{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
.hm-pulse{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:var(--ink);font-weight:800;font-size:19px;text-decoration:none;padding:18px 30px;border-radius:2px;white-space:nowrap;box-shadow:0 0 0 0 rgba(232,176,68,.55);animation:ctap 2.6s ease-out infinite}
.hm-pulse:hover{background:#f2c35e}
.hm-pulse svg{flex:none}
.hm-cfg-go>span{font-size:13.5px;letter-spacing:.04em;opacity:.7}
@media(max-width:860px){
.hm-cfg{flex-direction:column;align-items:stretch}
.hm-cfg-stage{position:relative;right:auto;top:auto;bottom:auto;margin-bottom:64px;transform:none;width:86%;height:auto;align-self:center;order:2;margin-top:8px}
.hm-cfg-note{bottom:auto;top:100%;margin-top:24px}
.hm-pulse{white-space:normal;font-size:17px;padding:16px 22px}
.hm-cfg-fade{background:linear-gradient(180deg,#15120e 0,#15120e 52%,rgba(21,18,14,0) 66%)}
}
/* Tres modelos */
.hm-model{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ink);padding-top:18px}
.hm-model img{width:100%;height:440px;object-fit:cover}
.hm-model h3,.hm-linea h3{font-size:30px;line-height:1.15}
/* Catálogo */
.hm-cats{display:flex;flex-wrap:wrap;gap:8px 20px}
.hm-cat{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:0 0 20px;color:var(--ink);text-decoration:none}
.hm-cat-img{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink);margin-bottom:12px;border-bottom:3px solid var(--gold-deep)}
.hm-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hm-cat:hover img{transform:scale(1.05)}
.hm-cat-n{font:800 22px/1.2 var(--f-d)}
.hm-cat-c,.hm-post-cat{font-size:12.2px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
/* Por dentro */
.hm-det{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px}
.hm-det img{width:100%;height:240px;object-fit:cover}
.hm-det .hm-op-60{object-position:50% 60%}
.hm-det .hm-op-45{object-position:50% 45%}
.hm-det figcaption{display:flex;flex-direction:column;gap:4px}
.hm-det b{font:800 20px/1.25 var(--f-d)}
.hm-det span{font-size:15px;opacity:.85}
.hm-acc{display:flex;flex-direction:column;gap:12px}
.hm-acc>p{font-size:12.2px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
/* Electrónica */
.hm-elec{gap:clamp(32px,4vw,52px)}
.hm-elec-top{display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-end;justify-content:space-between}
.hm-elec-txt{flex:1 1 520px;min-width:0}
.hm-elec h2 b{color:var(--gold)}
.hm-elec-feat{flex:0 1 auto;display:flex;flex-wrap:wrap;gap:14px 28px}
.hm-elec-feat span{display:flex;align-items:center;gap:10px;font-weight:700}
.hm-vfig{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-vid{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ink-deep);border:1px solid var(--rule-dark)}
.hm-vid img,.hm-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hm-vid-tag{position:absolute;left:12px;top:12px;font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:4px 9px}
.hm-vfig figcaption{display:flex;gap:14px;align-items:flex-start}
.hm-vfig figcaption>span{display:flex;flex-direction:column;gap:4px}
.hm-vfig b{font:800 22px/1.2 var(--f-d)}
.hm-vfig figcaption span span{font-size:16px;line-height:1.5;opacity:.8}
/* Plano (módulo de W2 en el escenario del diseño) */
.hm-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)) var(--gutter);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%,#1f2a36,#121820)}
.hm-plano-stage{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(74%,1180px);aspect-ratio:620/440}
.hm-plano-stage .mod{height:100%}
.hm-plano-stage .sel-plano{max-width:none;border:0;background:none}
.hm-plano-stage .sel-plano__stage{background:none;overflow:visible}
.hm-plano-stage .sel-plano__caps li{right:18px;top:16px}
.hm-plano-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#121820 0%,#121820 28%,rgba(18,24,32,.88) 40%,rgba(18,24,32,0) 60%),linear-gradient(0deg,#121820 0,rgba(18,24,32,0) 16%),linear-gradient(180deg,#121820 0,rgba(18,24,32,0) 14%)}
.hm-plano-in{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto}
.hm-plano-txt{max-width:500px;display:flex;flex-direction:column;gap:16px}
.hm-plano .kicker{color:var(--gold)}
.hm-plano-lead{font-size:19px;line-height:1.55;opacity:.85}
.hm-plano .hm-btns{margin-top:6px}
.hm-plano-leg{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}
.hm-plano-leg span{white-space:nowrap;color:var(--gold)}
.hm-plano:has(.sel-plano.go) .hm-plano-leg span:nth-child(1){animation:p3s1 19s linear infinite}
.hm-plano:has(.sel-plano.go) .hm-plano-leg span:nth-child(2){animation:p3s2 19s linear infinite}
.hm-plano:has(.sel-plano.go) .hm-plano-leg span:nth-child(3){animation:p3s3 19s linear infinite}
@media(max-width:860px){
.hm-plano{flex-direction:column;align-items:stretch}
.hm-plano-stage{position:relative;right:auto;top:auto;transform:none;width:100%;order:2;margin-top:8px}
.hm-plano-fade{background:linear-gradient(180deg,#121820 0,#121820 46%,rgba(18,24,32,0) 62%)}
}
/* Cita sobre foto */
/* Líneas Integral y Modular */
.hm-linea{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.hm-linea img{width:100%;height:340px;object-fit:cover}
/* Pasos */
.hm-steps{display:flex;flex-wrap:wrap;gap:0 28px}
.hm-steps li{flex:1 1 220px;min-width:0;border-top:2px solid var(--ink);padding:16px 0 22px;display:flex;flex-direction:column;gap:6px}
.hm-steps .ico{margin-bottom:4px}
.hm-num{font:800 30px/1 var(--f-d);color:var(--gold-deep)}
.hm-steps h3{font:700 19px/1.6 var(--f-b)}
.hm-steps p{font-size:15px}
.hm-steps-d li{border-top-color:var(--rule-dark);padding:16px 0 20px;gap:8px}
.hm-steps-d .ico{margin:0}
.hm-steps-d p{opacity:.85}
/* Trabajos entregados */
.hm-gal{display:flex;flex-wrap:wrap;gap:10px}
.hm-gal img{flex:1 1 280px;min-width:0;width:100%;height:320px;object-fit:cover}
.hm-gal .hm-w2{flex:2 1 420px}
/* Envío */
.hm-llega{display:flex;flex-direction:column;gap:18px}
.hm-llega>h3{font-size:26px}
/* Durabilidad */
.hm-data{display:flex;flex-wrap:wrap;gap:0 28px}
.hm-data div{flex:1 1 200px;min-width:0;border-top:2px solid var(--ink);padding:14px 0 18px;display:flex;flex-direction:column;gap:4px}
.hm-data b{font:800 34px/1.05 var(--f-d);color:var(--gold-deep)}
.hm-data span{font-size:15px}
/* Alberto */
.hm-alb{display:flex;flex-wrap:wrap;align-items:stretch}
.hm-alb-txt{flex:1 1 420px;min-width:0;padding:clamp(40px,6vw,88px) var(--gutter);display:flex;flex-direction:column;gap:16px;justify-content:center}
.hm-alb h2 b{color:inherit}
.hm-alb .cita{max-width:52ch}
.hm-alb-by{font-size:12.2px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
/* Blog */
.hm-posts{display:flex;flex-wrap:wrap;gap:0 36px}
.hm-post{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:8px;padding:0 0 20px;color:var(--ink);text-decoration:none}
.hm-post-img{position:relative;margin-bottom:8px;height:220px;overflow:hidden;background:var(--ink)}
.hm-post-img img{width:100%;height:100%;object-fit:cover}
.hm-post-t{font:800 22px/1.25 var(--f-d)}
/* Preguntas */
.hm-faq-l{flex:1 1 320px;min-width:0}
.hm-faq{flex:2 1 520px;min-width:0;border-top:1px solid var(--rule)}
.hm-faq details{border-bottom:1px solid var(--rule);padding:18px 0}
.hm-faq summary{font:800 20px/1.3 var(--f-d);cursor:pointer}
.hm-faq p{margin:10px 0 0;max-width:max(43.9em,68ch)}
@media(prefers-reduced-motion:reduce){.hm-br i{animation:none!important;opacity:.5!important}.hm-cfg *{animation:none!important}}
@media(prefers-reduced-motion:reduce){.hm-br-lento{display:none}}
/* Encargo 18, bloque B (12/10/2026) */
/* Trabajos entregados: la foto del corten es apaisada y el hueco, vertical; se encuadra en la barbacoa (está a la izquierda) */
.hm-gal .hm-corten{object-position:22% 50%}
/* Envíos: la animación es el fondo de toda la sección, con fundido hacia el texto y hacia los pasos (como el plano).
   En móvil, texto, animación y pasos, uno debajo de otro; el hueco de la animación se reserva (CLS 0). */
.hm-envios{position:relative;overflow:hidden}
.hm-mundo-txt{max-width:560px}
.hm-env .mod{height:100%}
.hm-env .sel-envio{max-width:none;border:0;background:none}
.hm-env .sel-envio__stage{background:none}
.hm-env{position:relative;width:100%;aspect-ratio:620/440}
.hm-env-fade{display:none}
@media(min-width:960px){
.hm-env{position:absolute;right:0;top:0;width:min(62%,960px);z-index:0}
.hm-env-fade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1d1d1b 0%,#1d1d1b 34%,rgba(29,29,27,.85) 44%,rgba(29,29,27,0) 62%),linear-gradient(0deg,#1d1d1b 0,#1d1d1b 34%,rgba(29,29,27,0) 56%)}
.hm-mundo-txt,.hm-llega{position:relative;z-index:2}
}
/* Alberto: sin foto. Logo animado grande a la izquierda, texto a la derecha y chispas lentas por encima de la sección (solo CSS, aria-hidden,
   apagadas con «reducir movimiento»). En móvil, logo arriba y texto debajo. */
.hm-alb{position:relative;overflow:hidden;align-items:center}
.hm-alb-logo-col{flex:1 1 420px;min-width:0;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vw,88px) var(--gutter) 0;position:relative;z-index:1}
.hm-alb-logo-col .lga{width:clamp(200px,24vw,320px)}
.hm-alb-txt{position:relative;z-index:1}
@media(min-width:960px){.hm-alb-logo-col{padding-bottom:clamp(40px,6vw,88px)}}
.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}
/* Precio de «Tres modelos» (ronda v19; encargo 29, punto 8): «Desde X € + IVA» en grande y, debajo, «Y € IVA incluido» en letra pequeña y color secundario. La línea va en el HTML, con su alto reservado: sin saltos */
.hm-model .hm-nota{margin:0;font:400 14px/1.4 var(--f-b);opacity:.78}
.hm-model .hm-price{margin:0;font:800 26px/1.2 var(--f-d)}
.hm-model .hm-price span{display:block;margin-top:2px;font:400 14px/1.5 var(--f-b);opacity:.78}
/* H1 del héroe (encargo 29, punto 2): líneas equilibradas, sin palabra suelta. Va en una hoja del <head> (bloquea el primer pintado, no mueve nada) y gana a main.css (pretty) por cargar después */
.hm-hero h1{text-wrap:balance}
/* fb1101, punto 32 (01/11/2026): el bloque de Alberto vuelve a dos columnas, sin la foto (la foto sigue en /quienes-somos/): logo animado a la izquierda y texto a la derecha.
   En móvil y tableta (< 960 px) el logo arriba y el texto debajo, a todo el ancho. El botón «Conoce nuestra historia» es el secundario (btn-line) de siempre. */
.hm-alb-txt .hm-btns{margin-top:8px}
@media(max-width:959px){.hm-alb-logo-col,.hm-alb-txt{flex:1 1 100%}}
@media(min-width:960px){
.hm-alb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.hm-alb-logo-col .lga{max-width:100%}
}
/* fb1101, punto 3: la foto de la Integra inox abierta (la parrilla queda a media altura) en la tarjeta «Profesional e inox» */
.hm-line img.hm-line-inox{object-position:50% 58%}
/* Encargo 23, punto 4 (12/10/2026): las secciones de la portada 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.
   --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
   (con un suelo de 20 px y sin pasar del relleno original, --section). Los textos no se tocan. */
@media(min-width:960px){
main .hm-why{--e23-h:740px;padding-block:clamp(20px,calc((100vh - var(--e23-h)) / 2),var(--section))}
main .hm-sec[aria-labelledby="lineas-h"]{padding-block:clamp(20px,calc((100vh - 776px) / 4),var(--section))}
main .hm-sec[aria-labelledby="lineas-h"] .hm-in{gap:min(28px,max(14px,1.8vh))}
}
/* Fotos: ceden alto solo cuando la ventana es baja (suelo por proporción del propio contenedor, como en main.css); recortadas con cover, sin deformar */
@media(min-width:1280px){
main .hm-why .hm-why-l img{max-height:max(62cqw,calc(100vh - 500px))}
main .hm-sec[aria-labelledby="lineas-h"] .hm-line img{max-height:max(66cqw,calc(84vh - 480px))}
}
/* Encargo 25, revisión de diseño (W7-E, 13/10/2026): precios de «Tres modelos» y de «¿Para dónde?» alineados abajo en cada fila; el botón de la sección «Elige tu barbacoa de ensueño» sin radio, como el resto. */
.hm-model .hm-price{margin-top:auto}
.hm-line>div{flex:1}
.hm-line .hm-price{margin-top:auto}
.hm-pulse{border-radius:0}