/* ──────────────────────────────────────────
   CREA-RESPONSIVE.CSS
   Media queries — tablet y mobile
   ────────────────────────────────────────── */

@media (max-width:1024px) {
  .hero-wrap          { grid-template-columns:1fr; }
  .h-panel            { display:none; }
  .srv-g              { grid-template-columns:repeat(2,1fr); }
  .pq-g               { grid-template-columns:1fr; }
  .port-feat          { grid-template-columns:1fr; }
  .port-g             { grid-template-columns:repeat(2,1fr); }
  .ia-g               { grid-template-columns:1fr; gap:40px; padding:36px; }
  .ct-g               { grid-template-columns:1fr; gap:40px; }
  .ft-top             { grid-template-columns:1fr 1fr; }
  .nav-links          { display:none; }
  .ham                { display:flex; }
}

@media (max-width:640px) {
  .pf-iframe          { min-height:240px; height:min(360px,45vh); }
  h1 .hero-brand-lockup { margin-bottom:0.32em; }
  h1 .hero-brand-lockup img { max-height:52px !important; height:auto !important; }
  h1 .hero-brand-lockup > span { font-size:28px !important; }
  a.nav-logo > div > img { height:32px !important; }
  a.nav-logo > div > span { font-size:18px !important; }
  footer a.nav-logo .footer-brand-wrap img { height:30px !important; }
  footer a.nav-logo .footer-brand-wrap > span { font-size:16px !important; }
  h1 .h1-slogan       { letter-spacing:-0.02em; }
  h2                  { letter-spacing:-1px; }
  .srv-g              { grid-template-columns:1fr; gap:14px; }
  #servicios .sc      { padding:clamp(22px,5vw,30px); }
  #servicios .sc-title { font-size:17px; }
  #servicios .sc-desc  { font-size:14px; line-height:1.68; }
  #servicios .sc-cta   { width:100%; box-sizing:border-box; }
  .port-g             { grid-template-columns:1fr; }
  .port-feat          { padding:24px; }
  .team-lead-grid     { grid-template-columns:1fr; max-width:480px; }
  .cf-row             { grid-template-columns:1fr; }
  .ft-top             { grid-template-columns:1fr; gap:28px; }
  .ft-bot             { flex-direction:column; text-align:center; }
  section             { padding:80px 0 !important; }
  #servicios,
  #porque,
  #portafolio,
  #ia,
  #equipo,
  #contacto           { padding:80px 0 !important; }
}