/* ============================================================
   ATRK — Custom enhancements (responsive + design + WhatsApp)
   Cargado DESPUÉS de bootstrap/atrk-style para sobrescribir.
   Autor: optimización 2026-06-26
   ============================================================ */

:root{
  --atrk-navy:#00287b;
  --atrk-blue:#0391CC;
  --atrk-green:#25D366;
  --atrk-dark:#1b1f23;
  --atrk-ink:#2b2f33;
}

/* ---------- Tipografía y base ---------- */
html{scroll-behavior:smooth;}
body{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  color:var(--atrk-ink);
}
img{max-width:100%;}

/* Títulos responsive (evita el 3.5rem fijo gigante en móvil) */
.h1,h1{font-size:clamp(1.8rem,5vw,3.2rem)!important;line-height:1.15;font-weight:700;}
.card-title{font-size:clamp(1.1rem,2.4vw,1.6rem)!important;}
p{line-height:1.6;}

/* ---------- Navbar / logo ---------- */
.navbar.bg-dark{background:var(--atrk-dark)!important;box-shadow:0 2px 10px rgba(0,0,0,.18);}
.logo-header img{max-height:54px;width:auto;}
.navbar-nav .nav-link{letter-spacing:.04em;font-weight:600;transition:color .2s;}
.navbar-nav .nav-link:hover{color:var(--atrk-blue)!important;}
.dropdown-menu{box-shadow:0 8px 24px rgba(0,0,0,.25);border-radius:.4rem;overflow:hidden;}
.dropdown-item:hover{background:var(--atrk-blue)!important;color:#fff!important;}

/* Barra de contacto superior: compacta y legible en móvil */
.social-buttons .list-inline-item{margin-left:10px;margin-right:10px;vertical-align:middle;}
@media (max-width:575px){
  .social-buttons .list-inline-item{margin-left:6px;margin-right:6px;font-size:11px;}
}

/* ---------- Carrusel / hero ---------- */
.carousel-item img{
  width:100%;
  height:clamp(180px,28vw,460px);
  object-fit:cover;
  border-radius:.5rem;
}
.carousel-animate{animation:none!important;}      /* quita el "latido" molesto del bloque */
.logo-header{animation:none!important;}            /* logo deja de rebotar en loop infinito */

/* ---------- Tarjetas de producto ---------- */
.card{border:0;border-radius:.7rem;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08);
  transition:transform .25s ease,box-shadow .25s ease;}
.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.16);}
.card-img-top,.card .card-img{
  width:100%;aspect-ratio:1/1;object-fit:cover;
}
.card .card-img{aspect-ratio:16/10;}
.card-footer{background:#fff;border-top:1px solid #f0f0f0;}
.card-text{color:#5a6066;font-size:.92rem;}

/* ---------- Botones ---------- */
.btn-primary{
  background:var(--atrk-navy);border-color:var(--atrk-navy);
  border-radius:2rem;padding:.6rem 1.6rem;font-weight:600;letter-spacing:.02em;
  transition:all .2s;
}
.btn-primary:hover{background:var(--atrk-blue);border-color:var(--atrk-blue);transform:translateY(-2px);}

/* CTA "Obtén tu proyecto" destacado en el menú lateral */
.list-group-item-action strong{font-weight:700;}
.list-group .zoom a[href*="wa.me"]{
  background:var(--atrk-green)!important;color:#fff!important;border-radius:.4rem;
}
.list-group .zoom a[href*="wa.me"]:hover{background:#1ebe5d!important;color:#fff!important;}

/* ---------- Sección VALORES / iconos ---------- */
.fa-5x{color:var(--atrk-blue);}
.we{
  background:linear-gradient(120deg,#AFFF60,#7BE000)!important;
  color:#1f3d00!important;padding:.4rem 1rem;border-radius:.4rem;display:inline-block;
}

/* ---------- Formulario ---------- */
.form-control{border-radius:.5rem;padding:.65rem .9rem;}
.form-control:focus{border-color:var(--atrk-blue);box-shadow:0 0 0 .2rem rgba(3,145,204,.2);}

/* ---------- Footer ---------- */
footer.bg-dark{background:var(--atrk-dark)!important;}
footer img{max-height:60px;width:auto;}
footer .list-inline-item span{color:#cfd3d7;font-size:13px;line-height:1.7;}

/* ============================================================
   Botón flotante de WhatsApp (abajo-derecha)
   ============================================================ */
.atrk-wa-float{
  position:fixed;right:18px;bottom:18px;z-index:9999;
  width:60px;height:60px;border-radius:50%;
  background:var(--atrk-green);color:#fff!important;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.3);
  text-decoration:none;transition:transform .2s,box-shadow .2s;
  animation:atrk-wa-pulse 2.4s infinite;
}
.atrk-wa-float:hover{transform:scale(1.08);box-shadow:0 8px 22px rgba(0,0,0,.4);color:#fff;}
.atrk-wa-float i{font-size:32px;line-height:1;}
@keyframes atrk-wa-pulse{
  0%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.6);}
  70%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 16px rgba(37,211,102,0);}
  100%{box-shadow:0 6px 18px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,0);}
}
@media (max-width:575px){
  .atrk-wa-float{width:54px;height:54px;right:14px;bottom:14px;}
  .atrk-wa-float i{font-size:28px;}
}

/* Respeta usuarios con prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .atrk-wa-float,.card,.btn-primary{animation:none!important;transition:none!important;}
}