/*
Theme Name: Askka Child
Theme URI: https://askka.qodeinteractive.com
Description: A child theme of Askka
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: askka
Template: askka
*/

#qodef-back-to-top.qodef--on
{
	margin-bottom: 40px;
}
.woocommerce-page div.woocommerce .col2-set {
    gap: 50px;
}

@media (max-width: 768px) {
.woocommerce-account .qodef-form-login {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
}
#qodef-page-spinner.qodef-layout--five-rotating-circles .qodef-m-five-rotating-circles {
	margin: 0px !important;
}
/* colores de botones en minicart */

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
	border: solid 1px #102859;
	background: #d0b7a300;
	color: #102859 !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	border-radius: 0px !important;
}
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-shopping-button-block.wc-block-mini-cart__shopping-button.contained {
	padding: 10px !important;
	background: #102859 !important;
}
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-shopping-button-block.wc-block-mini-cart__shopping-button.contained:hover {
	padding: 10px !important;
    background: #d0b7a300 !important;
	color: #102859 !important;
	border: solid 1px #102859 !important;}
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-cart-button-block.wc-block-mini-cart__footer-cart.outlined {
		    background: #102859 !important;
	color: #fff !important
}
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-cart-button-block.wc-block-mini-cart__footer-cart.outlined:hover {
		    background: #d0b7a300 !important;
	color: #102859 !important
}

a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained:hover{
    background: #102859 !important;
	color: #fff !important;
}
a.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained{
    background: #d0b7a300 !important;
	color: #102859 !important;
	border: solid 1px #102859 !important;
}




/* top banner centrado */

/* Top bar: forzar layout a 3 columnas y centrar el bloque central */
#qodef-top-area #qodef-top-area-inner{
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* izq | centro | dcha */
  align-items: center;
  gap: .5rem; /* opcional */
}

/* Asegura que cada “holder” ocupa su columna */
#qodef-top-area .qodef-widget-holder.qodef--left   { grid-column: 1; justify-self: start; }
#qodef-top-area .qodef-widget-holder.qodef--center { grid-column: 2; justify-self: center; }
#qodef-top-area .qodef-widget-holder.qodef--right  { grid-column: 3; justify-self: end; }

/* Evita que el <p> vacío/automargen desplace el banner */
#qodef-top-area .qodef-top-bar-widget p {
  margin: 0;
}

/* Banner centrado por si hereda estilos del tema */
#qodef-top-area .dj-top-banner{
  display: inline-block;
  text-align: center;
}

/* (Opcional) En móviles, una sola fila con el centro arriba */
@media (max-width: 768px){
  #qodef-top-area #qodef-top-area-inner{
    grid-template-columns: 1fr; 
    grid-auto-rows: auto;
    row-gap: .4rem;
  }
  #qodef-top-area .qodef-widget-holder.qodef--center { order: 1; justify-self: center; }
  #qodef-top-area .qodef-widget-holder.qodef--left   { order: 2; justify-self: start; }
  #qodef-top-area .qodef-widget-holder.qodef--right  { order: 3; justify-self: end; }
}
/* Forzar centro en el top-banner */
/* Mata el drawer-plantilla dentro del bloque para evitar el recuadro gris */
    .wp-block-woocommerce-mini-cart .wc-block-components-drawer,
    .wp-block-woocommerce-mini-cart .wc-block-mini-cart__template-part,
    .wp-block-woocommerce-mini-cart [data-block-name="woocommerce/mini-cart-contents"],
    .wp-block-woocommerce-mini-cart [data-block-name="woocommerce/empty-mini-cart-contents-block"]{
      display:none!important;
    }

/* cookies banner sin bordes circulares*/
#cc_div #cm {
    border-radius: 0px !important;
}
#c-bns button:first-child, #s-bns button {
    border-radius: 0px !important;
}

.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr {
    border-radius: 0px !important;
}
/* 1) Que el mini-carrito siempre quede por encima */
.wc-block-mini-cart__drawer,
.wc-block-mini-cart__overlay {
  z-index: 10050; /* alto pero razonable */
}

/* 2) El botón back-to-top por debajo y sin tapar clics */
#qodef-back-to-top {
  z-index: 100;           /* menor que el mini-carrito */
  pointer-events: auto;   /* sigue siendo clicable cuando no hay overlay */
}

/* 3) Opcional: muévelo un poco para no rozar el borde derecho */
@media (max-width: 768px){
  #qodef-back-to-top { right: 16px; bottom: 16px; }
}

