*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#102033;line-height:1.55}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:#031426}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand img,.foot img{height:48px;width:auto;display:block}.nav nav{display:flex;gap:22px}.nav nav a,.mobile-nav a{color:white;text-decoration:none;font-weight:700;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;background:#0d63d8;color:white;text-decoration:none;border:none;border-radius:9px;font-weight:700;cursor:pointer}.menu{display:none;background:none;border:0;color:white;font-size:28px}.mobile-nav{display:none;background:#062443;padding:12px 4% 22px}.mobile-nav.open{display:grid;gap:15px}.hero{position:relative;min-height:650px;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,24,.92) 0%,rgba(2,13,24,.72) 50%,rgba(2,13,24,.18) 100%)}.hero-content{position:relative;z-index:2;padding-top:145px;max-width:760px;margin-left:max(4%,calc((100% - 1180px)/2))}.hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;margin:10px 0 20px}.hero h1 span{color:#2a8cff}.hero p{font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#72b7ff}.blue{color:#0d63d8}.actions{display:flex;gap:12px;margin-top:28px}.ghost{background:transparent;border:1px solid white}.section{padding:88px 0}.light{background:#f5f8fb}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}h2{font-size:clamp(32px,4vw,50px);line-height:1.05}.panel{background:linear-gradient(145deg,#04182d,#0d4f87);color:white;padding:45px;border-radius:24px}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.card{background:white;border:1px solid #dbe3ec;border-radius:16px;overflow:hidden}.card img{width:100%;height:165px;object-fit:cover}.card div{padding:18px}.card h3{font-size:16px;margin:0 0 8px}.card p{font-size:13px;color:#617186}.card a{font-size:13px;font-weight:700;color:#0d63d8;text-decoration:none}.projects{background:#04182d;color:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-grid article{background:#082743;border-radius:18px;overflow:hidden;padding-bottom:18px}.project-grid img{width:100%;height:210px;object-fit:cover}.project-grid h3,.project-grid p{margin-left:18px;margin-right:18px}.project-grid p{color:#b9c8d6}.form{display:grid;gap:12px}.form input,.form select,.form textarea{padding:14px;border:1px solid #cad5df;border-radius:9px;font:inherit}footer{background:#020e19;color:#9eb2c6;padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-weight:900;text-decoration:none}.placeholder-note{font-size:12px;color:#667}
@media(max-width:900px){#desktopNav,.desktop{display:none}.menu{display:block}.two{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.hero-content{margin-left:4%;padding-right:4%}}
@media(max-width:600px){.brand img{height:40px}.hero{min-height:600px}.hero-content{padding-top:110px}.hero h1{font-size:44px}.actions{flex-direction:column}.cards{grid-template-columns:1fr}.card img{height:190px}.foot{flex-direction:column;align-items:flex-start}}

.store-button{white-space:nowrap}
.brands-section{padding:80px 0;background:#f5f8fb;border-bottom:1px solid var(--line)}
.brands-intro{max-width:760px;margin:0 auto 34px;text-align:center;color:var(--muted)}
.brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.brand-card{min-height:105px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:0 8px 25px rgba(4,24,45,.05);font-weight:800;font-size:18px;color:#536273}
.brand-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#9bc7f8}
@media(max-width:980px){.brands-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.brands-grid{grid-template-columns:repeat(2,1fr)}.store-button{white-space:normal}}

/* Tienda online - botón destacado */
.shop-hero{background:#b4932e!important;color:#fff!important;border-color:#b4932e!important}
.store-section{background:#071b30;color:#fff}
.store-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 0}
.store-box h2{color:#fff}
.store-box p{max-width:700px}
.store-main-button{font-size:17px;padding:17px 26px;background:#b4932e!important;color:#fff!important;white-space:nowrap}
.brand-names{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px}
.brand-names span{background:#fff;border:1px solid #dbe3eb;border-radius:12px;padding:28px 12px;text-align:center;font-weight:800;color:#34475a}
@media(max-width:800px){.store-box{display:block}.store-main-button{display:inline-block;margin-top:20px;white-space:normal}.brand-names{grid-template-columns:repeat(2,1fr)}}


/* ===== Carrusel animado de marcas ===== */
.brands-showcase{
  overflow:hidden;
  padding-bottom:72px;
}
.brands-copy{
  max-width:760px;
  margin:0 auto 34px;
  color:var(--muted);
}
.brands-marquee{
  width:100%;
  overflow:hidden;
  position:relative;
  padding:12px 0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
}
.brands-track{
  display:flex;
  width:max-content;
  gap:22px;
  align-items:center;
  animation:brands-scroll 32s linear infinite;
}
.brands-marquee:hover .brands-track{
  animation-play-state:paused;
}
.brand-logo-card{
  width:190px;
  height:105px;
  flex:0 0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 22px;
  box-shadow:0 8px 24px rgba(4,24,45,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.brand-logo-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.62;
  transition:filter .28s ease,opacity .28s ease,transform .28s ease;
}
@media (hover:hover) and (pointer:fine){
  .brand-logo-card:hover{
    transform:translateY(-5px);
    border-color:#9bc7f8;
    box-shadow:0 15px 34px rgba(4,24,45,.12);
  }
  .brand-logo-card:hover img{
    filter:grayscale(0);
    opacity:1;
    transform:scale(1.06);
  }
}
@keyframes brands-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 11px))}
}
@media(max-width:700px){
  .brands-track{gap:14px;animation-duration:24s}
  .brand-logo-card{width:155px;height:88px;padding:15px 18px}
}
@media(prefers-reduced-motion:reduce){
  .brands-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  .brands-marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}
}


/* ===== Aviso de privacidad y cookies ===== */
.cookie-banner{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:9998;
  padding:18px;
  background:rgba(5,22,39,.97);
  color:#fff;
  box-shadow:0 -12px 35px rgba(0,0,0,.22);
  transform:translateY(110%);
  opacity:0;
  transition:transform .45s ease,opacity .45s ease;
}
.cookie-banner.is-visible{transform:translateY(0);opacity:1}
.cookie-inner{
  max-width:1180px;margin:auto;
  display:flex;align-items:center;gap:18px;
}
.cookie-icon{font-size:30px;flex:0 0 auto}
.cookie-copy{flex:1;min-width:0}
.cookie-copy strong{display:block;font-size:16px;margin-bottom:5px}
.cookie-copy p{margin:0;color:#d7e1ea;font-size:13px;line-height:1.55}
.privacy-text-link,.footer-privacy-link{
  appearance:none;border:0;background:none;padding:0;
  color:#55bff0;text-decoration:underline;cursor:pointer;font:inherit;
}
.privacy-text-link{margin-top:7px;font-size:13px}
.cookie-accept{min-width:115px;background:#b4932e!important;color:#fff!important}
.privacy-modal{
  position:fixed;inset:0;z-index:10000;
  display:none;align-items:center;justify-content:center;padding:20px;
}
.privacy-modal.is-open{display:flex}
.privacy-backdrop{position:absolute;inset:0;background:rgba(3,15,27,.76)}
.privacy-dialog{
  position:relative;z-index:1;width:min(760px,100%);
  max-height:85%;
  overflow:auto;background:#fff;color:#1d2b38;
  border-radius:18px;padding:34px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.privacy-dialog h2{margin-top:4px}
.privacy-content{font-size:14px;line-height:1.7;color:#526272}
.privacy-note{padding:12px 14px;background:#f4f7fa;border-left:3px solid #b4932e;border-radius:6px}
.privacy-close{
  position:absolute;right:16px;top:12px;border:0;background:none;
  font-size:30px;line-height:1;cursor:pointer;color:#536273;
}
.privacy-understood{margin-top:8px}
.footer-privacy-link{display:block;margin:12px auto;color:#b9d6eb;font-size:13px}
@media(max-width:700px){
  .cookie-inner{align-items:flex-start;flex-wrap:wrap}
  .cookie-icon{display:none}
  .cookie-actions{width:100%}
  .cookie-accept{width:100%}
  .privacy-dialog{padding:28px 20px}
}


/* ===== AJUSTE RESPONSIVO FINAL: MARCAS + PRIVACIDAD ===== */

/* MARCAS */
.brands-showcase{
  overflow:hidden;
}
.brands-marquee{
  width:100%;
  overflow:hidden;
  padding:14px 0 4px;
}
.brands-track{
  display:flex;
  align-items:center;
  gap:18px;
}
.brand-logo-card{
  width:190px;
  height:100px;
  flex:0 0 190px;
  box-sizing:border-box;
  padding:16px 20px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand-logo-card img{
  width:100%;
  height:100%;
  max-width:155px;
  max-height:64px;
  object-fit:contain;
  object-position:center;
  display:block;
}

/* El logo siempre conserva su proporción */
.brand-logo-card img{
  aspect-ratio:auto;
}

/* PRIVACIDAD / COOKIES */
.cookie-banner{
  box-sizing:border-box;
  width:100%;
}
.cookie-inner{
  width:min(1180px, 100%);
  box-sizing:border-box;
}
.cookie-copy{
  min-width:0;
}
.cookie-copy p{
  overflow-wrap:anywhere;
}
.privacy-modal{
  box-sizing:border-box;
  padding:16px;
  overflow-y:auto;
}
.privacy-dialog{
  width:min(760px, 100%);
  max-width:100%;
  max-height:calc(100vh - 32px);
  box-sizing:border-box;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.privacy-content{
  overflow-wrap:anywhere;
}

/* TABLET */
@media (max-width: 900px){
  .brand-logo-card{
    width:170px;
    height:92px;
    flex-basis:170px;
    padding:14px 18px;
  }
  .brand-logo-card img{
    max-width:140px;
    max-height:56px;
  }
  .cookie-inner{
    align-items:flex-start;
  }
}

/* CELULAR */
@media (max-width: 640px){
  .brands-showcase{
    padding-bottom:52px;
  }
  .brands-marquee{
    padding-left:12px;
    padding-right:12px;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .brands-track{
    gap:12px;
    animation-duration:28s;
  }
  .brand-logo-card{
    width:138px;
    height:78px;
    flex:0 0 138px;
    padding:11px 14px;
    border-radius:12px;
  }
  .brand-logo-card img{
    max-width:112px;
    max-height:46px;
  }

  .cookie-banner{
    padding:12px;
  }
  .cookie-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .cookie-copy strong{
    font-size:15px;
    line-height:1.35;
  }
  .cookie-copy p{
    font-size:12px;
    line-height:1.45;
  }
  .privacy-text-link{
    margin-top:6px;
    font-size:12px;
  }
  .cookie-actions,
  .cookie-accept{
    width:100%;
  }
  .cookie-accept{
    min-height:46px;
  }

  .privacy-modal{
    align-items:flex-start;
    padding:10px;
  }
  .privacy-dialog{
    width:100%;
    max-width:100%;
    max-height:calc(100vh - 20px);
    margin:0;
    padding:24px 18px 20px;
    border-radius:14px;
  }
  .privacy-dialog h2{
    font-size:clamp(22px, 7vw, 30px);
    line-height:1.15;
    padding-right:34px;
  }
  .privacy-content{
    font-size:13px;
    line-height:1.55;
  }
  .privacy-content p{
    margin-bottom:12px;
  }
  .privacy-close{
    right:12px;
    top:10px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .privacy-understood{
    width:100%;
    min-height:46px;
  }
}

/* CELULARES MUY PEQUEÑOS */
@media (max-width: 380px){
  .brand-logo-card{
    width:122px;
    height:72px;
    flex-basis:122px;
    padding:10px 12px;
  }
  .brand-logo-card img{
    max-width:98px;
    max-height:42px;
  }
  .privacy-dialog{
    padding:22px 15px 18px;
  }
}

/* Pantalla horizontal baja */
@media (max-height: 540px){
  .privacy-modal{
    align-items:flex-start;
  }
  .privacy-dialog{
    max-height:calc(100vh - 16px);
  }
}


/* ===== AJUSTE FINAL CARRUSEL DE MARCAS PARA CHROME ===== */
.brands-showcase{
  padding-top:56px;
  padding-bottom:48px;
}

.brands-marquee{
  padding:8px 0;
}

.brands-track{
  gap:14px;
}

.brand-logo-card{
  width:150px !important;
  height:72px !important;
  flex:0 0 150px !important;
  padding:10px 14px !important;
  border-radius:12px;
}

.brand-logo-card img{
  width:100% !important;
  height:100% !important;
  max-width:118px !important;
  max-height:42px !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media (max-width: 900px){
  .brand-logo-card{
    width:135px !important;
    height:66px !important;
    flex-basis:135px !important;
    padding:9px 12px !important;
  }
  .brand-logo-card img{
    max-width:105px !important;
    max-height:38px !important;
  }
}

@media (max-width: 640px){
  .brands-showcase{
    padding-top:44px;
    padding-bottom:40px;
  }
  .brands-track{
    gap:10px;
  }
  .brand-logo-card{
    width:118px !important;
    height:58px !important;
    flex:0 0 118px !important;
    padding:8px 10px !important;
  }
  .brand-logo-card img{
    max-width:92px !important;
    max-height:32px !important;
  }
}


/* Aviso de privacidad deshabilitado */
#cookieBanner,
#privacyModal,
.footer-privacy-link{
  display:none !important;
}