/* =========================================================
   RefriNea — tema sobre la base de HDA (cargar DESPUÉS de styles.css)
   Para cambiar la paleta basta con tocar estas variables.
   ========================================================= */
:root{
  --navy-950:#050c16;
  --navy-900:#08121f;
  --navy-800:#0c2038;
  --navy-700:#12345a;
  --teal:#007fa8;
  --teal-600:#00688a;
  --sky:#00c8ff;
  --sky-300:#7fe0ff;
  --ice:#e8f6fb;
  --frost:#f5fbfe;
  --line:#d6e6ee;
}
.navbar-brand img{width:auto;max-height:46px}
.footer__logo img{width:auto}

/* ---------- Carrusel "Empresas que confían en nosotros" ---------- */
.clients{background:#fff;border-bottom:1px solid var(--line);padding:2.4rem 0 2.2rem;overflow:hidden}
.clients__label{
  text-align:center;margin:0 0 1.6rem;font-family:var(--font-head);font-weight:600;
  font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);
}
.clients__track{
  position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.clients__inner{display:flex;align-items:center;gap:3.5rem;width:max-content;animation:clients 45s linear infinite;will-change:transform}
.clients__inner:hover{animation-play-state:paused}
.client{flex:none;height:76px;display:flex;align-items:center;justify-content:center}
.client img{height:100%;width:auto;max-width:200px;object-fit:contain}
@keyframes clients{to{transform:translateX(-50%)}}
@media (max-width:640px){
  .client{height:54px}
  .clients__inner{gap:2.2rem}
}
@media (prefers-reduced-motion:reduce){
  .clients__inner{animation:none!important}
  .clients__track{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}

/* ---------- Ajustes de secciones ---------- */
.spec__value--sm{font-size:clamp(1.9rem,4.4vw,3.2rem);letter-spacing:-.03em;line-height:1.05}
.values--problem .values__grid{margin-bottom:clamp(3rem,6vw,4.5rem)}
.values--problem .values__quote{margin-bottom:0}
.equip__list{min-width:0}

/* ---------- Cobertura: mapa propio ---------- */
.coverage__map{margin:0}
.coverage__map img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 30px 70px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.14)}
.coverage__map figcaption{text-align:center;font-size:.82rem;color:#8fb0c9;margin-top:1rem}
.note a{color:var(--sky-300);text-decoration:underline}

/* ---------- Galería ---------- */
.gallery__more{display:flex;justify-content:center;margin-top:2.2rem}
.gallery__more[hidden]{display:none}
.gallery .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:transparent;backdrop-filter:none}
.gallery .btn-ghost:hover{color:var(--navy-800);background:#fff;border-color:#fff}

/* ---------- Testimonios ---------- */
.testi{background:var(--frost)}
.testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.t-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.9rem 1.7rem;
  display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s;
}
.t-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.t-card--big{background:var(--navy-800);border-color:var(--navy-800)}
.t-card__stars{color:#f5b301;letter-spacing:3px;font-size:1rem;margin-bottom:.9rem}
.t-card p{flex:1;color:#33495c;font-size:1rem;margin-bottom:1.3rem}
.t-card strong{font-family:var(--font-head);color:var(--navy-800);font-size:1rem}
.t-card span{font-size:.85rem;color:var(--muted)}
.t-card--big p{color:#d3e4f1}
.t-card--big strong{color:#fff}
.t-card--big span{color:var(--sky-300)}
@media (max-width:1100px){.testi__grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.testi__grid{grid-template-columns:1fr}}