/* quitar skip to content de qodef*/

a.skip-link.screen-reader-text {
	display: none !important;
}
/* 

carrito moderno woocommerce

Fin del comentario */ 

@container (min-width: 700px) {
	.wc-block-cart .wc-block-cart__totals-title {
		text-transform: uppercase !important;
    font-weight: 500 !important;
	font-size: 15px !important;
	}
}

.wc-block-components-totals-wrapper {
    border: px solid #efefef !important; 
    padding: 10px !important;
    border: 1px solid #efefef !important;
    background: #f7f7f7 !important;
    border-radius: 0px !important;
    border-top: 1px solid hsla(0, 0%, 7%, .11);
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image, table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image {
	padding: 10px;
}

tr.wc-block-cart-items__row {
    border: 0px solid #efefef !important;
    border-bottom: 1px solid #efefef !important;
}

tr.wc-block-cart-items__header {
    border: 0px;
}

@media (max-width: 767px) {
.wp-block-woocommerce-cart {
    margin-top: 20px;
}
}

.wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th {
    margin: 0 0 10px !important;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    padding: 20px 5px 20px 5px !important;}


/* mini cart */
span.wp-block-woocommerce-mini-cart-title-items-counter-block {
    display: none;
}

.wc-block-components-product-metadata__description {
    display: none;
}
/* Mostrar el mini-cart en Carrito y Checkout, pero bloqueado/atenuado */
body.woocommerce-cart .wc-block-mini-cart,
body.woocommerce-checkout .wc-block-mini-cart {
  visibility: visible !important;
  opacity: .55;
  pointer-events: none;         /* evita interacción */
  filter: grayscale(100%);
}

/* Cursor de botón deshabilitado */
body.woocommerce-cart .wc-block-mini-cart__button,
body.woocommerce-checkout .wc-block-mini-cart__button {
  cursor: not-allowed !important;
}

/* Añade aquí tu código CSS.
 
 checkout block moderno css

Fin del comentario */ 

.wc-block-components-checkout-step__container {
	    padding: 10px;
    border: 1px solid #efefef !important;
    background: #f7f7f7 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 0px solid hsla(0, 0%, 7%, .11) !important;
    border-radius: 0px !important;
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content {

	border-radius: 0px !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0px;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0px;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	text-transform: uppercase;
    font-weight: 600;
    background: #102859;
    color: #fff;
    border: solid 1px #102859;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
    background: #ffffff00; /* Color de fondo al hacer hover */
    color: #102859;      /* Color del texto al hacer hover */
    border-color: solid 1px #102859; /* Color del borde al hacer hover */
    cursor: pointer;     /* Cambia el cursor para indicar que es interactivo */
    transition: all 0.3s ease; /* Suaviza el cambio de estilo */
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius 0px;
	
}

.wc-block-components-form .wc-block-components-text-input input, .wc-block-components-text-input input {
	border-radius: 0px !important
} 

.wc-blocks-components-select__select {
    border-radius: 0px !important;
}


.wc-block-components-totals-wrapper {
    border: 0px solid #efefef !important;
    background: #f7f7f7 !important;
    border-radius: 0px !important;
    border-top: 1px solid hsla(0, 0%, 7%, .11);
padding: 20px 0;
}

/*.wc-block-components-totals-wrapper {
    padding: 16px 10px !important;
}*/

.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
    margin-top: 20px !important;
}

.wc-block-components-product-name {
    /* padding: 0px !important; */
    margin: 0px !important;

}

.wc-block-components-order-summary .wc-block-components-order-summary-item {
    border-bottom: solid 1px #e7e7e7 !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    /* font-size: 15px; */
}

@container (max-width: 699px) {
    .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open {
        /* border: 1px solid #efefef !important; */
        background: #f7f7f7 !important;
        border-radius: 0px !important;
        /* border-top: 1px solid hsla(0, 0%, 7%, .11); */
        padding: 0px 10px 0px 10px;
    }
}

@container (max-width: 699px) {
    .wp-block-woocommerce-checkout-order-summary-block {
        margin-bottom: 15px !important;
    }
}

.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
     border: 0px solid hsla(0, 0%, 7%, .11) !important; 
     border-radius: 0px !important; 
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0px !important;
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:before {
    border-left: 0px solid hsla(0, 0%, 7%, .11) !important; 
    border-color: hsla(0, 0%, 7%, .11) hsla(0, 0%, 7%, .11) currentcolor;
    border-radius: 0px 0 0 0 !important;
    border-top: 1px solid hsla(0, 0%, 7%, .11);
    content: "";
    display: block;
    flex-grow: 1;
    height: 3px;
    margin-right: 12px;
    pointer-events: none;
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container:after {
    border-color: currentcolor currentcolor hsla(0, 0%, 7%, .11) hsla(0, 0%, 7%, .11);
    border-radius: 0 0px 0 0 !important; 
    border-right: 0x solid hsla(0, 0%, 7%, .11) !important; 
    border-top: 1px solid hsla(0, 0%, 7%, .11);
    content: "";
    display: block;
    flex-grow: 1;
    height: 3px;
    margin-left: 12px;
    pointer-events: none;
}

/* Añade aquí tu código CSS.

arreglo cuilidades pagina producto
Fin del comentario */ 

/* Añádelo a tu bloque #dj-cualidades-css (o a tu hoja de estilos) */
.dj-cualidades__grid{
  align-items: flex-start !important; /* evita que los otros dos se estiren */
}
@media screen and (min-width: 1024px) {
.dj-cualidades__item{
	justify-content: center;
	min-height: 206px !important;
}
}


/* Añade aquí tu código CSS.

recuadro en header de elementor

Fin del comentario */ 

.elementor-27 .elementor-element.elementor-element-799cf41 .elementor-repeater-item-9481353 .swiper-slide-contents {
    background: #FAF5F2 !important;
    padding: 30px !important;
}

/* Añade aquí tu código CSS.

ocultar titulo blog

Fin del comentario */ 

.qodef-page-title .qodef-m-title {
	
	display: none !important;
}

/* Añade aquí tu código CSS.

mostrar solo primari categoria en los loop
Fin del comentario */ 


/* En la lista de categorías del loop: muestra solo la última */
.qodef-woo-product-categories a:not(:first-of-type) { 
  display: none !important;
}
/* Oculta los separadores intermedios */
.qodef-woo-product-categories .qodef-info-separator-single {
  display: none !important;
}

/* Añade aquí tu código CSS.

ocultar hcaptcha google

Fin del comentario */ 

.grecaptcha-badge { visibility: hidden; }



/* Añade aquí tu código CSS.

pagina de la tienda arreglo

Fin del comentario */ 


.widget[data-area="shop-sidebar"] {
  margin: 0 0 30px !important; /* o el valor que desees */
}



	@media only screen and (max-width: 1024px) {
    #qodef-page-sidebar {
        margin-top: 33px !important;
    }
}

@media only screen and (max-width: 680px) {
#qodef-page-sidebar {
margin-bottom: 0px !important;
}
	.qodef-grid.qodef-gutter--medium>.qodef-grid-inner>.qodef-grid-item {
    padding: 0 20px;
    margin: 0 0 0px !important;
}
}

