/* Identidad "Anodizado": ver brand/manual.md */
@font-face{font-family:Saira;src:url(/demos/dobuti/assets/saira.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--plano:#0f2e4d;--plano2:#163c61;--trazo:#7fb2d6;--hielo:#dfe4e6;--chapa:#e9edee;--perfil:#8d9aa3;--acero:#3f4f5a;--tinta:#0e1f2d;--celeste:#39b5e6;--rojo:#c8320e;--pad:clamp(18px,3.4vw,56px);--ease:cubic-bezier(.2,.8,.2,1);
--trama:rgb(15 46 77/.055);--cepillado:linear-gradient(var(--trama) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,var(--trama) 1px,transparent 1px) 0 0/34px 34px,#e9edee}
*{box-sizing:border-box;margin:0}
html{background:var(--chapa);scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:clip;interpolate-size:allow-keywords;-webkit-text-size-adjust:100%}
body{color:var(--tinta);font:400 clamp(16px,1.12vw,18px)/1.5 Saira,system-ui,sans-serif;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none;padding:0}
h1,h2{font-weight:600;letter-spacing:-.02em;line-height:1.02}
h2{font-size:clamp(34px,4.6vw,76px)}
.dot{font-style:normal;color:var(--celeste)}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
::selection{background:var(--celeste);color:var(--tinta)}
.skip{position:fixed;left:12px;top:-60px;z-index:50;background:#fff;padding:10px 14px}
.skip:focus{top:12px}

/* Cabecera clara: el logo original se lee tal cual */
.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);padding:9px var(--pad);background:var(--cepillado);border-bottom:2px solid var(--perfil)}
.brand{margin-right:auto}
.brand img{width:auto;height:clamp(38px,3.8vw,54px)}
#navigation{display:flex;gap:clamp(12px,2vw,28px);font-size:15px;font-weight:600}
#navigation a{padding:8px 0;text-decoration:none;background:linear-gradient(var(--plano),var(--plano)) 0 100%/0 2px no-repeat;transition:background-size .35s var(--ease)}
#navigation a:hover{background-size:100% 2px}
.menu-toggle{display:none;min-height:38px;padding:0 14px;background:transparent;color:inherit;border:1px solid var(--acero);font:600 14px Saira,sans-serif;cursor:pointer}
.contact-icons{display:flex;gap:1px}
.contact-icons a{display:grid;place-items:center;width:36px;height:38px;transition:transform .3s var(--ease)}
.contact-icons a:hover{transform:translateY(-2px)}
[class^="i-"]{display:block;width:23px;height:23px;flex:none;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.i-whatsapp{--icon:url(/demos/dobuti/assets/iconos/whatsapp.svg);background:#14a84e}
.i-gmail{--icon:url(/demos/dobuti/assets/iconos/gmail.svg);background:#d93025}
.i-phone{--icon:url(/demos/dobuti/assets/iconos/telefono.svg);background:#1467c8}
.i-pin{--icon:url(/demos/dobuti/assets/iconos/ubicacion.svg);background:#c98a00}
.i-instagram{--icon:url(/demos/dobuti/assets/iconos/instagram.svg);background:linear-gradient(45deg,#f09433,#e6683c 28%,#d62976 55%,#962fbf 78%,#4f5bd5)}
.i-facebook{--icon:url(/demos/dobuti/assets/iconos/facebook.svg);background:#1877f2}

/* Portada: una corredera de aluminio sobre una obra */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:var(--plano);color:#f2f7fa;display:flex;flex-direction:column;justify-content:flex-end}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:saturate(.8)}
.has-motion .hero-photo{animation:pan 34s ease-in-out infinite alternate}
@keyframes pan{from{transform:scale(1.03)}to{transform:scale(1.1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 46 77/.22) 25%,rgb(11 35 58/.93) 86%),linear-gradient(90deg,rgb(15 46 77/.55),transparent 62%)}
.sash{position:absolute;top:0;bottom:0;left:0;width:clamp(180px,27vw,440px);will-change:transform;border-inline:clamp(9px,1vw,15px) solid #aebbc3;box-shadow:inset 1px 0 #e4ebef,inset -1px 0 #e4ebef,0 0 26px rgb(0 20 40/.3);background:linear-gradient(115deg,rgb(190 228 248/.2),rgb(190 228 248/.06) 45%,rgb(190 228 248/.16))}
.sash span{position:absolute;inset:0;overflow:hidden}
.sash span::before{content:"";position:absolute;top:-10%;bottom:-10%;left:-60%;width:46%;background:linear-gradient(100deg,transparent,rgb(255 255 255/.2) 45%,rgb(255 255 255/.05) 60%,transparent);transform:skewX(-14deg)}
.has-motion .sash span::before{animation:sheen 11s ease-in-out infinite}
.sash-b span::before{animation-delay:-5.5s!important}
@keyframes sheen{from{left:-60%}to{left:115%}}
.hero-copy{position:relative;z-index:3;padding:0 var(--pad) clamp(20px,3.4svh,36px)}
h1{font-size:min(6.6vw,15svh);margin-bottom:clamp(16px,3svh,30px)}
.line{display:block;overflow:hidden;padding-bottom:.1em}
.line>span{display:block}
.has-motion .line>span{animation:rise 1.5s var(--ease) both}
.has-motion .line:nth-child(2)>span{animation-delay:.14s}
@keyframes rise{from{transform:translateY(105%)}}
.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgb(255 255 255/.3)}
.hero-foot p{max-width:46ch;font-size:clamp(17px,1.45vw,22px);line-height:1.3}
.cta{padding:14px 24px;background:var(--celeste);color:var(--tinta);text-decoration:none;font-weight:600;transition:background .3s}
.cta:hover{background:#6dcdf2}

/* Datos */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--cepillado);border-bottom:2px solid var(--perfil)}
.facts li{padding:clamp(16px,2vw,26px) var(--pad);border-right:1px solid var(--perfil)}
.facts li:last-child{border:0}
.facts b{display:block;font-size:clamp(24px,2.6vw,40px);font-weight:600;line-height:1.1;color:var(--plano)}
.facts span{display:block;margin-top:3px;font-size:14px;color:var(--acero)}

/* Sistemas sobre plano azul */
.plan{--grid:rgb(127 178 214/.13);background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/34px 34px,var(--plano);color:#eaf3f8;padding:clamp(60px,6.6vw,100px) var(--pad)}
.plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,80px);align-items:start}
.sys-list{margin-top:clamp(26px,3vw,44px)}
.sys-group h3{margin-top:18px;padding-bottom:5px;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--trazo)}
.sys{border-top:1px solid rgb(127 178 214/.4)}
.sys-group:last-child .sys:last-child{border-bottom:1px solid rgb(127 178 214/.4)}
.sys button{display:flex;justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding:7px 0;background:none;border:0;color:#a9c6db;font:500 clamp(19px,1.7vw,25px)/1.2 Saira,sans-serif;text-align:left;cursor:pointer;transition:color .3s}
.sys button small{font-size:13px;font-weight:400;white-space:nowrap}
.sys.is-active button,.sys button:hover{color:#fff}
.sys.is-active button span::before{content:"";display:inline-block;width:.46em;height:.46em;margin-right:.45em;vertical-align:.1em;background:var(--celeste)}
.sys-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.sys-body>div{overflow:hidden;min-height:0}
.sys.is-active .sys-body{grid-template-rows:1fr}
.sys-body p{max-width:52ch;padding:2px 0 10px;font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.chips li{padding:3px 9px;border:1px solid rgb(127 178 214/.5);font-size:13px}
.ficha{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:600;color:#fff;text-underline-offset:4px;text-decoration-color:var(--celeste);text-decoration-thickness:2px}
.stage{position:sticky;top:90px;aspect-ratio:4/5;max-height:calc(100svh - 112px);width:100%}
.win{position:absolute;inset:0;overflow:hidden;perspective:1100px;opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s}
.win.is-active{opacity:1;visibility:visible}
.scene{position:absolute;inset:0;background:var(--foto) center/cover #2c5478;filter:saturate(.75)}
.has-motion .scene{animation:pan 26s ease-in-out infinite alternate}
.frame{position:absolute;inset:0;border:clamp(9px,1.1vw,15px) solid var(--perfil);box-shadow:inset 0 0 0 1px #dfe7ec;pointer-events:none}
.parts{position:absolute;inset:clamp(9px,1.1vw,15px);transform-style:preserve-3d}
.parts i{position:absolute;display:none}
.win-abre .parts i:nth-child(1),.win-oculta .parts i:nth-child(1),.win-corre .parts i:nth-child(1),.win-corre .parts i:nth-child(2),.win-linea .parts i:nth-child(1),.win-eleva .parts i:nth-child(1),.win-eleva .parts i:nth-child(2){display:block;top:0;bottom:0;border:clamp(7px,.9vw,12px) solid #b9c5cc;box-shadow:inset 0 0 0 1px #eef3f6,0 0 22px rgb(0 20 40/.35);background:linear-gradient(115deg,rgb(190 228 248/.38),rgb(190 228 248/.1) 42%,rgb(190 228 248/.3))}
.win-abre .parts i:nth-child(1),.win-oculta .parts i:nth-child(1){left:0;right:0;transform-origin:0 50%;animation:swing 9s ease-in-out infinite}
.win-oculta .parts i:nth-child(1){border-width:3px}
@keyframes swing{0%,14%{transform:rotateY(0)}46%,62%{transform:rotateY(-58deg)}94%,100%{transform:rotateY(0)}}
.win-corre .parts i:nth-child(1),.win-eleva .parts i:nth-child(1){left:0;width:52%}
.win-corre .parts i:nth-child(2),.win-eleva .parts i:nth-child(2){right:0;width:52%}
.win-corre .parts i:nth-child(2){animation:slide 10s ease-in-out infinite}
@keyframes slide{0%,12%{transform:translateX(0)}46%,62%{transform:translateX(-92%)}94%,100%{transform:translateX(0)}}
.win-linea .parts i:nth-child(1){left:0;width:100%;animation:inline 10s ease-in-out infinite}
@keyframes inline{0%,12%{transform:translateX(0)}46%,62%{transform:translateX(-78%)}94%,100%{transform:translateX(0)}}
.win-eleva .parts i:nth-child(2){animation:lift 11s ease-in-out infinite}
@keyframes lift{0%,10%{transform:none}20%{transform:translateY(-9px)}50%,62%{transform:translate(-92%,-9px)}82%{transform:translateY(-9px)}92%,100%{transform:none}}
.win-muro .frame{border-color:transparent;box-shadow:none}
.win-muro .parts{inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;background:var(--perfil)}
.win-muro .parts i{position:relative;display:block;overflow:hidden;background:var(--foto) center/300% 200% no-repeat}
.win-muro .parts i:nth-child(1){background-position:0 0}.win-muro .parts i:nth-child(2){background-position:50% 0}.win-muro .parts i:nth-child(3){background-position:100% 0}
.win-muro .parts i:nth-child(4){background-position:0 100%}.win-muro .parts i:nth-child(5){background-position:50% 100%}.win-muro .parts i:nth-child(6){background-position:100% 100%}
.win-muro .parts i::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgb(255 255 255/.34) 50%,transparent 65%);background-size:300% 100%;animation:glint 8s linear infinite}
.win-muro .parts i:nth-child(2)::after,.win-muro .parts i:nth-child(4)::after{animation-delay:-1.2s}
.win-muro .parts i:nth-child(3)::after,.win-muro .parts i:nth-child(5)::after{animation-delay:-2.4s}
.win-muro .parts i:nth-child(6)::after{animation-delay:-3.6s}
@keyframes glint{from{background-position:130% 0}to{background-position:-30% 0}}
[class*="win-b"] .frame,[class*="win-v"] .frame{border-color:transparent;box-shadow:none}
[class*="win-b"] .parts,[class*="win-v"] .parts{inset:auto 0 0;height:50%;border-top:clamp(8px,1vw,12px) solid #c4ced4}
[class*="win-b"] .parts::after,[class*="win-v"] .parts::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgb(255 255 255/.3) 50%,transparent 65%);background-size:300% 100%;animation:glint 8s linear infinite}
.win-bv .parts{background:repeating-linear-gradient(90deg,#c4ced4 0 6px,transparent 6px 44px)}
.win-bh .parts{background:repeating-linear-gradient(180deg,#c4ced4 0 6px,transparent 6px 38px),linear-gradient(90deg,#c4ced4 0 10px,transparent 10px calc(50% - 5px),#c4ced4 calc(50% - 5px) calc(50% + 5px),transparent calc(50% + 5px) calc(100% - 10px),#c4ced4 calc(100% - 10px))}
.win-bc .parts{background:linear-gradient(90deg,#c4ced4 0 10px,transparent 10px calc(50% - 5px),#c4ced4 calc(50% - 5px) calc(50% + 5px),transparent calc(50% + 5px) calc(100% - 10px),#c4ced4 calc(100% - 10px)),repeating-linear-gradient(45deg,transparent 0 62px,#c4ced4 62px 67px),repeating-linear-gradient(-45deg,transparent 0 62px,#c4ced4 62px 67px)}
.win-vp .parts,.win-vj .parts{background:rgb(190 228 248/.3)}
.win-vp .parts{background-image:radial-gradient(circle,#c4ced4 0 7px,transparent 8px),radial-gradient(circle,#c4ced4 0 7px,transparent 8px);background-size:50% 72%;background-position:25% 0,25% 100%;background-repeat:repeat-x}
.win-vj .parts{border-bottom:clamp(12px,1.5vw,20px) solid #c4ced4}
/* Obras: rodillo continuo */
.obras{background:var(--cepillado);padding:clamp(60px,6.6vw,100px) 0}
.obras-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:0 var(--pad);margin-bottom:clamp(22px,3vw,40px)}
.obras-head p{max-width:40ch;color:var(--acero);font-weight:500}
.reel{overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}
.reel.is-dragging{cursor:grabbing}
.reel-track{display:flex;width:max-content;will-change:transform}
html:not(.has-motion) .reel{overflow-x:auto}
.obra{margin-right:clamp(10px,1.2vw,18px)}
.obra button{position:relative;display:block;height:clamp(320px,58svh,520px);padding:0;overflow:hidden;background:var(--plano);border:0;color:#fff;font:inherit;text-align:left;cursor:pointer}
.obra img{width:auto;max-width:none;height:100%;filter:saturate(.85);transition:transform 1.1s var(--ease),filter .5s}
.obra button:hover img,.obra button:focus-visible img{transform:scale(1.05);filter:none}
.obra button>span{position:absolute;inset:auto 0 0;padding:44px 16px 13px;background:linear-gradient(transparent,rgb(11 35 58/.88))}
.obra b{display:block;font-size:clamp(19px,1.7vw,25px);font-weight:600;line-height:1.15}
.obra small{display:block;font-size:14px;color:#c9dbe7}

/* Fábrica: naves que se abren */
.factory{background:var(--hielo);padding:clamp(60px,6.6vw,100px) var(--pad)}
.bays{display:flex;gap:7px;height:clamp(380px,58svh,520px);margin-top:clamp(22px,3vw,40px)}
.bays li{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--plano);transition:flex-grow .9s var(--ease)}
.bays li.is-active{flex-grow:3.4}
.bays img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.bays li>div{position:absolute;inset:auto 0 0;padding:44px 16px 14px;background:linear-gradient(transparent,rgb(11 35 58/.92));color:#f2f7fa}
.bays button{display:block;width:100%;padding:0;background:none;border:0;color:inherit;font:600 clamp(18px,1.8vw,28px)/1.1 Saira,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.bays button span{display:block;margin-bottom:2px;font-size:13px;color:var(--celeste)}
.bays p{max-width:44ch;min-width:min(300px,50vw);margin-top:5px;font-size:15px;opacity:0;transition:opacity .5s}
.bays li.is-active p{opacity:1;transition-delay:.35s}
html:not(.has-motion) .bays p{opacity:1}

/* Historia: una regla de obra */
.history{background:var(--plano2);color:#eaf3f8;padding:clamp(60px,6.6vw,100px) var(--pad)}
.ruler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,4vw,50px);border-top:2px solid var(--trazo);background:repeating-linear-gradient(90deg,var(--trazo) 0 1px,transparent 1px 24px) 0 0/100% 8px no-repeat}
.ruler li{padding:18px clamp(12px,1.6vw,24px) 0 0}
.ruler b{display:block;margin-bottom:10px;font-size:clamp(22px,2.2vw,34px);font-weight:600;line-height:1.1}
.ruler li:first-child b{color:var(--celeste)}
.ruler figure{aspect-ratio:12/8;overflow:hidden;background:var(--plano)}
.ruler img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform 1.1s var(--ease),filter .5s}
.ruler li:hover img{transform:scale(1.05);filter:none}
.ruler p{margin-top:9px;font-size:15px;color:#c9dbe7}

/* Preguntas */
.faq{background:var(--hielo);padding:clamp(40px,4.6vw,68px) var(--pad)}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,3vw,48px);align-items:start;margin-top:clamp(18px,2.4vw,32px)}
.faq details{border-top:1px solid var(--perfil)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:clamp(17px,1.35vw,21px);font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--plano),var(--plano)) center/100% 2px no-repeat,linear-gradient(var(--plano),var(--plano)) center/2px 100% no-repeat;transition:transform .45s var(--ease)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq details::details-content{height:0;overflow:hidden;transition:height .5s var(--ease),content-visibility .5s allow-discrete}
.faq details[open]::details-content{height:auto}
.faq details p{padding:0 26px 14px 0;color:var(--acero)}
.faq details a{color:var(--plano);font-weight:600}

/* Contacto */
.contact{background:var(--plano);color:#f2f7fa;padding:clamp(44px,5.4vw,76px) var(--pad)}
.channels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:clamp(22px,3vw,40px)}
.channels a{display:flex;flex-direction:column;height:100%;padding:clamp(13px,1.3vw,20px);background:var(--cepillado);color:var(--tinta);text-decoration:none;transition:transform .35s var(--ease)}
.channels a:hover{transform:translateY(-5px)}
.channels i{width:42px;height:42px;margin-bottom:clamp(20px,3vw,44px)}
.channels b{font-size:clamp(17px,1.35vw,21px);font-weight:600;line-height:1.2}
.channels small{font-size:13px;color:var(--acero);overflow-wrap:anywhere}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px var(--pad);background:var(--plano);border-top:1px solid rgb(127 178 214/.35);color:var(--trazo);font-size:13px}

/* Galería */
dialog{width:min(1180px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:0;background:var(--plano);color:#f2f7fa;border:2px solid var(--perfil)}
dialog::backdrop{background:rgb(9 28 47/.8)}
.dialog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:16px clamp(14px,2.2vw,26px);background:var(--plano)}
.dialog-head h3{font-size:clamp(25px,3vw,42px);font-weight:600;line-height:1.05}
.dialog-head p{margin-top:3px;color:var(--trazo);font-size:14px}
.dialog-head button{width:42px;height:42px;background:none;border:1px solid var(--trazo);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.dialog-photos{columns:2 280px;column-gap:7px;padding:0 clamp(8px,1.4vw,16px) 16px}
.dialog-photos img{width:100%;margin-bottom:7px;break-inside:avoid}

@media (max-width:1040px){
  html{scroll-padding-top:122px}
  .site-header{flex-wrap:wrap;row-gap:3px}
  .contact-icons{order:9;flex:0 0 100%;justify-content:center;gap:clamp(4px,3vw,18px);border-top:1px solid var(--perfil)}
  .plan{grid-template-columns:1fr}
  .stage{position:relative;top:0;order:-1;aspect-ratio:5/4;max-height:58svh}
  .channels{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:800px){
  .menu-toggle{display:block}
  #navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--hielo);padding:4px var(--pad) 12px;border-bottom:2px solid var(--perfil);font-size:17px}
  #navigation.is-open{display:flex}
  #navigation a{padding:12px 0;border-bottom:1px solid var(--perfil)}
  h1{font-size:min(10.4vw,8svh)}
  .sash{width:46vw}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts li:nth-child(2){border-right:0}
  .facts li:nth-child(-n+2){border-bottom:1px solid var(--perfil)}
  .facts li{padding:14px var(--pad)}
  .sys button small{display:none}
  .bays{flex-direction:column;height:640px}
  .bays p{min-width:0}
  .has-motion .bays li:not(.is-active) p{display:none}
  .bays li>div{padding-top:22px}
  .ruler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-list{grid-template-columns:1fr}
  .channels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important}
  .sys-body{grid-template-rows:1fr}
}
.sash{-webkit-mask-image:linear-gradient(#000 38%,rgb(0 0 0/.14) 66%);mask-image:linear-gradient(#000 38%,rgb(0 0 0/.14) 66%)}

/* Superficies claras: la misma grilla del plano, apenas visible */
.factory,.faq{background:linear-gradient(var(--trama) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,var(--trama) 1px,transparent 1px) 0 0/34px 34px,var(--hielo)}
.site-header{background:#f1f3f4}
.channels a{background:#f1f3f4}