/* =========================================================
   SOULBUDDY CARTILLA DE SALUD
   Archivo: responsive.css
   Ajustes responsive y fix puntual de cards en mobile.
   ========================================================= */

@media (max-width: 782px){
  .sbcs-wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .sbcs-sections{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .sbcs-sections > .sbcs-card{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
  }

  .sbcs-card,
  .sbcs-landing-card{
    width:100% !important;
    max-width:100% !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  .sbcs-landing-top,
  .sbcs-add-wrap{
    padding:14px !important;
  }
}