/* responsive.css · breakpoints (mobile-first) */

@media (min-width: 600px) {
  .form-row { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 640px) {
  .container { padding: 0 24px; }
  .grid-2, .grid-3 { grid-template-columns: 1fr 1fr; }
  .pill-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-cards { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
  .section { padding: 104px 0; }
  .hero__inner { padding: 104px 0; }
  .hero__metrics { grid-template-columns: repeat(4, 1fr); }
  .cta { padding: 96px 0; }
  .cta__box { padding: 56px; }
  .ph--banner { aspect-ratio: 24/7; }
  .slider__arrow { display: inline-flex; align-items: center; justify-content: center; }
  .family__items { grid-template-columns: 1fr 1fr; }
  .family__pcr { grid-template-columns: repeat(3, 1fr); }
  .two-col { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1024px) {
  .container { padding: 0 40px; }
  .nav, .nav__cta { display: flex; }
  .nav__burger, .drawer { display: none; }
  .grid-3 { grid-template-columns: repeat(3, 1fr); }
  .grid-4 { grid-template-columns: repeat(4, 1fr); }
  .pill-grid { grid-template-columns: repeat(5, 1fr); }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
  .contact-form-wrap { grid-template-columns: 1fr minmax(0, 520px); }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .slider__track { transition: none !important; }
}

/* ===== V2 Fase 1 · visibilidad de acciones / flotantes ===== */
/* Desktop: acciones del header (idioma + CTA) visibles; flotantes visibles; sin sticky bar */
@media (min-width: 1024px) {
  .nav__actions { display: flex; }
}
/* Móvil/tablet (<768): barra CTA sticky; ocultar flotantes para no apilar */
@media (max-width: 767px) {
  .sticky-cta { display: flex; }
  .wa-float, .assistant-fab { display: none; }
  body { padding-bottom: 72px; } /* espacio para la sticky bar */
}
/* Tablet ≥768 y <1024: mostrar flotantes, sin sticky */
@media (min-width: 768px) {
  .sticky-cta { display: none; }
}
/* Marca: en ≥768 mostrar logo SVG completo en header y ocultar isotipo compacto */
@media (min-width: 768px) {
  .site-header .brand__logo { display: block; }
  .site-header .brand__compact { display: none; }
}
/* Paquetes responsive */
@media (min-width: 768px) { .package-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .assistant-fab__label { display: none; } .assistant-fab { padding: 12px; } }

/* ===== Home V2 ===== */
@media (max-width: 767px) {
  .prose-cols { columns: 1; }
}
@media (min-width: 1024px) {
  .hero__grid { grid-template-columns: 1.1fr .9fr; }
}

/* ===== Servicio detallado ===== */
@media (max-width: 639px) {
  .compare { grid-template-columns: 1fr; }
}
@media (min-width: 768px) {
  .blueprint { grid-template-columns: repeat(3, 1fr); }
  .cap-groups { grid-template-columns: 1fr 1fr; }
  .usecase-panel__pcr { grid-template-columns: repeat(3, 1fr); }
  .stack-layer { grid-template-columns: 160px 1fr; gap: 16px; }
}
@media (min-width: 1024px) {
  .svc-hero__grid { grid-template-columns: 1.05fr .95fr; }
}

/* AI Solution Finder — opciones en 2 columnas en pantallas medianas+ */
@media (min-width: 640px) {
  .solution-finder__options { grid-template-columns: 1fr 1fr; }
}