/* Añade aquí tu código CSS.

arreglo mi cuenta padding movil / arreglo padding nueva coleccion tienda

Fin del comentario */ 


@media screen and (max-width: 768px) {
.wc-block-featured-category__description, .wc-block-featured-category__link, .wc-block-featured-category__price, .wc-block-featured-category__title, .wc-block-featured-category__variation {
	    padding: 0 20px 16px !important;
}
	}

.wp-block-button .wp-block-button__link:hover {
	   color: rgb(255 255 255) !important;
}

/* Añade aquí tu código CSS.

ajax añadir al carrito y eliminar con spinner

Fin del comentario */ 

/* Spinner inline centrado en botones Add to Cart */
.single_add_to_cart_button.loading,
.ajax_add_to_cart.loading {
  position: relative;
  pointer-events: none; /* bloquea clics */
  opacity: 1;
}

/* Centrado exacto */
.single_add_to_cart_button.loading.dej-loading-centered::after,
.ajax_add_to_cart.loading.dej-loading-centered::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px; /* centra el spinner */
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: dej-spin .6s linear infinite;
}

/* Oculta el texto mientras carga para que no se vea detrás del spinner */
.single_add_to_cart_button.loading.dej-loading-centered,
.ajax_add_to_cart.loading.dej-loading-centered {
  color: transparent !important;
  text-shadow: none !important;
}

/* Mantiene el ancho del botón estable (opcional) */
.single_add_to_cart_button,
.ajax_add_to_cart {
  min-width: 9.5em; /* ajusta a tu gusto */
}

