@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/inter-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/inter-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/inter-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/inter-3.ttf) format('truetype');
}
400;500;600&display=swap');
:root{--deep:#16232f;--pill:#1b2c3d;--accent:#45a9e5;--muted:#c9d6e0}*{box-sizing:border-box}html{background:var(--deep)}body{margin:0;color:white;font-family:Inter,Arial,sans-serif;font-weight:400}img{display:block;max-width:100%;object-fit:cover}main{width:100%}.panel{position:relative;isolation:isolate;min-height:100svh;padding:30px clamp(24px,4vw,76px);overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column}.panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,35,47,.85),rgba(22,35,47,.75) 40%,rgba(22,35,47,.55) 75%)}.portada{background-image:url('assets/datacenter.webp')}.alcance{background-image:url('assets/network.webp')}.catalogo,.compromiso{background-image:url('assets/warehouse.webp')}.servicios{background-image:url('assets/technician.webp')}.contacto{background-image:url('assets/guadalajara.webp')}.brandbar{height:clamp(58px,6.8vw,82px);border:1px solid #4fa3c74d;background:#1b2c3dd9;border-radius:100px;display:flex;align-items:center;padding:7px 36px;position:relative;z-index:3;flex-shrink:0}.brandbar img{width:clamp(120px,13vw,170px);height:100%;object-fit:contain}.content{position:relative;flex:1;display:flex;align-items:center;gap:4vw;padding:clamp(55px,8vh,110px) 0 75px;min-width:0}.copy{width:60%;position:relative;z-index:2}h1,h2{font-size:clamp(35px,3.6vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1.12;margin:0 0 28px}p{margin:0}.copy>p{max-width:640px;font-size:clamp(17px,1.65vw,25px);line-height:1.55;color:var(--muted)}.strap{position:absolute;bottom:0;left:0;right:0;font-size:clamp(10px,.82vw,13px);line-height:1.7;letter-spacing:.18em;font-weight:500;color:var(--muted);padding-bottom:5px}.hero-photos{width:36%;height:clamp(310px,47vh,520px);position:relative;flex-shrink:0}.hero-photos img{position:absolute;width:62%;height:86%;border:1px solid #c9d6e0;border-radius:26px}.rack{left:0;top:0;z-index:2}.camera{right:0;bottom:0;object-position:65% center}.stats{width:33%;display:grid;gap:20px;flex-shrink:0}.stats>div{background:#3991c4;color:#fff;border-radius:26px;padding:22px;display:flex;align-items:center;gap:22px}.stats strong{font-size:clamp(60px,7vw,110px);font-weight:600;letter-spacing:-.05em;line-height:1}.stats span{font-size:clamp(18px,1.9vw,28px);line-height:1.25}.catalog-copy{width:74%;position:relative;z-index:1}.catalog-copy h2{font-size:clamp(34px,3.1vw,60px);max-width:1050px}.categories{display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:30px 28px;padding:0;margin:55px 0 0;list-style:none;max-width:90%}.categories li{display:flex;align-items:center;gap:20px;font-size:clamp(16px,1.35vw,23px);line-height:1.5}.category-line{display:block;width:40px;height:4px;background:#45a9e5;flex:0 0 40px}.catalog-circle{position:absolute;right:-17vw;width:38vw;height:38vw;border:3px solid var(--accent);border-radius:50%;max-width:none}.servicios .content{flex-direction:column;align-items:stretch;justify-content:center;gap:45px}.services{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.services li{border:2px solid var(--accent);border-radius:24px;background:#16232fd9;padding:30px 22px;min-height:240px}.services span{font-size:clamp(40px,4.5vw,70px);font-weight:600;color:var(--accent)}.services p{font-size:clamp(17px,1.65vw,25px);line-height:1.45;margin-top:15px}.promises{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:24px}.promises li{display:flex;align-items:center;gap:24px;font-size:clamp(16px,1.5vw,24px);line-height:1.4}.promises li:before{content:"";background:linear-gradient(45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--accent) 46% 54%,transparent 55%);width:26px;height:26px;flex-shrink:0}.promise-photos{width:33%;height:clamp(330px,48vh,530px);position:relative;flex-shrink:0}.printer{position:absolute;inset:0;width:100%;height:100%;border:2px solid var(--accent);border-radius:28px}.small-circle{position:absolute;left:-18%;top:-10%;width:60%;aspect-ratio:1;border:3px solid var(--accent);border-radius:50%;object-fit:cover}.contacto:before{background:rgba(22,35,47,.75)}.contacto .content{flex-direction:column;justify-content:center;gap:34px;padding-bottom:90px}.contact-frame{max-width:900px;width:75%;border:2px solid var(--accent);border-radius:30px;padding:clamp(25px,4vw,60px);background:#16232fcc}address{font-style:normal;font-size:clamp(17px,1.7vw,27px);line-height:1.8;overflow-wrap:anywhere}address span{display:block}.contacto h2{text-align:center;font-size:clamp(32px,3.2vw,60px);margin:0}.panel+.panel{border-top:8px solid var(--deep)}
@media(min-width:1900px){.content{max-width:1750px;width:100%;margin:auto}.brandbar{width:100%;max-width:1750px;margin-inline:auto}.catalog-circle{right:-13vw}}
@media(max-width:1100px){.copy{width:58%}.stats{width:38%}.stats>div{gap:15px;padding:20px}.categories{max-width:95%;gap:24px 18px}.categories li{gap:12px}.category-line{width:25px;flex-basis:25px}.catalog-copy{width:77%}.services{gap:12px}.services li{padding:25px 15px;min-height:230px}.promise-photos{width:34%}.contact-frame{width:85%}}
@media(max-width:760px){.panel{min-height:100svh;padding:20px}.brandbar{height:62px;padding:8px 23px}.brandbar img{width:135px}.content{padding:45px 0 75px;flex-direction:column;align-items:stretch;gap:40px}.copy,.catalog-copy{width:100%}h1,h2{font-size:clamp(31px,6vw,45px);line-height:1.18;margin-bottom:22px}.copy>p{font-size:17px;max-width:100%}.hero-photos{width:min(100%,420px);height:320px;align-self:center}.hero-photos img{border-radius:23px}.stats{width:100%;grid-template-columns:1fr 1fr;gap:12px}.stats>div{padding:20px 16px;gap:10px;flex-direction:column;align-items:flex-start;border-radius:22px}.stats strong{font-size:64px}.stats span{font-size:18px}.catalog-copy h2{font-size:34px}.categories{max-width:100%;margin-top:32px;gap:23px 20px}.categories li{font-size:16px;gap:10px;align-items:flex-start}.category-line{margin-top:10px;width:18px;flex-basis:18px}.catalog-circle{position:relative;width:290px;height:290px;align-self:flex-end;right:-75px;margin-top:5px}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services li{min-height:190px;padding:22px 18px}.services p{font-size:18px}.services span{font-size:48px}.services li:last-child{grid-column:1/-1;min-height:145px}.servicios .content{gap:15px}.promises{gap:22px;margin-top:30px}.promises li{font-size:17px;gap:15px}.promise-photos{width:75%;max-width:340px;height:320px;align-self:flex-end;margin-top:20px}.small-circle{width:58%}.contacto .content{gap:30px}.contact-frame{width:100%;padding:27px 22px;border-radius:25px}address{font-size:17px;line-height:1.8}address span+span{margin-top:5px}.contacto h2{font-size:33px}.strap{font-size:10px;letter-spacing:.13em}.panel:before{background:linear-gradient(180deg,rgba(22,35,47,.8),rgba(22,35,47,.72))}.contacto:before{background:rgba(22,35,47,.8)}}
@media(max-width:380px){.panel{padding:16px}.categories{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr}.categories li{font-size:17px}.stats span{font-size:16px}.services p{font-size:16px}.contact-frame{padding:24px 17px}address{font-size:16px}}
@media(max-height:600px) and (min-width:761px){.panel{min-height:720px}.content{padding-top:65px}}

/* Colores propios del sitio, también al integrarlo en un editor. */
#bostik-site{--deep:#16232f;--pill:#1b2c3d;--accent:#45a9e5;--muted:#c9d6e0}