/* Estilos específicos para la página de alarmas */

/* Secciones principales */
.alarmas-residencial,
.alarmas-negocio {
  background-color: #f8f9fa;
}

/* Imágenes */
.alarmas-banner img,
.alarmas-banner-inferior img {
  max-width: 100%;
  height: auto;
}

/* Sección de llamada */
.alarmas-llamada h2 {
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Sección de promociones */
.alarmas-promociones h2 {
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Características */
.alarmas-residencial ul li,
.alarmas-negocio ul li {
  position: relative;
  padding-left: 5px;
}

.alarmas-residencial ul li i,
.alarmas-negocio ul li i {
  font-size: 1.1rem;
}

/* Formulario de contacto */
#contacto .card {
  border: none;
  overflow: hidden;
}

#contacto .card-header {
  border-bottom: none;
}

#contacto .form-label {
  font-weight: 500;
}

#contacto .btn-lg {
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Estilos responsivos */
@media (max-width: 768px) {
  .alarmas-llamada h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .alarmas-residencial .col-lg-6,
  .alarmas-negocio .col-lg-6 {
    margin-bottom: 2rem;
  }
  
  .alarmas-banner-inferior img {
    padding: 10px !important;
  }
}