/* ======== ESTILO GENERAL ======== */
body {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  /*background: linear-gradient(135deg, #ffffff, #f5f5f5, #ebebeb, #e0e0e0, #f7f7f7);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #e5e5e5;
  line-height: 1.6;
  font-size: 16px;
}

/* Titulares con estilo metálico */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-weight: 600;
  background: linear-gradient(90deg, #B22222, #FF8C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Links */
a {
  color: #B22222;
  transition: all 0.3s ease;
}
a:hover {
  color: #00ff85;
  text-shadow: 0 0 8px rgba(0, 255, 133, 0.6);
}

/* ======== HEADER Y MENÚ ======== */
header {
  background: #fff; 
  border-bottom: 2px solid #B22222;
  box-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

.u-nav-container ul {
  display: flex;
  gap: 20px;
}

.u-nav-container ul li a {
  font-weight: 500;
  color: #212121 !important;
  /*color: #e5e5e5 !important;*/
  padding: 12px 20px !important;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.u-nav-container ul li a:hover {
  background: linear-gradient(135deg, #B22222, #FF8C00);
  color: #0d0d0d !important;
  box-shadow: 0 0 12px rgba(0, 255, 200, 0.7);
}

/* ======== BOTONES ======== */
button, .button, .wp-block-button__link {
  background: linear-gradient(135deg, #B22222, #FF8C00);
  border: none;
  border-radius: 50px;
  padding: 12px 30px;
  color: #0d0d0d;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button:hover, .button:hover, .wp-block-button__link:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,200,0.8);
}

/* ======== PRODUCTOS (WooCommerce) ======== */
.woocommerce ul.products li.product {
    border-radius: 12px;
    padding: 19px;
    text-align: center;
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover {
  border-color: #00e0ff;
  box-shadow: 0 0 20px rgba(0,255,200,0.2);
  transform: translateY(-5px);
}

.woocommerce ul.products li.product a img {
    width: 80% !important;
    height: auto !important;
    display: block !important;
    margin: auto !important;
    box-shadow: none !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: unset;
}

.woocommerce ul.products li.product .price {
  color: #000;
  font-weight: bold;
  font-size: 1em;
}

.woocommerce ul.products li.product .button {
  margin-top: 15px;
}

/* ======== SLIDER / HERO ======== */
.hero {
  background: linear-gradient(135deg, #0d0d0d, #1a1a1a);
  padding: 80px 20px;
  text-align: center;
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 20px;
}

.hero p {
  color: #cfcfcf;
  font-size: 1.2rem;
}

.elementor-heading-title {
  color: #B22222;
}

.woocommerce-loop-product__title {
  font-size: 1.5rem !important;
}

/* ======== FOOTER ======== */
footer {
  background: #0d0d0d;
  border-top: 2px solid #B22222;
  padding: 40px 20px;
  text-align: center;
  font-size: 0.9rem;
  color: #999;
}


/* Botón Agregar al Carrito */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    background: linear-gradient(135deg, #B22222, #FF8C00); /* rojo quemado → naranja */
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 28px;
    border-radius: 8px;
    border: 2px solid rgba(255,255,255,0.1); /* borde muy sutil */
    box-shadow: 0 4px 12px rgba(255, 100, 50, 0.3); /* efecto deportivo / glow sutil */
    transition: all 0.25s ease;
}

/* Hover */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 100, 50, 0.5);
    background: linear-gradient(135deg, #FF4500, #FF8C00); /* más intenso al pasar el mouse */
    color: #fff;
}




.u-form-1 .wpcf7 input[type="text"],
.u-form-1 .wpcf7 input[type="email"],
.u-form-1 .wpcf7 input[type="tel"],
.u-form-1 .wpcf7 textarea {
    border: none;
    background: #f2f2f2; /* ejemplo, iguala a .u-grey-5 */
    padding: 10px;
    width: 100%;
    border-radius: 0;
    color: #000; /* texto negro */
}

.u-form-1 .wpcf7-submit {
    background: linear-gradient(135deg, #B22222, #FF8C00);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 28px;
    border-radius: 8px;
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 4px 12px rgba(255, 100, 50, 0.3);
    transition: all 0.25s ease;
    cursor: pointer;
}

.u-form-1 .wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 100, 50, 0.5);
    background: linear-gradient(135deg, #FF4500, #FF8C00);
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #000;
}

ul.products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 5px;
}


ul.products li.product {
  /*min-width: calc(100% / 5) !important;*/
  width: 19% !important;
  min-height: 480px;
}

@media(max-width: 1024px) {
  ul.products li.product {
    /*min-width: calc(100% / 4) !important;*/
    width: 19% !important;
  }
}

@media(max-width: 768px) {
  ul.products li.product {
    /*min-width: calc(100% / 3) !important;*/
    width: 23% !important;
  }
}

@media(max-width: 635px) {
  ul.products li.product {
    /*min-width: calc(100% / 2) !important;*/
    width: 32% !important;
  }
}

@media(max-width: 500px) {
  ul.products li.product {
    /*min-width: calc(100% / 2) !important;*/
    width: 46% !important;
  }
}


@media(max-width: 375px) {
  ul.products li.product {
    /*min-width: calc(100% / 2) !important;*/
    width: 100% !important;
  }
}




form.init {
    width: 80%;
    margin: auto;
    background: linear-gradient(135deg, #c0c0c0, #B22222, #c0c0c0);
    padding: 45px;
    border-radius: 25px;
    border: 3px solid #B22222;
}

.woocommerce ul.products li.product a img {
    width: 200px !important;
    /*height: auto !important;*/
    aspect-ratio: 1 / 1;
    display: block !important;
    margin: auto !important;
    box-shadow: none !important;
}

.woocommerce ul.products li.product {
  border-radius: 12px;
      padding: 19px;
      text-align: center;
      transition: all 0.3s   ease;
      display: flex  ;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
}

.btn-ver-mas a span span {
  font-size: 1.5rem !important;
}


.woocommerce-ordering {
  display: none !important;
}