/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
 .badge-nuevo {
      position: absolute;
      top: 10px;
      left: 10px;
      background: #4caf50;
      color: #fff;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      z-index: 10;
  }


 /* Tarjeta de producto */
  .woocommerce ul.products li.product {
      background: #fff;
      border-radius: 0px;
      padding: 15px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.3);
      transition: all 0.3s;
	  margin:0px;
  }

  .woocommerce ul.products li.product:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  }

  /* Título del producto */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
      font-size: 14px;
      font-weight: 500;
  }

  /* Precio */
  .woocommerce ul.products li.product .price {
      color: #e63946;
      font-weight: 700;
      font-size: 18px;
  }

  /* Botón agregar al carrito */
  .woocommerce ul.products li.product .button {
      background: #1a1a2e;
      border-radius: 8px;
      width: 100%;
  }

  .woocommerce ul.products li.product .button:hover {
      background: #e63946;
  }

/* Newsletter form inline */
  .newsletter-form .wpcf7-form {
      display: flex;
      gap: 10px;
  }

  .newsletter-email {
      background: #fff !important;
      color: #000 !important;
      padding: 15px 25px !important;
      border: none !important;
      border-radius: 25px !important;
      width: 500px !important;
      font-size: 14px !important;
  }

  .newsletter-submit {
	  background: #000 !important;
      color: #fff;
      border: none;
      padding: 15px 25px;
      border-radius: 25px;
      cursor: pointer;
      font-weight: 600;
  }

  .newsletter-submit:hover {
      background: #ccc;
  }

  /* Ocultar mensajes de validación feos */
  .newsletter-form .wpcf7-not-valid-tip {
      display: none;
  }

  .newsletter-form .wpcf7-response-output {
      margin: 10px 0 0 0;
      padding: 10px;
      border-radius: 20px;
      border: none;
      color: #fff;
      background: rgba(0,0,0,0.3);
  }