@keyframes dej-spin { to { transform: rotate(360deg); } }

.single_add_to_cart_button.loading,
.ajax_add_to_cart.loading {
  position: relative;
  pointer-events: none; /* bloquea clics */
  opacity: 0.75;
}

/* Spinner centrado usando el color guardado en --dej-spinner-color */
.single_add_to_cart_button.loading.dej-loading-centered::after,
.ajax_add_to_cart.loading.dej-loading-centered::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px; /* centrado perfecto */
  border: 2px solid var(--dej-spinner-color, currentColor);
  border-top-color: transparent;
  border-radius: 50%;
  animation: dej-spin .6s linear infinite;
}

/* Oculta el texto sin afectar al color del spinner */
.single_add_to_cart_button.loading.dej-loading-centered,
.ajax_add_to_cart.loading.dej-loading-centered {
  color: transparent !important; /* el spinner usa la var */
  text-shadow: none !important;
}

@keyframes dej-spin { to { transform: rotate(360deg); } }


/*mensajes de woocommerce estilizados*/
/* ==== WooCommerce Notices — Estilo Dejolyer (azul info + verde éxito) ==== */

/* Paleta */
:root{
  --dj-info-bg:  #EAF3FF;  /* azul suave */
  --dj-info-tx:  #0B3A66;
  --dj-ok-bg:    #E9F8EF;  /* verde suave */
  --dj-ok-tx:    #1F6B3A;
  --dj-err-bg:   #FDECEA;  /* rojo suave */
  --dj-err-tx:   #8A1C1C;
}

/* RESET base */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 16px !important;
  margin: 0 0 20px !important;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* INFO (genéricos) → azul suave + icono “i” */
.woocommerce .woocommerce-info{
  background: var(--dj-info-bg) !important;
  color: var(--dj-info-tx) !important;
  position: relative;
}
.woocommerce .woocommerce-info::before{
  content: "";
  flex: 0 0 18px;
  width: 18px; height: 18px; margin-top: 2px;
  background: var(--dj-info-tx);
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
}

/* ÉXITO (añadir/eliminar del carrito) → verde suave + check */
.woocommerce .woocommerce-message{
  background: var(--dj-ok-bg) !important;
  color: var(--dj-ok-tx) !important;
  position: relative;
}
.woocommerce .woocommerce-message::before{
  content: "";
  flex: 0 0 18px;
  width: 18px; height: 18px; margin-top: 2px;
  background: var(--dj-ok-tx);
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
}

/* ERRORES → rojo suave */
.woocommerce .woocommerce-error{
  background: var(--dj-err-bg) !important;
  color: var(--dj-err-tx) !important;
  list-style: none;
}
.woocommerce .woocommerce-error li{ margin: 0 0 6px; }

/* Enlaces y botones */
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a{
  color: inherit !important;
  text-decoration: underline;
}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button{
  border-radius: 0 !important;
  border: none !important;
  padding: 8px 12px;
}

/* Responsive: separación superior en móviles */
@media screen and (max-width: 768px){
  .woocommerce .woocommerce-message,
  .woocommerce .woocommerce-info,
  .woocommerce .woocommerce-error{
    margin-top: 10px !important;
  }
}

/* Botón “Ver carrito” dentro de mensajes de éxito */
.woocommerce .woocommerce-message .button {
  color: #fff !important;   /* texto blanco por defecto */
}

/* Hover: texto verde */
.woocommerce .woocommerce-message .button:hover {
  color: #1F6B3A !important;  /* mismo verde suave que los avisos de éxito */
}


/* —— INFO (icono “i” azul) —— */
.woocommerce .woocommerce-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .woocommerce-info::before {
  content: "";
  flex: 0 0 18px;
  width: 18px; height: 18px;
  background: var(--dj-info-tx);
  margin: 0;
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
}

