@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
.logo {
  max-height: 100px;
}

.nombreEmpresa {
  font-size: 2rem;
  font-weight: bold;
}

.header {
  background-color: #cedae2;
}

.carrusel {
  width: 50%;
  height: 50%;
}

.fraseCelebre {
  font-family: "Playfair Display SC", serif;
  font-weight: 600;
  font-style: normal;
  margin: 40px 0;
}

.contact-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #221f1f;
  color: white;
  padding: 10px 20px;
  border-top: 3px solid #d4d700;
}

.contact-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}

.phone-icon {
  font-size: 24px;
  color: #d4d700;
}

.contact-text strong {
  color: #d4d700;
}

.service-info {
  font-size: 14px;
  color: #ccc;
}

.branding {
  display: flex;
  align-items: center;
  gap: 15px;
  transform: skew(-10deg);
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: yellow;
  /* Amarillo Bootstrap */
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.18);
  letter-spacing: 2px;
  margin: 0;
  transition: color 0.3s;
}

.logoMain {
  max-height: 130px;
}

.parallax {
  background-image: url("../assets/parallax/parallax2.jpeg");
  height: 400px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.parallax2 {
  background-image: url("../assets/parallax/2.jpg");
  height: 400px;
  /* Ajusta la altura según sea necesario */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-device-width: 1366px) {
  .parallax2,
  .parallax {
    background-attachment: scroll;
  }
}
@media only screen and (max-width: 768px) {
  .parallax,
  .parallax2 {
    background-attachment: scroll;
    /* Cambia a "scroll" en dispositivos móviles */
  }
}
/* Mejor alarma de españa */
.icon-feature {
  width: 50px;
  height: 50px;
}

.central-img {
  max-width: 300px;
  /* Ajusta el tamaño máximo de la imagen central */
  height: auto;
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .central-img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
/* Fin "Mejor alarma de España" */
.footer a {
  color: #000;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer h5 {
  margin-bottom: 1rem;
}
.footer .form-control {
  width: 150px;
  display: inline-block;
}
.footer button.btn-warning {
  background-color: #c6d300;
  border: none;
  color: #000;
  font-weight: bold;
}
.footer button.btn-warning:hover {
  background-color: #b0bd00;
}
.footer .small {
  font-size: 0.875rem;
}
.footer hr {
  border-top: 1px solid #ccc;
  margin: 1.5rem 0;
}

/* Estilos generales para el footer */
.footer {
  background-color: #212529;
  /* Fondo oscuro negro/gris */
  color: #fff;
  /* Texto blanco por defecto */
}

/* Línea superior amarilla */
.footer hr {
  border-top: 2px solid #d4d700;
  /* Amarillo neón */
}

/* Títulos en amarillo neón */
.footer h5.text-warning {
  color: #d4d700;
  /* Amarillo neón */
}

/* Estilo para el texto de teléfono (amarillo neón) */
.footer p.text-warning {
  color: #d4d700;
  /* Amarillo neón */
}

/* Íconos de teléfono (rojo degradado) */
.phone-icon {
  background: linear-gradient(to right, #d22e4c, #e07ea0);
  /* Rojo a fucsia */
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

/* Texto aclaratorio en gris claro */
.footer a:hover {
  color: #fff;
  /* Blanco al pasar el ratón */
}

/* Input de teléfono */
/* Botón de enviar */
.btn-warning {
  background-color: #d4d700;
  /* Amarillo neón */
  border-color: #d4d700;
  /* Borde amarillo */
}

.btn-warning:hover {
  background-color: #d22e4c;
  /* Rojo degradado al pasar el ratón */
  border-color: #d22e4c;
  /* Rojo degradado al pasar el ratón */
}

/* was */
.fixed-call-button {
  position: fixed;
  bottom: 20px;
  /* Distancia desde la parte inferior */
  right: 20px;
  /* Distancia desde la parte derecha */
  z-index: 1000;
  /* Asegura que esté por encima de otros elementos */
  border-radius: 50%;
  /* Hace que el botón sea redondo */
  padding: 10px;
  /* Espaciado interno */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para destacar */
}

.fixed-call-button img {
  width: 50px;
  /* Ajusta el tamaño del icono */
  height: 50px;
}

.sin {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .fixed-call-button {
    bottom: 80px;
    /* Ajusta la distancia desde la parte inferior */
  }
}
/*imagen y texto */
.contai .slogan {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1d3557;
}
.contai img {
  max-width: 70%;
  border-radius: 1rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.contai p {
  font-size: 1rem;
  line-height: 1.6;
  color: #343a40;
}
.contai .lead {
  font-size: 1.125rem;
  color: #495057;
}

/* fin imagen y texto*/
.product-grid {
  display: grid;
}

.product-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  margin-right: 5px;
}

.product-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.product-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.product-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-features li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-features li::before {
  content: "✓";
  color: green;
  margin-right: 5px;
}

/* Estilos para la oferta especial */
.special-offer {
  grid-column: 1/-1;
  /* Ocupa toda la fila */
  border: 2px solid orange;
  /* Ejemplo de borde para destacar */
  padding: 20px;
  text-align: center;
  border-radius: 8px;
}

.special-offer-image {
  max-width: 50%;
  /* Ajusta el tamaño de la imagen de la oferta */
  height: auto;
  margin-bottom: 10px;
}

.special-offer-title {
  font-size: 1.5em;
  font-weight: bold;
  color: orange;
  margin-bottom: 10px;
}

.special-offer-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.special-offer-features li {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.special-offer-features li::before {
  content: "⭐";
  /* Un icono diferente para la oferta */
  color: orange;
  margin-right: 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: 1fr;
    /* Una columna en pantallas pequeñas */
  }
  .special-offer {
    grid-column: 1;
    /* Ocupa la columna en pantallas pequeñas */
  }
  .special-offer-image {
    max-width: 80%;
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    /* Tamaño original */
  }
  50% {
    transform: scale(1.05);
    /* Crece ligeramente */
  }
}
.special-offer {
  animation: pulse 3s infinite;
  /* Aplica la animación con un ciclo infinito */
}

.feature-box img {
  max-width: 50px;
  /* Ajusta el tamaño máximo de los íconos */
  height: auto;
}/*# sourceMappingURL=style.css.map */