.elementor-2976 .elementor-element.elementor-element-62f10af{--display:flex;--min-height:15vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.8;}.elementor-2976 .elementor-element.elementor-element-62f10af:not(.elementor-motion-effects-element-type-background), .elementor-2976 .elementor-element.elementor-element-62f10af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E6ECE6 10%, #E6ECE6 50%);}.elementor-2976 .elementor-element.elementor-element-62f10af::before, .elementor-2976 .elementor-element.elementor-element-62f10af > .elementor-background-video-container::before, .elementor-2976 .elementor-element.elementor-element-62f10af > .e-con-inner > .elementor-background-video-container::before, .elementor-2976 .elementor-element.elementor-element-62f10af > .elementor-background-slideshow::before, .elementor-2976 .elementor-element.elementor-element-62f10af > .e-con-inner > .elementor-background-slideshow::before, .elementor-2976 .elementor-element.elementor-element-62f10af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E6ECE6;--background-overlay:'';}.elementor-2976 .elementor-element.elementor-element-1cdc55e{--spacer-size:139px;}.elementor-2976 .elementor-element.elementor-element-e099955{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-2976 .elementor-element.elementor-element-62f10af{--content-width:1248px;}}/* Start custom CSS for container, class: .elementor-element-e099955 *//* Aplica a todos los botones con la clase .button */
.button {
  background-color: #FF6F61 !important;
  color: white !important;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 5px;
  font-weight: 500;
}

/* Estado hover */
.button:hover {
  background-color: #e65a4f !important; /* Versión ligeramente más oscura */
}

/* Si el botón está deshabilitado */
.button:disabled {
  background-color: #ffb3aa !important;
  cursor: not-allowed;
  opacity: 0.7;
}
/* Estilo para todos los enlaces */
.product-name a {
  color: #000000 !important;
  text-decoration: none;
}

/* Al pasar el cursor por encima de los enlaces */
.product-name a:hover {
  color: #000000 !important;
  text-decoration: underline;
}

/* Estilo para todos los campos de entrada de texto y botones */
input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="search"] {
  color: #000000 !important;
}/* End custom CSS */