/* —— ÉXITO (check verde) —— */
.woocommerce .woocommerce-message {
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .woocommerce-message::before {
  content: "";
  flex: 0 0 18px;
  width: 18px; height: 18px;
  background: var(--dj-ok-tx);
  margin: 0;
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
}

/* —— ERROR (alerta roja ❗) —— */
.woocommerce .woocommerce-error {
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .woocommerce-error::before {
  content: "";
  flex: 0 0 18px;
  width: 18px; height: 18px;
  background: var(--dj-err-tx);
  margin: 0;
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18.364 17.364A9 9 0 1117.364 1.636 9 9 0 0118.364 17.364zM9 6a1 1 0 012 0v4a1 1 0 01-2 0V6zm1 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 14z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18.364 17.364A9 9 0 1117.364 1.636 9 9 0 0118.364 17.364zM9 6a1 1 0 012 0v4a1 1 0 01-2 0V6zm1 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 14z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
}

/* ——— FIX: icono alineado en línea, nada centrado ——— */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error{
  display: block !important;          /* anulamos el flex del reset */
  position: relative;
  padding-left: 35px !important;      /* espacio para el icono */
  text-align: left !important;        /* por si el tema centra el texto */
}

/* INFO: icono “i” azul */
.woocommerce .woocommerce-info::before{
  content: "";
  position: absolute;
  left: 10px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px; margin: 0;
  background: var(--dj-info-tx);
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18 10A8 8 0 11 2 10a8 8 0 0116 0zm-8-3a1 1 0 100-2 1 1 0 000 2zm-1 2a1 1 0 012 0v5a1 1 0 01-2 0v-5z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
}

/* ÉXITO: check verde */
.woocommerce .woocommerce-message::before{
  content: "";
  position: absolute;
  left: 10px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px; margin: 0;
  background: var(--dj-ok-tx);
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path d='M16.707 5.293a1 1 0 010 1.414l-7.5 7.5a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.414L8.5 12.086l6.793-6.793a1 1 0 011.414 0z'/>\
  </svg>") center / contain no-repeat;
}

/* ERROR: alerta roja */
.woocommerce .woocommerce-error::before{
  content: "";
  position: absolute;
  left: 10px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px; margin: 0;
  background: var(--dj-err-tx);
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18.364 17.364A9 9 0 1117.364 1.636 9 9 0 0118.364 17.364zM9 6a1 1 0 012 0v4a1 1 0 01-2 0V6zm1 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 14z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>\
  <path fill-rule='evenodd' d='M18.364 17.364A9 9 0 1117.364 1.636 9 9 0 0118.364 17.364zM9 6a1 1 0 012 0v4a1 1 0 01-2 0V6zm1 8a1.25 1.25 0 100-2.5A1.25 1.25 0 0010 14z' clip-rule='evenodd'/>\
  </svg>") center / contain no-repeat;
}

/* Estilo general del aviso */
.woocommerce-message {
  display: flex;                /* activa flexbox */
  justify-content: space-between; /* separa texto y enlace */
  align-items: center;          /* alinea verticalmente */
  flex-wrap: wrap;              /* si no cabe, que salte de línea */
}

/* Enlace "Ver carrito" como texto simple */
.woocommerce-message .button.wc-forward {
  background: none !important;
  border: none !important;
  color: inherit !important;
  font-weight: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: underline; /* opcional, estilo enlace */
  display: inline !important;
  flex-shrink: 0;              /* evita que se reduzca el texto */
}

/* Añade aquí tu código CSS.

banner en página de producto cuidar de su perfume en vela

Fin del comentario */ 

/* ─ Banner cuidado perfumes en vela ─ */
.dj-care-banner{
	background: #fff;
    border: 1px solid #e6e0db;
  display:flex;
  flex-direction: row;
  gap: 1.25em;
  align-items:center;
  padding:1.25rem;
  margin-top:1.75rem;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}

.dj-care-banner__media{
  flex:0 0 auto;
  width:100%; 
  height: 140px;
  max-width:40%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:0px;
}

.dj-care-banner__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position: top;
  display:block;
}

.dj-care-banner__content{
  display:flex;
  flex-direction:row;
  gap:1rem;
  align-items: center;
  
}

.dj-care-banner__text{
  margin:0;
  font-size:1rem;
  line-height:1.4;
  font-weight:400;
  color:#1f1f1f;
}

.dj-care-banner__btn{
  display:inline-block;
  padding:.65rem 1rem;
  border-radius: 0px;
  border:0px solid rgba(208, 183, 163, 1);
  text-decoration:none;
  font-size:.95rem;
  border:1px solid #102859;
  transition:transform .18s ease, background .18s ease;
  background:#D0B7A300;
  color:#102859;
  text-align:center;
}

.dj-care-banner__btn:hover{
  transform:translateY(-1px);
  background:#102859;
  color:#FFFFFF;
}

/* Responsive */
@media (max-width: 768px){
  .dj-care-banner{
    flex-direction:column;
    align-items:stretch;
  }
  .dj-care-banner__media{
    width:100%;
	max-width: 100vw;
    aspect-ratio:16/9;
    border-radius: 0px;
  }
  .dj-care-banner__btn{
    text-align:center;
  }
}

/* Añade aquí tu código CSS.

header ensanchado completo elementor slider

Fin del comentario */ 

/* Secciones que deben sangrar a 100vw aunque el tema use contenedor */
/* Header a 100vw */

/* Forzar carrusel fuera del grid a 100vw */
#carrusel-inicio {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw !important;
  max-width: 100vw !important;
  padding-left: 2.5% !important;
  padding-right: 2.5% !important;
}

