.elementor-11905 .elementor-element.elementor-element-45575e9{margin-top:80px;margin-bottom:80px;}@media(max-width:767px){.elementor-11905 .elementor-element.elementor-element-45575e9{margin-top:25px;margin-bottom:25px;}}/* Start custom CSS for shortcode, class: .elementor-element-63723ce */h4, .h4 {
    font-size: 18px !important;
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {

    min-height: 250px !important;
}

/* Estilo base del botón */
.woocommerce a.button.product_type_simple {
  background-color: #00133a !important; /* Ajusta a tu color preferido */
  color: #ffffff !important;           /* Color del texto */
  padding: 10px, 10px, 10px, 10px !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-size: 16px !important;
  display: inline-block !important;
  transition: background-color 0.3s ease !important;
}

/* Estilo cuando pasas el ratón por encima (hover) */
.woocommerce a.button.product_type_simple:hover {
  background-color: #00517a !important;
  color: #ffffff !important;
}

/* Primero, remueve el icono del carrito */
.woocommerce a.button.product_type_simple::before {
  content: none !important;
}

/* Luego, agrega el icono de teléfono con ::after (o ::before) */
.woocommerce a.button.product_type_simple::after {
  content: "\f095";             /* Código del icono Font Awesome para 'phone' */
  font-family: "Font Awesome 5 Free"; /* Ajusta según tu versión de Font Awesome */
  font-weight: 900;            /* En FA5, algunos íconos son "solid" => 900 */
  margin-left: 8px;            /* Espacio entre el texto y el ícono */
  display: inline-block;
}

.woocommerce a.button{
     background-color: #fe0000 !important;
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    padding: 15px !important;}
    
    
h4.woocommerce-product--title {
    color: #ff0000 !important; /* Cambia el color */
    font-size: 16px !important; /* Cambia el tamaño */
    font-weight: 600 !important; /* Negrita */
}/* End custom CSS */