/* MAIN CSS - Auto Generated */
@import url("./core/variables.css");
@import url("./layout/header.css");
@import url("./layout/grid.css");
@import url("./core/reset.css");
@import url("./pages/home.css");
@import url("./components/cards.css");
@import url("./pages/dtf.css");
@import url("./components/forms.css");
@import url("./components/buttons.css");
@import url("./pages/nosotros.css");
@import url("./layout/footer.css");
@import url("./components/catalog.css");
@import url("./pages/merch.css");
@import url("./pages/cotizacion_page.css");
@import url("./core/typography.css");

/* Botones flotantes: "subir" arriba y WhatsApp abajo.
   La posición y el gap van en el style inline de cada página;
   aquí solo el hover y el respiro extra en pantallas chicas. */
.floating-buttons > button:hover,
.floating-buttons > a:hover {
  transform: translateY(-3px) scale(1.06);
}

.floating-buttons > a:hover {
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.5);
}

/* En móvil el pulgar tapa la esquina: más separación entre ambos */
@media (max-width: 640px) {
  .floating-buttons {
    gap: 26px !important;
    bottom: 20px !important;
    right: 20px !important;
  }
}