/* ============================================
   Patagoniabits2 — Utilidades responsive
   Ajustes complementarios al design system de
   seguridad2.0 para las grillas inline de esta web.
   ============================================ */

@media (max-width: 900px) {
  .about-grid,
  .pb-col2 {
    grid-template-columns: 1fr !important;
  }
}

/* En móvil las cajas de imágenes apiladas mantienen orden */
@media (max-width: 900px) {
  .pb-sticky-right {
    position: static !important;
  }
}

/* ============================================
   Grilla de servicios normales (2 columnas)
   ============================================ */
.services__grid--2col {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .services__grid--2col {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   Card destacada de Seguridad (full-width)
   ============================================ */
@media (max-width: 1024px) {
  .pb-security-feature {
    grid-template-columns: 1fr !important;
    text-align: center;
    justify-items: center;
  }
}

@media (max-width: 1024px) {
  .pb-security-feature .btn {
    width: 100%;
  }
}