/*
Theme Name: MaderaViva
Theme URI: Seoconsultingperu.com
Author: Seo Consulting 
Author URI: 
Description: Plantilla Básica Seo Consulting

*/

*{padding: 0; margin: 0; font-family: var(--font1);}
body{--color1: #324F97; --color2: #86a4a1; --color3: #ff630e; --font1: "Poppins", sans-serif;}
.container{width: 1180px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 70px 0px;}
.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 0px; grid-row-gap: 0px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_2{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 34px; grid-row-gap: 27px;}
.row-center{display: flex; align-items: center; justify-content: space-between;}
#icoNav_movil{background: var(--color1); width: 51px; height: 51px; border-radius: 50%; padding: 18px 15px;  box-sizing: border-box; margin-left: 10px; display: none;}
#icoNav_movil ul li {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 4px;
    transition: all 0.5s ease-in-out;
}
.closeNav ul li:nth-child(1){opacity:0;}
.closeNav ul li:nth-child(2){transform:rotate(45deg);margin-bottom:-2px !important;}
.closeNav ul li:nth-child(3){transform:rotate(-45deg);}
a{text-decoration: none;}
body::-webkit-scrollbar {
	background: #f8f8f9;
	width: 5px;
}
body::-webkit-scrollbar-thumb {
	background: var(--color1) ;
	z-index: 300;
	border-radius: 1px;
}
/* Importar una fuente amigable e infantil pero limpia */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap');

.testimonios-section {
  padding: 60px 20px;
  background-color: #f7f9fc; /* Fondo neutro y limpio */
  font-family: 'Fredoka', sans-serif;
  display: flex;
  justify-content: center;
}

.testimonios-contenedor {
  max-width: 1100px;
  width: 100%;
  text-align: center;
}

.testimonios-titulo {
  font-size: 2.2rem;
  color: #3a3f58;
  margin-bottom: 40px;
  font-weight: 600;
}

/* Grid Responsivo Avanzado */
.testimonios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  justify-items: center;
}

/* Tarjeta de Testimonio (Estilo Minimal Infantil) */
.testimonio-card {
  background: #ffffff;
  border-radius: 30px; /* Bordes muy redondeados estilo "bubble" */
  padding: 15px;
  width: 100%;
  max-width: 320px;
  box-shadow: 0 10px 25px rgba(180, 190, 210, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 4px solid #f0f4f8; /* Borde sutil */
}

.testimonio-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(160, 180, 210, 0.4);
}

/* Contenedor del Video manteniendo proporción 9:16 (Shorts) */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 177.78%; /* Proporción exacta 9:16 para Shorts verticales */
  height: 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #000;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Detalles informativos inferiores */
.testimonio-info {
  margin-top: 15px;
  padding: 5px 0;
}

.testimonio-nombre {
  font-size: 1.2rem;
  color: #5c6280;
  margin: 0;
  font-weight: 600;
}