/* Evitar que el contenedor interno de Elementor limite el ancho */
#carrusel-inicio > .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Prevenir scroll horizontal causado por el truco de 100vw */
html, body {
  overflow-x: hidden;
}

/* Añade aquí tu código CSS.

quitar meta de la pagina del producto

Fin del comentario */ 

#qodef-woo-page.qodef--single .product_meta, #yith-quick-view-content.single-product .product_meta
{
	display: none;
}

/* Añade aquí tu código CSS.

filtros de producto encima de los productos en móvil

Fin del comentario */ 

@media (max-width: 768px) {
  #qodef-woo-page .wc-block-product-filters {
    margin-bottom: 16px;
  }
  /* Que el botón de abrir filtros ocupe todo el ancho */
  #qodef-woo-page .wc-block-product-filters .wc-block-product-filters__open-overlay {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* Convertimos el contenedor en flex y apilamos */
  .qodef-grid-inner.clear {
    display: flex;
    flex-direction: column;
  }
  /* Sidebar primero */
  .qodef-page-sidebar-section {
    order: -1;
  }
}

#qodef-page-inner {
    position: relative;
    padding: 60px 0 100px !important;
}

@media (max-width: 768px) {
  body.post-type-archive-product #qodef-page-inner,
  body.woocommerce-shop #qodef-page-inner {
    padding-top: 0px !important; /* antes: 130px */
  }
	#qodef-page-inner {
    padding: 0px 0 100px !important;
	}
}
}
/*segundaimagen en imagen del producto*/
/*************************************************
 * Dejolyer — Crossfade + Overlay unificado
 * Fix Home: segunda imagen no cambia de tamaño
 * Overlay: 30% de #FAF5F2 
 *************************************************/

:root{
  --dej-overlay-r: 250; /* #FAF5F2 */
  --dej-overlay-g: 245;
  --dej-overlay-b: 242;
  --dej-overlay-a: 0.30;
}

/* —— Contenedores —— */
.dejolyer-thumb-wrap{position:relative;display:block;overflow:hidden;}
.dejolyer-thumb-wrap img{
  display:block;width:100%;height:auto;transition:opacity .3s ease;backface-visibility:hidden;
}
.qodef-woo-product-list .qodef-woo-product-image,
.qodef-woo-product-image{position:relative;overflow:hidden;}
.qodef-woo-product-list .qodef-woo-product-image img,
.qodef-woo-product-image img{display:block;width:100%;height:auto;transition:opacity .3s ease;}

/* —— Segunda imagen: ocupa exactamente el mismo box —— */
.dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product-image img.dejolyer-secondary-image{
  position:absolute;inset:0;
  width:100% !important; height:100% !important;
  max-width:none !important; max-height:none !important; /* ignora 300×300 */
  object-fit:cover !important; object-position:center center !important;
  opacity:0; pointer-events:none;
}

/* —— Crossfade en todos los loops —— */
li.product:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product-inner:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product.qodef-e:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product-inner:hover .qodef-woo-product-image img.dejolyer-secondary-image,
.qodef-woo-product.qodef-e:hover .qodef-woo-product-image img.dejolyer-secondary-image,
body.single-product section.related.products li.product:hover .qodef-woo-product-image img.dejolyer-secondary-image{opacity:1;}

li.product:hover .dejolyer-thumb-wrap img:not(.dejolyer-secondary-image),
.qodef-woo-product-inner:hover .dejolyer-thumb-wrap img:not(.dejolyer-secondary-image),
.qodef-woo-product.qodef-e:hover .dejolyer-thumb-wrap img:not(.dejolyer-secondary-image),
.qodef-woo-product-inner:hover .qodef-woo-product-image img:not(.dejolyer-secondary-image),
.qodef-woo-product.qodef-e:hover .qodef-woo-product-image img:not(.dejolyer-secondary-image),
body.single-product section.related.products li.product:hover .qodef-woo-product-image img:not(.dejolyer-secondary-image){opacity:0;}

