.elementor-kit-1390{--e-global-color-primary:#5262A0;--e-global-color-secondary:#3581A3;--e-global-color-text:#173E58;--e-global-color-accent:#20A36F;--e-global-color-96d009b:#FFFFFF;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:600;color:var( --e-global-color-text );}.elementor-kit-1390 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   ENTREVELAS · ESTILO GLOBAL WOOCOMMERCE (VERSIÓN 2)
   ========================================= */

/* Importamos la fuente Manrope de Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&display=swap');

/* 1. PALETA DE COLORES Y DEGRADADOS GLOBALES */
:root {
  --ev-indigo: #5262A0; 
  --ev-green: #20A36F;  
  --ev-blue: #3581A3;   
  --ev-ink: #173E58;    
  --ev-white: #FFFFFF;  
  --ev-soft: #F3F5FB;   
  --ev-mint: #EEF9F4;   
  --ev-stars: #FFB228;  
  
  --ev-gradient: linear-gradient(
    120deg,
    #5262A0 0%,
    #3581A3 58%,
    #20A36F 115%
  );
}

/* 2. TEXTOS Y TÍTULOS */
body, button, input, select, textarea, .woocommerce {
  color: var(--ev-ink); 
}

h1, h2, h3, h4, h5, h6,
.woocommerce-products-header__title,
.woocommerce div.product .product_title {
  color: var(--ev-blue); 
}

/* 3. ENLACES (Links) */
.woocommerce a:not(.button) {
  color: var(--ev-blue);
}
.woocommerce a:not(.button):hover {
  color: var(--ev-green);
}

/* 4. LA TIENDA: CUADRÍCULA DE PRODUCTOS */
.woocommerce ul.products {
  gap: 24px; 
}

/* Diseño de cada cajita de vela (Tarjeta) */
.woocommerce ul.products li.product {
  overflow: hidden;
  /* CAMBIO: Aumentamos el padding inferior de 20px a 36px para dar más aire bajo el botón */
  padding: 0 0 36px; 
  border: 1px solid #DCE4EB; 
  /* CAMBIO: Se ha eliminado la línea superior de color (border-top) */
  border-radius: 18px; 
  background: var(--ev-white); 
  box-shadow: 0 9px 24px rgba(23, 62, 88, 0.10); 
  transition: transform 0.25s ease, box-shadow 0.25s ease; 
}

/* Efecto al pasar el ratón por la vela */
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px); 
  box-shadow: 0 14px 32px rgba(23, 62, 88, 0.16); 
}

/* 5. FOTOS DE LAS VELAS */
.woocommerce ul.products li.product a img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1; 
  margin: 0 0 18px;
  object-fit: cover; 
  object-position: center; 
  border-radius: 14px 14px 0 0; 
  background: var(--ev-soft); 
}

/* 6. NOMBRES DE LAS VELAS (En la tienda) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0 18px;
  color: var(--ev-blue) !important; 
  /* CAMBIO: Fuente Manrope aplicada al título */
  font-family: 'Manrope', sans-serif !important;
  font-size: 17px; 
  font-weight: 800; 
  line-height: 1.3; 
}

/* 7. PRECIO */
.woocommerce ul.products li.product .price {
  padding: 0 18px;
  color: var(--ev-ink) !important; 
  /* CAMBIO: Fuente Manrope aplicada al precio */
  font-family: 'Manrope', sans-serif !important;
  font-size: 18px; 
  font-weight: 800; 
}

/* 8. BOTONES DEGRADADOS ("Añadir al carrito", "Comprar") */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button {
  min-height: 46px; 
  padding: 12px 21px !important; 
  border: 0 !important; 
  border-radius: 25px !important; 
  background: var(--ev-gradient) !important; 
  color: var(--ev-white) !important; 
  font-size: 14px;
  font-weight: 900; 
  line-height: 1.3;
  text-align: center;
  box-shadow: 0 8px 20px rgba(82, 98, 160, 0.25); 
  transition: transform 0.2s ease, box-shadow 0.2s ease; 
}

/* Centra y ajusta el botón específicamente dentro de la tarjeta de producto */
.woocommerce ul.products li.product .button {
  display: flex;
  width: calc(100% - 36px); 
  /* CAMBIO CLAVE AQUÍ: 14px arriba, 18px a los lados, y 24px ABAJO para forzar el aire */
  margin: 14px 18px 24px !important;
  align-items: center;
  justify-content: center;
}

/* Efecto al pasar el ratón por los botones */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover {
  background: linear-gradient(120deg, #20A36F, #3581A3 56%, #5262A0) !important;
  color: var(--ev-white) !important;
  transform: translateY(-2px); 
  box-shadow: 0 11px 27px rgba(53, 129, 163, 0.32); 
}

/* 9. ETIQUETA DE OFERTA ("Sale") */
.woocommerce span.onsale {
  min-width: 52px;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 18px; 
  background: var(--ev-green); 
  color: var(--ev-white); 
  font-weight: 900;
  line-height: 1.4;
}

/* 10. FORMULARIOS (Buscador, Cantidad de velas, etc.) */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce .quantity .qty {
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #CDD9DF; 
  border-radius: 11px; 
  background: #FBFCFD; 
  color: var(--ev-ink);
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce .quantity .qty:focus {
  border-color: var(--ev-blue); 
  outline: none;
  box-shadow: 0 0 0 4px rgba(53, 129, 163, 0.12); 
}

/* 11. AVISOS Y ALERTAS DE WOOCOMMERCE */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--ev-green); 
  border-radius: 12px;
  background: var(--ev-mint); 
  color: var(--ev-ink); 
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--ev-green); 
}
.woocommerce-error {
  border-radius: 12px; 
}

/* 12. PESTAÑAS (TABS) EN LA FICHA DE PRODUCTO */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-color: var(--ev-blue); 
  background: var(--ev-soft); 
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--ev-blue);
}
.woocommerce div.product div.images img {
  border-radius: 18px; 
  background: var(--ev-soft);
}

/* 13. PÁGINAS DE CARRITO Y PAGO (Checkout) */
.woocommerce-cart table.cart,
.woocommerce-checkout-review-order,
.woocommerce-cart .cart_totals {
  overflow: hidden;
  border: 1px solid #DCE4EB; 
  border-radius: 16px;
  background: var(--ev-white);
}
.woocommerce table.shop_table th {
  color: var(--ev-blue); 
  font-weight: 900;
}

/* 14. VALORACIONES (ESTRELLITAS) */
.woocommerce .star-rating,
.woocommerce p.stars a {
  color: var(--ev-stars); 
}

/* 15. RESPONSIVE: ADAPTACIÓN A TELÉFONOS MÓVILES */
@media (max-width: 767px) {
  .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    gap: 12px; 
  }
  .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px; /* Un poco menos de padding en móvil para no ocupar tanta pantalla */
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0 12px;
    font-size: 14px; 
  }
  .woocommerce ul.products li.product .price {
    padding: 0 12px;
    font-size: 16px; 
  }
  .woocommerce ul.products li.product .button {
    width: calc(100% - 24px);
    /* Forzamos también el aire inferior en la versión móvil (16px) */
    margin: 12px 12px 16px !important;
    padding: 10px !important;
    font-size: 12px; 
  }
}

@media (max-width: 390px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr; 
  }
}/* End custom CSS */