/* ============================================================
   www.tecnopacific.com — variables.css
   Variables globales, reset, tipografía, animaciones
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap');

:root {
  --orange:    #E87B1E;
  --orange-lt: #F5A052;
  --orange-bg: #FFF3E4;
  --blue:      #1A2570;
  --blue-mid:  #2E3A9B;
  --blue-lt:   #5BA8D4;
  --text:      #12131A;
  --muted:     #545468;
  --border:    #E2E8F0;
  --bg:        #F4F6FA;
  --white:     #fff;
  --card-r:    16px;
  --nav-h:     68px;
  --whatsapp:  #25D366;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'DM Sans',sans-serif; background:#fff; color:var(--text); overflow-x:hidden; line-height:1.6; }
img  { max-width:100%; display:block; }
a    { text-decoration:none; color:inherit; }
::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-thumb { background:var(--orange); border-radius:2px; }

@keyframes fadeUp  { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn  { from{opacity:0} to{opacity:1} }
@keyframes pulse   { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }

.fade-up { opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s ease; }
.fade-up.vis { opacity:1; transform:translateY(0); }
.fade-up.d1{transition-delay:.1s} .fade-up.d2{transition-delay:.2s}
.fade-up.d3{transition-delay:.3s} .fade-up.d4{transition-delay:.4s}
.fade-up.d5{transition-delay:.5s} .fade-up.d6{transition-delay:.6s}