/* —— Overlay/fondo igual en Home, Tienda, Categorías y Relacionados —— */
.qodef-woo-product-image-inner,
.qodef-woo-product-image-inner:before,
.qodef-woo-product-image-inner:after{transition:background-color .3s ease-in-out;}

body.home .qodef-woo-product-inner:hover .qodef-woo-product-image-inner,
body.home .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:before,
body.home .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:after{
  background-color:rgba(var(--dej-overlay-r),var(--dej-overlay-g),var(--dej-overlay-b),var(--dej-overlay-a))!important;
}

body.woocommerce-shop .qodef-woo-product-inner:hover .qodef-woo-product-image-inner,
body.post-type-archive-product .qodef-woo-product-inner:hover .qodef-woo-product-image-inner,
body.woocommerce-shop .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:before,
body.woocommerce-shop .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:after,
body.post-type-archive-product .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:before,
body.post-type-archive-product .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:after{
  background-color:rgba(var(--dej-overlay-r),var(--dej-overlay-g),var(--dej-overlay-b),var(--dej-overlay-a))!important;
}

body.tax-product_cat .qodef-woo-product-inner:hover .qodef-woo-product-image-inner,
body.tax-product_cat .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:before,
body.tax-product_cat .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:after,
.woocommerce.tax-product_cat ul.products li.product:hover .qodef-woo-product-image-inner:before,
.woocommerce.tax-product_cat ul.products li.product:hover .qodef-woo-product-image-inner:after{
  background-color:rgba(var(--dej-overlay-r),var(--dej-overlay-g),var(--dej-overlay-b),var(--dej-overlay-a))!important;
}

.woocommerce ul.products li.product:hover .qodef-woo-product-image-inner:before,
.woocommerce ul.products li.product:hover .qodef-woo-product-image-inner:after{
  background-color:rgba(var(--dej-overlay-r),var(--dej-overlay-g),var(--dej-overlay-b),var(--dej-overlay-a))!important;
}

/* —— Relacionados en Single —— */
body.single-product section.related.products .qodef-woo-product-image{position:relative;overflow:hidden;}
body.single-product section.related.products .qodef-woo-product-image img.dejolyer-secondary-image{
  position:absolute;inset:0;width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;
  object-fit:cover !important;object-position:center center !important;
  opacity:0;transition:opacity .3s ease;pointer-events:none;
}
body.single-product section.related.products .qodef-woo-product-inner:hover .qodef-woo-product-image-inner,
body.single-product section.related.products li.product:hover .qodef-woo-product-image-inner,
body.single-product section.related.products .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:before,
body.single-product section.related.products .qodef-woo-product-inner:hover .qodef-woo-product-image-inner:after,
body.single-product section.related.products li.product:hover .qodef-woo-product-image-inner:before,
body.single-product section.related.products li.product:hover .qodef-woo-product-image-inner:after{
  background-color:rgba(var(--dej-overlay-r),var(--dej-overlay-g),var(--dej-overlay-b),var(--dej-overlay-a))!important;
}

/* —— Solo Home: evita transform/zoom del tema en imágenes —— */
body.home .qodef-woo-product-inner .qodef-woo-product-image img,
body.home .qodef-woo-product-inner .qodef-woo-product-image a img,
body.home .qodef-woo-product-inner .dejolyer-thumb-wrap img{
  transform:none !important; transition-property:opacity !important;
}

li.product:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product-inner:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product.qodef-e:hover .dejolyer-thumb-wrap img.dejolyer-secondary-image,
.qodef-woo-product-inner:hover .qodef-woo-product-image img.dejolyer-secondary-image,
.qodef-woo-product.qodef-e:hover .qodef-woo-product-image img.dejolyer-secondary-image{
  opacity:1 !important;
}

/* Añade aquí tu código CSS.

brevochat

Fin del comentario */ 

#brevo-conversations.brevo-conversations--expanded,
#brevo-conversations.brevo-conversations--expanded .brevo-conversations__iframe-wrapper,
#brevo-conversations.brevo-conversations--expanded .brevo-conversations__iframe {
  border-radius: 0px !important;
}