/* Colores pastel aleatorios para los bordes de las tarjetas en el hover (Opcional, toque divertido) */
.testimonios-grid .testimonio-card:nth-child(1):hover { border-color: #ffccd5; } /* Rosa pastel */
.testimonios-grid .testimonio-card:nth-child(2):hover { border-color: #ccefff; } /* Azul pastel */
.testimonios-grid .testimonio-card:nth-child(3):hover { border-color: #d6ffcc; } /* Verde pastel */



.icon{display: inline-block; width: 40px; height: 40px;fill: #fff; vertical-align: middle;}
.cabecera{padding: 20px 0px; position: absolute; width: 100%; top: 0; left: 0; z-index: 222}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: transparent !important; color: #000;}
#mega-menu-wrap-header-menu{background: transparent;}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{font: 500 15px var(--font1);color: #666;line-height: 40px;height: auto;}
.n1{background: #f00 none repeat scroll 0 0;border-radius: 2px;font-family: var(--font1);
font-size: 8px;font-weight: 500;padding: 2px 4px;position: absolute;top: -1px;letter-spacing: 0.5px;color: #fff;line-height: 8px;right: 1px;z-index: 0;}
.n1::before{content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 0;border: 0 solid transparent;border-top: 5px solid #f00;border-left-width: 0px;border-right-width: 6px;}

.slider{background: #f2f2f2;  width: 100%; height: auto; box-sizing: border-box; }
.slide{animation: zoomInOut 6s ease-in-out infinite; width: 100%; height: 100%;}
@keyframes zoomInOut {
  0% {
    transform: scale(1); /* Tamaño original */
  }
  50% {
    transform: scale(1.1); /* Se acerca (un 20% más grande) */
  }
  100% {
    transform: scale(1); /* Vuelve al tamaño original */
  }
}

.categories .container{box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.08); background: #fff; margin-top: -50px; position: relative; z-index: 2; border-radius: 15px; overflow: hidden;}


.nav-menu{    background: #ffffffb8;
    padding: 0px 20px;
    border-radius: 20px;
    backdrop-filter: blur(12px);}
.cabecera .row-center .row{    background:var(--color1);
    padding: 0px 10px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
    color: #fff;}



.cat-items{width: 80%;}
.cat-title{width: 20%;border-right: 1px solid #ccc;}
.cat-title h4{padding: 30px 20px; text-align: center;box-sizing: border-box; font: 24px var(--font1);}
.owl-cat .owl-item img{width: auto; display: inline-block;}
.owl-cat .owl-item a{text-align: center; font: 15px var(--font1); color: #555; display: block;width: 100%;}


.woocommerce-ordering .orderby{padding: 10px;
    border-radius: 13px;
    border: 1px solid #ccc;}
.woocommerce-result-count{padding: 10px 0px;}

.grid_banner{padding: 70px 0px 30px;}
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 20px;
}

.div1 { grid-area: 1 / 1 / 3 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 2 / 2 / 3 / 4; }

.div2, .div3{position: relative;}
.div2::before, .div3::before{content: "";bottom: 10px;left: 10px;opacity: 0;position: absolute;right: 10px;top: 10px;background: #0000000f none repeat scroll 0 0;
transition: opacity .35s ease 0s, transform .5s ease 0s;transform: scale(0, 1);}
.div2:hover:before, .div3:hover:before{transform: scale(1);opacity: 1;}
.txt-banner{background: #f1f2f4; height: auto;padding: 5px 5px 24px; box-sizing: border-box;}.txt-banner img{display: block;}

.div4 .grid_4>div{position: relative; background: #99b7ff; padding: 27px 10px;}
.div4 .grid_4>div::before{
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    background: var(--color1);
}
.div4 .grid_4>div:hover::before{
    -webkit-transform: scaleX(1);
		 transform: scaleX(1);
		 -webkit-transform-origin: 0%;
		 transform-origin: 0%;
       margin-left:-1px;
}
.txt-ind{position: relative; z-index: 3;}
.div4{text-align: center;}
.circle{width: 50px; height: 50px; background: #fff; line-height: 50px; text-align: center; border-radius: 50%; margin: 0 auto;}
.div4 h5{font: 14px var(--font1); margin-bottom: 5px; margin-top: 10px; transition: all 0.4s;}
.div4 p{font: 12px var(--font1);transition: all 0.4s;}
.div4 .grid_4>div:hover p, .div4 .grid_4>div:hover h5{color: #fff;}


/**TabsLinks**/
.list-product{width: 74.4%;}
.tabs_links{max-width:  800px;}
.tabs_item{padding: 9px 12px; background: #f1f2f4; margin-right: 10px; text-align: center; font: 14px var(--font1); cursor: pointer; border-radius: 15px;}
.tabs_item:hover{ background: #ffff;}
.panels{position: relative; width: 100%;min-height: 400px;margin: 0 auto; margin-top: 30px; }
.tabs-container{margin-top: 30px; height: auto !important;}
.panel-item{position: absolute; top: 0;left: 0; width: 100%; height: 0px;opacity: 0.0; transition: all 0.8s; }
.tabs_item.active{background: var(--color1); color: #fff;}
.active{z-index: 100;  opacity: 1; position:static; height: auto;}
.active a.btn{position: relative; z-index: 222;}
.item-img{width: 100%; height: 250px; border-radius: 20px; position: relative; overflow: hidden;}
.item-img h3{position: absolute; bottom: 0; left: 0; width: 100%; background: var(--color3);
color: #fff; padding: 10px 0px; font: 15px var(--font2); text-align: center;}


/**ListProductHome**/
.txt-product{text-align: center; padding: 10px 15px;}
.txt-product h2{font:400 15px var(--font1); color: #232323;}
.txt-product .price{font: 700 16px var(--font1); color: #232323; padding-top: 5px;}
.product-home{padding-bottom: 50px;}

.thumb-product{position: relative; overflow: hidden; height: 280px; width: 100%; border-radius: 15px;}

.thumb-product img{transition: all 0.4s ease-in-out; height: 100% !important; width: 100% !important; object-fit: cover; object-position: center;}
.start{position: absolute;bottom: -100px; width: 100%; text-align: center; color: yellow;padding: 10px 0px;
background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(104, 104, 104, 0.985) 100%); transition: all 0.4s ease-in-out;}
.thumb-product:hover .start{bottom: 0;}
.thumb-product:hover img{transform: scale(1.1) rotate(-5deg); border-radius: 20px;}

.deals{width: 23.1%;}
h3.title{font: 24px var(--font1);}


/**MoreProducts**/
.banner-home{max-height: 350px; overflow: hidden; display: flex; align-items: center; border-radius: 15px}
.more-products{padding: 70px 0px;}
.aditional{width: 23.1%; border: 1px solid #ccc; border-radius: 15px; overflow: hidden;}
.tit-ad{padding: 15px 0px; text-align: center; font: 17px var(--font1); background: var(--color2); color: #fff;}
.list-add{padding: 20px 14px;}
.thumb-add{width: 35%; border: 1px solid #ccc;}.thumb-add img{display: block; max-width: 100%; height: auto;}
.txt-add{width: 61%;}.txt-add h2{font: 14px var(--font1);}
.txt-add .starts{color: #ff0; font-size: 14px; letter-spacing: -2px;}
.txt-add .price{font: 700 14px var(--font1);}
.more-products article{margin-bottom: 20px;}.more-products article:last-child{margin-bottom: 0px;}
.btn-more{background: #e7e5e5; width: 100%; display: block; padding: 10px; text-align: center; 
font: 15px var(--font1); box-sizing: border-box; color: var(--color2);}

/**BLOG**/
.blog{padding: 50px 0px;}
.blog article{padding: 10px; overflow: hidden; border: 1px solid #eee;}
.thumb-blog{position: relative; overflow: hidden; border-radius: 5px;}
.date{position: absolute; top: 10px; left: 10px; background: var(--color1); color: #fff; border-radius: 5px; padding: 10px;
text-align: center; font: 15px var(--font1);}
.txt-blog h2{font: 17px var(--font1); color: #000; padding: 15px 0px 5px;}
.txt-blog p{font: 14px var(--font1); color: #666;}
a.btn{background: var(--color1); color: #fff; padding: 7px 16px; font: 15px var(--font1); display: inline-block; margin-top: 10px;}

.mini-cart-toggle {color: #fff}
/**FOOTER**/

footer{background: url(https://productos.seoconsultingperu.com/reyhassan/wp-content/uploads/2026/04/footer.webp);background-size: cover;padding: 80px 0px 0px;}
.f1{width: 87%;margin-right: 42px;}
.f1 p{text-align: justify;}
.f2{width: 350px;}
.f3{width: 250px;}
.f1 a{color: #ccc;padding: 8px 20px;border: 1px solid #ccc;display: inline-block;margin-top: 20px;}
footer h4{font-size: 18px;font-weight: bold;color: #ccc;margin-bottom: 18px;}
footer p, footer a{color: #ccc;display: block;font-size: 14px;}
footer a{margin-bottom: 10px;}
.f3 img{opacity: 0.7;}
.redes{display: flex;}
footer .redes a{width: 30px;height: 30px;text-align: center;line-height: 30px;border: 2px solid #ccc;border-radius: 50%;padding: 0px !important;margin: 5px;}
.copy{padding: 22px 0px 26px;border-top: 1px solid #373737;margin-top: 30px;}
.box-f {padding: 0px 43px 22px 43px;border-right:1px solid #373737;}
.box-f i{color: var(--color3);font-size: 20px;padding-right: 15px;}
.box-f a{line-height: 20px;font-size: 16px;margin-bottom: 0px;}
.boxs{border-bottom:  1px solid #373737;margin-bottom: 60px;}

.burguer{font-size: 17px;}
.movil{display: none;}

.owl-prod .owl-nav{position: absolute !important;top: -63px !important;right: 0 !important;}
.owl-prev, .owl-next{width: 30px; height: 30px; background: var(--color1) !important; color: #fff !important;
line-height: 26px !important; text-align: center; border-radius: 50%; margin: 0 3px;}

.modal-open{overflow-x: hidden;overflow-y: auto;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 122299;display: none;overflow: hidden;-webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,.2); width: 100vw;}
.modal{ opacity: 0; transition: all 0.9s;}.modal.in{  opacity: 1;}
.modal-content{width: 500px; background: #fff;padding: 30px; margin: 50px auto; text-align: center; border-radius: 10px;}
.modal-content .close{background: #f00; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; 
border-radius: 50%; border: inherit; position: absolute; right: 28%;}

.slider-single{width: 100%; height: 113px; background: url(img/single-banner.jpg); background-size: cover; background-position: bottom;}


/**WOOCOMMERCE SINGLE**/
.woocommerce div.product{display: inline-block; width: 100%;}
.woocommerce div.product .product_title{font-weight: 400; font-size: 26px; color: #232323;}
.summary .price bdi{color: #232323; font: 500 24px var(--font1);}
.str{color: #ccc; letter-spacing: -2px; font-size: 19px;}
.product_meta>span{display: block;}.product_meta{padding-top: 10px; font-weight: 500; color: #666; margin-bottom: 10px; font-size: 14px;}
.product_meta a{font-weight: 400;}

.woocommerce-breadcrumb{padding: 40px 0px !important; text-align: center;}

.n-stock{animation: blink-animation 1s steps(5, start) infinite;}
.barra-stock{background: #f2f2f2; border-radius: 20px; overflow: hidden; height: 12px; width: 399px;}
.bar-stock{background: -webkit-linear-gradient(left,var(--color1) 0%,#edd728 100%); height: 100%; width: 80%;}
.in-stock{display: none;}
.stock p{color: #000; font-weight: 500; line-height: 2.0; font-size: 15px;}.n-stock{color: var(--color1); }

.woocommerce div.product form.cart div.quantity{float: none;}div.quantity .row{justify-content: start;}
.qty_button, .input-text.qty{width: 45px; height: 45px; border: 1px solid #ccc; background: #fff;}
.input-text.qty{height: 43px; border-left: 1px solid #fff;  border-right: 1px solid #fff}
.quantity .screen-reader-text{display: block; overflow: inherit; clip-path: initial;clip: inherit; position: relative !important;
font: 500 14px var(--font1); color: #666; height: 26px; margin-top: 15px;}
.quantity{padding-bottom: 15px;}
.woocommerce div.product form.cart .button{width: 261px; height: 50px; background: var(--color1); border-radius: 15px;}
.woocommerce div.product form.cart{margin-bottom: 0px;}

.check-btn{background: #2dd6ae !important; color: #fff; height: 50px; margin-left: 10px; padding: 14px !important; margin-top: 0px !important; border-radius: 15px;
text-align: center; line-height: 50px; box-sizing: border-box; width: 250px; font-weight: 700 !important; transition: all 0.4s ease-in-out;}
.check-btn:hover{background: var(--color1) !important; }
.woocommerce div.product form.cart .button:hover{background: #eac54b !important;}
.woocommerce-product-details__short-description p{display: none;}
.summary .yith-wcwl-wishlistexistsbrowse, .yith-wcwl-add-to-wishlist a{font-size: 14px; color: #666;}

.woocommerce span.onsale{border-radius: 10px; line-height: 2.236; background: var(--color3); min-height: auto;}


.info-prod .txt-ind{padding: 10px; border: 1px solid #ccc; font-size: 14px; text-align: center; color: #666;}
.info-prod.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 15px;}

.variations tr, .variations td{display: block;}
.select_option{border: 2px solid #ccc;}.reset_variations{display: none !important;}
.variations td.label label{font: 500 14px var(--font1) !important; color: #666;}
.woocommerce div.product form.cart .variations{margin-bottom: 0px !important;}
.single_variation_wrap{margin-top: -10px;}
.woocommerce-variation-price{padding: 2px 15px; background: #f2f2f2; display: inline-block;border-radius: 3px;}

.woocommerce div.product .woocommerce-tabs ul.tabs{text-align: center;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background: var(--color1);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #fff; font-weight: 400;}

.woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom: 0px;}
.woocommerce-Tabs-panel{padding: 35px 3% 40px !important; color: #787878; font-size: 14px; border: 1px solid #ccc; border-top: 1px solid transparent;}
.woocommerce-Tabs-panel h2{font-size: 15px; color: #000; font-weight: 500; margin-top: 15px; margin-bottom: 5px;}
.woocommerce-product-gallery{ overflow: hidden;}

.related.products h2{text-align: center; font-weight: 400; margin-bottom: 40px;}
.products li .thumb-product{max-height: 260px; background: #f2f2f2;}
h2.woocommerce-loop-product__title{font-size: 15px; color: #1b1b1b; font-weight: 400;}
.products li.type-product .price{color: #000 !important; text-align: center; font-size: 15px !important; font-weight: 500 !important;}
.products li.type-product .add_to_cart_button{display: none !important;}
.products li.type-product .yith-wcwl-add-button{text-align: center;}



.pswp__item{background: #fff;}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar{background: rgba(0, 0, 0, 0.48);}

/* mini-cart.css */
/* Contenedor principal del popup */
.mini-cart-popup {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 350px;
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    z-index: 9999;
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	display: none;
}

.mini-cart-content {
    padding: 24px;
    position: relative;
}

/* Botón de cerrar */
.mini-cart-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
}

.mini-cart-close:hover {
    color: #333;
}

/* Título */
.mini-cart-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #324F97; /* Azul Principal */
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}

/* Estilización interna de WooCommerce */
.widget_shopping_cart_content {
    max-height: 400px;
    overflow-y: auto;
}

.widget_shopping_cart_content ul.cart_list {
    padding: 0;
    list-style: none;
}

.widget_shopping_cart_content li {
    padding: 10px 0;
    border-bottom: 1px solid #f8f8f8;
    font-size: 0.9rem;
}

/* Footer y Botones */
.mini-cart-footer {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.mini-cart-footer .button {
    flex: 1;
    padding: 12px 5px;
    text-align: center;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

/* Ver Carrito - Estilo Outlined */
.mini-cart-view-cart {
    background: transparent;
    border: 2px solid #324F97;
    color: #324F97 !important;
}

.mini-cart-view-cart:hover {
    background: #324F97;
    color: #fff !important;
}

/* Checkout - Estilo Sólido (Llamada a la acción) */
.mini-cart-checkout {
    background: #ff630e; /* Naranja de acento */
    border: 2px solid #ff630e;
    color: #fff !important;
}

.mini-cart-checkout:hover {
    background: #e5590d;
    border-color: #e5590d;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(255, 99, 14, 0.2);
}



.mini_cart_item a img{width: 70%; height: auto; border-radius: 20px; overflow: hidden; margin: 0 auto; display: block;}
.mini_cart_item a{color: #000;}







/* Scrollbar personalizado para que no rompa el diseño */
.widget_shopping_cart_content::-webkit-scrollbar {
    width: 4px;
}
.widget_shopping_cart_content::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{text-align: center;}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/**WOOCOMMERCE CART**/

.cart-collaterals{width: 30% !important; float: right; position: sticky; top: 40px;}form.woocommerce-cart-form{width: 60%; float: left;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width: 100% !important;}
.clear{clear: both;}
.qty-cart .check-btn{display: none;}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img{width: 90% !important; border-radius: 10px !important; }
.cart_item .product-thumbnail{width: 200px; }
.woocommerce a.remove{display: block; font-size: 14px !important; color: var(--color5) !important; font-weight: 400 !important;}
.woocommerce a.remove:hover{background: transparent !important; width: auto !important; color: var(--color3) !important;}
.qty-cart .screen-reader-text{display: none;}
.product-name a{color: var(--color5); font-size: 17px; font-weight: 800;}
.woocommerce table.shop_table{border:inherit !important;}
.cart_item .input-text.qty, .cart_item .qty_button, .cart_item .input-text.qty{height: 39px; box-sizing: border-box; width: 30px;}
.qty-cart .row{padding-top: 15px;}
.cart_totals td{text-align: right;}
.cart-collaterals, .cart_totals{background: radial-gradient(circle, rgba(251,228,230,1) 0%, rgba(251,228,230,1) 85%, rgba(255,255,255,0) 99%); padding: 15px 20px; box-sizing: border-box;}
.cart_totals{background: #fff;}
.cart_totals .checkout-button.button{background: var(--color3) !important; color: #fff !important;}

.woocommerce-cart #coupon_code{    width: 177px;
    height: 41px;}
#coupon_code{width: 353px; height: 49px; border: 1px solid #dedede; border-radius: 5px;}
.coupon .button{height: 40px; background: var(--color3) !important; color: var(--color1) !important;}
.actions .button{background: var(--color4) !important;height: 40px;color: var(--color1) !important;}
.checkout_coupon .form-row-last{width: auto !important;}
.woocommerce-form-coupon{display: flex;}
.checkout_coupon .form-row-last .button{background: #e7f0ff;}

.migas-cart h4{font-size: 11px; font-weight: 300; color: var(--color5); padding-top: 10px; text-align: center;}
.migas-cart .circle{width: 35px; height: 35px; border-radius: 35px; text-align: center; line-height: 33px; margin: 0 auto; border: 1px solid var(--color3); box-sizing: border-box;
color: var(--color3); font-size: 15px; position: relative;}
.migas-cart{padding: 40px 0px;}
.bart{width: 15%; height: 2px; background: var(--color3); margin-top: -19px;}
.oc{background: linear-gradient(90deg, rgba(228,68,78,1) 0%, rgba(240,155,159,1) 79%);}
.ck{background: var(--color3);}
.current-cart{position: absolute; right: 0px; bottom: 0px; width: 10px; height: 10px; border: 1px solid var(--color4); border-radius: 50%; 
background: #fff; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.current-cart::before{content: ""; display: block; width: 6px; height: 6px; background: var(--color3); border-radius: 50%;}
h1.title{font: 30px RP; color: var(--color3); padding: 40px 0px 0px;}
.crnt .circle{background: var(--color3); color: #fff;}
.crnt .current-cart::before{background: green;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{color: #575757; padding-top: 23px;
    padding-left: 13px;}
#billing_country_field .woocommerce-input-wrapper{transform: translatex(70px); display: block;    padding-top: 3px;
}

/**CHECKOUT FORM**/
.content-payment, #customer_details{box-sizing: border-box; padding: 38px}
.content-payment{padding-right: 8%; position: sticky; top: 0; min-height: 100vh}
#customer_details{padding-left: 8%;}
.woocommerce-message, .woocommerce-error{font-size: 11px !important; text-align: center !important; margin-bottom: 10px !important;}
.payment_method_woo-mercado-pago-basic .payment_box{display: none !important;}
.payment_method_pago_moviles_peru{border-bottom: initial !important;}
.wc_payment_method label{display: inline-block; width: 92%; cursor: pointer;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{padding: 0px !important;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background: #f2f2f2 !important;}
#wc-pago_moviles_peru-cc-form img{width: 100% !important; height: auto !important;}
#wc-pago_moviles_peru-cc-form .form-row label{position: relative; }
#pago_moviles_peru_trf_image{width: 100%; border: 3px dashed #ccc; padding: 10px; box-sizing: border-box; height: auto; border-radius: 10px;}
#wc-pago_moviles_peru-cc-form label{left: 0; margin-bottom: 10px; text-align: center;}
.text-bold{font-size: 11px; color: var(--color5); display: block; text-align: center;}
.text-bold.phone-number{font: 47px RP; text-align: center; display: block;}
#pago_moviles_peru_trf_image::after{display: none;}
#payment .wc_payment_method{padding: 7px 10px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box;}
.wc_payment_methods{border: 1px solid transparent !important; border-radius: 5px; padding: 10px !important; background: #fff;}
.payment_method_cod{border-bottom: initial !important;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: transparent !important;}
.woocommerce-privacy-policy-text p{font-size: 13px; color: var(--color5);}.woocommerce-privacy-policy-text a{color: var(--color4);}

#place_order{width: 90%; display: block; background: var(--color4); height: 50px;float: none !important;  margin: 10px auto; }

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{border-color: #dedede !important;}

.form-row{text-align: left !important;}
.wc_payment_method label img{width: 20px !important;}
.woocommerce-billing-fields input, .woocommerce form .form-row textarea{height: 50px; padding: 26px 14px 10px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 4px;}
.woocommerce form .form-row textarea{font: 15px PR; height: 80px !important; max-height: 160px;}
.select2-selection{height: 50px !important; padding: 11px 0px;}
.woocommerce form .form-row label{color: #878787 !important;}
.select2-container--default .select2-selection--single{ border: 1px solid #dedede !important;}
.woocommerce form .form-row label{position: absolute;left: 17px;top: 6px;font-size: 14px;}
.woocommerce form .form-row{position: relative; margin: 0px 0px 16px !important;}
.woocommerce-checkout header, .woocommerce-cart header{display: none;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-2{float: none !important; width: 100% !important;}
.woocommerce .col2-set{width: 55% !important; float: left; }
.woocommerce-checkout .page .container{width: 100%; max-width: 100%;}
.content-payment{width: 45%; float: right; max-width: 100%; background: #f4f8ff;box-sizing: border-box; border-left: 1px solid#dfdfdf;}
.woocommerce img, .woocommerce #content div.product div.images, 
.woocommerce div.product div.images, .woocommerce-page #content div.product div.images, 

#billing_country_field{margin-bottom: 0px !important;}
#billing_country_field::after{content:"Diección de envío"; font: 700 18.72px PR; margin-top: 10px;}
#billing_country_field label, #billing_country_field .woocommerce-input-wrapper{display: none;}

.content-payment .cart_item .product-thumbnail{width: 75px;}
.woocommerce-checkout-review-order-table+.total-product{display: none !important;}
.total-product th{text-align: left;font-size: 14px;font-weight: 300;} .total-product td{text-align: right;}.total-product table{width: 100%;}
.woocommerce table.shop_table{margin-bottom: 10px !important;}

.wc_payment_method input::after{content: ""; transition: all 0.4s ease-in-out;display: block; width: 15px; height: 15px; border: 3px solid var(--color2); border-radius: 50%; position: absolute; box-sizing: border-box;}
.wc_payment_method input:checked:after{border: 8px solid var(--color2);}
.wc_payment_method input{height: 17px;position: relative;}

.woocommerce-checkout-review-order .loc{display: none;}
.loc tbody{width: 100%;}
.woocommerce-checkout-review-order .loc:nth-child(1){display: block;}
.content-payment .order-total{font-size: 20px;}

.checkout.woocommerce-checkout{border-top: 1px solid #dfdfdf; display: flow-root}
.content-payment table.shop_table td{padding: 0px !important;}
.content-payment .product-thumbnail img{border-radius: 5px; overflow: hidden; width: 64px !important;}
.content-payment table.shop_table th{padding: 0px !important;}
.content-payment .product-name{color: var(--color4); font-size: 14px; width: 115px;}
.content-payment .woocommerce-Price-amount{color: var(--color4);}
.woocommerce-Price-amount .woocommerce-Price-currencySymbol{padding-right: 5px;}
.content-payment .checkout_coupon .button{background: #e7f0ff !important; color: #000 !important; font-size: 14px !important; border: 1px solid #cdd9ec !important;}
.woocommerce-checkout table.shop_table td{text-align: right !important;}
.shipping td{color: #787878;}
.content-payment .shop_table th{font-size: 15px; font-weight: 400 !important;}
.order-total th{font-size: 20px !important; font-weight: 700 !important;} 
.order-total{ transform: translateY(10px); border-top: 1px solid var(--color1);}
#payment{margin-top: 30px;}.woocommerce-Price-amount .woocommerce-Price-currencySymbol{font-size: 15px;}
.content-payment .product-name+td{ width: 68%; text-align: right;}

.wpced{display: none !important;}

.woocommerce-info{padding: 5px 10px !important; background: transparent !important; border-left: 2px solid #fff; text-align: left !important; color: #666; margin-bottom: 10px; font-size: 12px;}a.showcoupon{color: #ffF;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{padding: 0px !important; border: 1px solid transparent !important; margin: 0px 0px 0px 0px !important;}
.checkout_coupon input{height: 50px; padding: 10px !important;}
.woocommerce-billing-fields input{font-size: 16px !important;}
.checkout_coupon .button{height: 50px !important; background: transparent !important; border: 1px solid #fff !important; box-sizing: border-box; color: #fff !important;}
.woocommerce-info::before, .woocommerce-form-coupon-toggle{display: none;}.checkout_coupon{display: block !important;}
.checkout_coupon p:first-child{display: none !important;}
.woocommerce-shipping-totals.shipping td{font-size: 14px !important;}
#shipping_method label{color: var(--color5);}
#billing_type_field.form-row label{margin-top: -12px; background: #fff; padding: 0px 5px; border-radius: 5px;}
.woocommerce-error {
    border-top-color: var(--color4);
    background: transparent!important;
    margin: 0px;    padding: 16px 57px !important;
}.woocommerce-error li{color: var(--color5) !important;}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{border: 1px solid transparent !important;}
#thwdtp_delivery_datepicker_field, #thwdtp_delivery_time_field{padding: 20px 30px; background: var(--color3); width: 70%; margin: 0 auto !important;}
#thwdtp_delivery_time_field{padding-top: 0px;}
#thwdtp_delivery_datepicker_field label, #thwdtp_delivery_time_field label{color: #fff !important; font-size: 16px; text-align: center; margin-bottom: 10px;}
#thwdtp_delivery_datepicker_field input{height: 50px; border-radius: 5px; border: 1px solid #f2f2f2; padding: 0px 10px; box-sizing: border-box;}
#thwdtp_delivery_datepicker_field.form-row label, #thwdtp_delivery_time_field.form-row label{position: relative; left: 0;} 

.select2-container--default .select2-results>.select2-results__options{max-height: 300px !important;}



.filters-container h4, h4.wp-block-heading{background: #f2f2f2; color: #434343; padding: 15px; box-sizing: border-box;}
.yith-wcan-filter, .wp-block-woocommerce-product-categories>ul.wc-block-product-categories-list{border: 1px solid #f2f2f2;}
.filter-content, .wp-block-woocommerce-product-categories>ul.wc-block-product-categories-list{padding: 15px;}
.wc-block-product-categories-list li{list-style: none;}.wc-block-product-categories-list a{color: #666;}
.wc-block-product-categories-list-item-count{font-size: 12px; color: #ccc;}
.wc-block-mini-cart__button{background: #f2f2f2 !important; padding: 15px !important;}
.sidebar{width: 260px;}.woo{width: 847px; max-width: 100%;padding-left: 5%;}
.category{padding: 70px 0px;}
.sidebar .aditional{width: 100%;}

.woo .title h3{font-weight: 400; font-size: 35px; display: flex; align-items: center; justify-content: space-between;}
.woo .title p{font: 400 13px var(--font1); color: #666; padding-top: 5px;}
.woo .title h3::after{content: ""; display: inline-block; width: 65%; height: 1px;background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(204,204,204,1) 34%, rgba(204,204,204,1) 100%);}
.list-add .row-center{color: #666;}
:root {
  --wa-color-primary: #25D366; /* Verde oficial o puedes usar un tono pastel de la tienda */
  --wa-color-hover: #20ba5a;
  --wa-badge-color: #ff4757;   /* Rojo coral suave para la notificación */
}

/* Contenedor principal del botón */
.whatsapp-floating-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-color: var(--wa-color-primary);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
  z-index: 9999;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  
  /* Aplicación de la animación infinita */
  animation: floatWave 3.5s ease-in-out infinite;
}

/* Tamaño del icono SVG */
.whatsapp-icon {
  width: 32px;
  height: 32px;
  transition: transform 0.3s ease;
}

/* Notificación flotante (Badge) */
.whatsapp-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--wa-badge-color);
  border-radius: 50%;
  border: 2px solid var(--wa-color-primary);
}

/* Efectos Hover y Active */
.whatsapp-floating-btn:hover {
  background-color: var(--wa-color-hover);
  box-shadow: 0 12px 30px rgba(32, 186, 90, 0.4);
}

.whatsapp-floating-btn:hover .whatsapp-icon {
  transform: scale(1.1);
}

.whatsapp-floating-btn:active {
  transform: scale(0.95);
}

/* --- Animación Infinita Minimalista y Orgánica --- */
@keyframes floatWave {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
  }
  50% {
    /* Sube suavemente y simula un leve cambio de escala "blandito" */
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 18px 30px rgba(37, 211, 102, 0.45);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
  }
}

/* Optimización para dispositivos móviles */
@media (max-width: 768px) {
  .whatsapp-floating-btn {
    bottom: 20px;
    right: 20px;
    width: 54px;
    height: 54px;
  }
  .whatsapp-icon {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (max-width: 1181px){
   .container{width: 900px;}
   #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{font-size: 14px;}
    .parent{grid-template-columns: initial;grid-template-rows: initial;grid-column-gap: 0px;grid-row-gap: 0px;}
   .div1 { grid-area: 1 / 1 / 3 / 3; }
   .div2 { grid-area: 3 / 1 / 4 / 2; }
   .div3 { grid-area: 3 / 2 / 4 / 3; }
   .div4 { grid-area: 4 / 1 / 5 / 3; }
   .div2 img, .div3 img{width: 100%;}
   .product-home .container>.row, .more-products .container .row{display: block;}
   .list-product, .list-product{width: 100%;}.deals{margin: 0 auto; width: 100%;}
   .aditional {width: 50%; margin: 0 auto; margin-bottom: 35px;}
   .boxs{display: grid; grid-template-columns: repeat(2, 3fr); grid-column-gap: 34px; grid-row-gap: 27px; max-width: 637px; text-align: left;
margin: 0 auto; margin-bottom: 30px;}
   .boxs .row-center{justify-content: start;}
   footer .grid_4{grid-template-columns: repeat(2, 3fr);grid-column-gap: 20px;grid-row-gap: 20px;}
   
}
@media only screen and (max-width: 910px){
    .container{width: 600px;}
    .desktop{display: none;}
    .movil{display: block;         background: var(--color1);
        border-radius: 20px;
        padding: 0px 10px;}
    .nav-menu{display: block; position: fixed; left: -120%;top: 0; background: #fff; padding: 20px; z-index: 222; height: 100vh; width: 50%; transition: all 0.5s ease-in-out;}
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu{background: transparent;}
    .close-menu{padding-bottom: 20px;}
    .nav-menu{box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.08);}
    .cat-title h4{font-size: 17px;}
    .cat-title{width: 25%;}.cat-items{width: 73%;}
    .list-product>.row-center{display: block; text-align: center;}
    .list-product>.row-center h3.title{ padding-bottom: 20px;}
    .grid_3{grid-template-columns: repeat(2, 3fr);}
    .category.row{display: block;}.woo, .sidebar{width: 100%; display: block; padding: 0px;}
    .category{padding: 30px 0px;}
    .box-f{padding: 0px 2% 12px 2%;}
}
@media only screen and (max-width: 610px){
    .container{width: 500px; max-width:98%;}
    .categories .row-center{display: block;}
    .cat-title, .cat-items{width: 100%;}
    .grid_banner{padding: 50px 0px;}
    .div4 .grid_4{grid-template-columns: repeat(2, 3fr);}
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 2 / 1 / 3 / 2; }
    .div3 { grid-area: 3 / 1 / 4 / 2; }
    .div4 { grid-area: 4 / 1 / 5 / 2; }
    .aditional{width: 100%; max-width: 350px;}
    .blog .grid_3, footer .grid_4, .boxs{grid-template-columns: repeat(1, 3fr);}
    .blog{padding: 0px 0px 50px 0px;}.more-products{padding: 50px 0px;}
    .owl-prod .owl-dots{display: none !important;}
    .boxs{grid-row-gap: 2px;}.copy .row{display: block;}.panels{min-height: auto;}
    .categories .container{padding-bottom: 20px; margin-top: 25px;}
    .slider{padding-top: 105px;}.grid_banner .container{padding: 0px 5%; box-sizing: border-box;}
    .info-prod.grid_4{grid-template-columns: repeat(2, 3fr);}
    .check-btn{margin-left: 0px; width: 100%;}.woocommerce div.product form.cart .button{width: 100%; margin-top: 15px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size: 13px;}
    .woocommerce-breadcrumb{padding: 15px 0px !important; margin-bottom: 0px !important;}
    .cabecera{padding: 10px 0px; background:var(--color1);position: relative;}.slider-single{height: 92.05px;}.barra-stock{max-width: 100%;}.slider{padding-top: 0px;}
}
/* Ajustes para pantallas más pequeñas */
@media (max-width: 480px) {
  .testimonios-titulo {
    font-size: 1.8rem;
  }
  .testimonio-card {
    max-width: 280px; /* Un poco más angosto en móviles pequeños */
  }
}