.chat-message.is-notification .chat-message__bubble, .chat-message.is-notification .chat-message__userpic{
	border-radius: 0px;
}

#main.is-transparent .input-area{
	border-radius: 0px;
}


/*DEJ_GARUANTEES*/
/* —— Recuadros de garantías (checkout) —— */
.dj-checkout-guarantees {
  margin-top: 30px;
}

.dj-checkout-guarantees__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dj-checkout-guarantees__item {
	border: 1px solid #efefef !important;
  background: #f7f7f7 !important;
  padding: 16px;
  text-align: center;
  border-radius: 0;
}

.dj-checkout-guarantees__icon {
  font-size: 28px;   /* tamaño de icono */
  margin-bottom: 8px;
}

.dj-checkout-guarantees__title {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}

/* En móvil: apilar en 1 columna */
@media (max-width: 768px) {
  .dj-checkout-guarantees__grid {
    grid-template-columns: 1fr;
  }
}

.dj-checkout-guarantees__desc {
  font-size: 14px;
  color: #555;
  margin: 6px 0 0;
  line-height: 1.4;
}

.dj-checkout-guarantees__icon svg {
  width: 32px;
  height: 32px;
}

/* ENVÍO GRATIS SI COMPRAS 2*/
/* Recuadro “Envío 24h” (Cart Block + Mini-cart Blocks) */
.dj-ship-promo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin:14px 0;
  line-height:1.35;
  font-size:14px;
  border:1px solid #efefef !important;
  background:#f7f7f7 !important;
  padding:7px 25px;
  text-align:center;
  border-radius:0;
}

.dj-ship-promo.is-eligible{
  border-color:var(--dj-success-300, #b6e3bd);
  background:var(--dj-success-50, #f0fbf2);
}

.dj-ship-promo__icon{
  width:22px; height:22px; flex:0 0 22px;
  display:grid; place-items:center;
}

.dj-ship-promo__icon svg{
  width:100%; height:100%;
  display:block;
  fill:currentColor;
  color:var(--dj-accent-700, #1d4ed8);
}

.dj-ship-promo.is-eligible .dj-ship-promo__icon svg{
  color:var(--dj-success-600, #15803d);
}

.dj-ship-promo__text{ font-weight:400; }

/* Scroll en listado del mini-cart Blocks (si fuese necesario) */
.wc-block-mini-cart__drawer .wc-block-mini-cart__items{
  overflow:auto;
}

/* Un pequeño margen bajo los totales del Side Cart del tema si convive */
.qodef-woo-side-area-cart-inner .qodef-m-order-details{ margin-bottom:10px !important; }

/*arreglo icono minicarrito badge cantidad */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 


/*test*

/* Asegura que el contenedor permite ver el badge */
.wc-block-mini-cart__button { 
  overflow: visible !important;
  position: relative; /* por si el tema lo quita */
}

/* Base para el wrapper del icono + badge */
.wc-block-mini-cart__quantity-badge{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Dibuja y posiciona el badge */
.wc-block-mini-cart__badge{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--dj-accent, #111); /* color de fondo del circulito */
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Si quieres verlo también en /carrito y /finalizar-compra (Woo lo oculta ahí) */
.wc-block-mini-cart[style*="visibility:hidden"]{
  visibility: visible !important;
}
.wc-block-mini-cart[aria-hidden="true"]{
  aria-hidden: false; /* los navegadores ignoran esto, pero documenta intención */
}


header .wc-block-mini-cart[style*="visibility:hidden"]{ visibility: visible !important; }

/* Badge del mini-carrito en todos los contextos */
.wc-block-mini-cart__badge {
    position: absolute !important;
    top: 7px;
    /* left: -10px !important; */
    right: -3px !important;
    font-size: 11px !important;
    line-height: 1.2;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 0px !important;
    border-radius: 50%;
    /* background: #d0b7a3; */
    color: #fff;
    text-align: center;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.wc-block-mini-cart__quantity-badge {
  position: relative !important; /* para que el badge se posicione respecto al icono */
  display: inline-block !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	    border: solid 0px #d0b7a3 !important;
}

/* boton add to cart full width */
#qodef-woo-page .added_to_cart, #qodef-woo-page .button, #yith-quick-view-modal .added_to_cart, #yith-quick-view-modal .button, .qodef-woo-shortcode .added_to_cart, .qodef-woo-shortcode .button {
	width: 100% !important;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	border: solid 1px #102859 !important;
}