:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgba(0,0,0,0.69);
	--wd-alternative-color: rgb(201,79,42);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(2,0,0);
	--btn-accented-bgcolor-hover: rgb(255,200,61);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(127,127,127);
	--wd-link-color-hover: rgb(10,10,10);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(32,32,32);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
}
.wd .product-label.onsale {
	background-color: rgb(255,0,0);
}
.wd .product-label.out-of-stock {
	background-color: rgb(247,187,56);
	color: rgb(0,0,0);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgba(10,10,10,0);
}

.onsale {
    background-color: #ff4a4a !important; /* Color original o el que quieras */
    border-radius: 50% !important; /* Redondo */
    padding: 8px 12px;
    font-weight: bold;
    font-size: 14px;
}
.wd-swatch.wd-disabled,
.wd-swatch.disabled {
    position: relative;
    opacity: .4;
}

.wd-swatch.wd-disabled::after,
.wd-swatch.disabled::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%;
    height: 2px;
    background: #d40000;
    transform: rotate(-35deg);
    z-index: 10;
}
/* Agrandar botón Guía de talla - WoodMart */
.single-product .wd-sizeguide-btn.wd-style-text a.wd-open-popup {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    margin-top: 15px !important;
    border: 1px solid #111 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #111 !important;
    text-decoration: none !important;
}

.single-product .wd-sizeguide-btn.wd-style-text a.wd-open-popup span.wd-action-text {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #111 !important;
}

.single-product .wd-sizeguide-btn.wd-style-text a.wd-open-popup:hover {
    background: #111 !important;
    color: #fff !important;
}

.single-product .wd-sizeguide-btn.wd-style-text a.wd-open-popup:hover span.wd-action-text {
    color: #fff !important;
}

/* =========================================
   PRECIO WOODMART - NORMAL Y OFERTA
   ========================================= */

/* Contenedor */
.single-product .summary-inner .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 15px 0 25px !important;
}

/* Precio normal */
.single-product .summary-inner .price > .woocommerce-Price-amount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    border: 2px solid #111 !important;
    border-radius: 6px !important;
    background: #fff !important;
}

/* Texto precio normal */
.single-product .summary-inner .price > .woocommerce-Price-amount bdi,
.single-product .summary-inner .price > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #111 !important;
    line-height: 1 !important;
}

/* Precio anterior */
.single-product .summary-inner .price del {
    font-size: 22px !important;
    color: #999 !important;
    opacity: 1 !important;
}

.single-product .summary-inner .price del .woocommerce-Price-amount,
.single-product .summary-inner .price del bdi {
    font-size: 22px !important;
    color: #999 !important;
}

/* Precio oferta */
.single-product .summary-inner .price ins {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    border: 2px solid #111 !important;
    border-radius: 6px !important;
    background: #fff !important;
    text-decoration: none !important;
}

/* Texto precio oferta */
.single-product .summary-inner .price ins .woocommerce-Price-amount,
.single-product .summary-inner .price ins bdi,
.single-product .summary-inner .price ins .woocommerce-Price-currencySymbol {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #111 !important;
    line-height: 1 !important;
}

/* Responsive */
@media (max-width: 768px){

    .single-product .summary-inner .price > .woocommerce-Price-amount,
    .single-product .summary-inner .price ins{
        padding: 10px 20px !important;
    }

    .single-product .summary-inner .price > .woocommerce-Price-amount bdi,
    .single-product .summary-inner .price ins bdi{
        font-size: 28px !important;
    }
}

/* Botón Comprar Ahora - WoodMart */
.single-product button.wd-buy-now-btn {
    position: relative !important;
    overflow: hidden !important;
    background: #ffc72c !important;
    color: #111 !important;
    font-weight: 800 !important;
    border: 2px solid #ffc72c !important;
    animation: calota-buy-pulse 2.8s infinite !important;
    transition: all .25s ease !important;
}

/* Efecto brillo */
.single-product button.wd-buy-now-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: rgba(255,255,255,.45);
    transform: skewX(-25deg);
    animation: calota-buy-shine 3.5s infinite;
}

/* Hover */
.single-product button.wd-buy-now-btn:hover {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;
}

@keyframes calota-buy-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.04); }
    100% { transform: scale(1); }
}

@keyframes calota-buy-shine {
    0% { left: -120%; }
    45% { left: 130%; }
    100% { left: 130%; }
}

.woocommerce ul.products li.product {
    border: 1px solid #eee;
    padding: 18px;
    background: #fff;
    transition: .25s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 700;
    min-height: 42px;
}

.woocommerce ul.products li.product .price {
    font-size: 15px;
    font-weight: 700;
}

.woocommerce ul.products li.product .button {
    background: #d90000;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
}

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

span.onsale.product-label.wd-shape-round-sm {
    font-size: 0 !important;
    color: transparent !important;
    width: 80px !important;
    height: 36px !important;
    min-width: 80px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-image: url('https://calota.cl/wp-content/uploads/2026/06/oferta-especial.png') !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

span.onsale.product-label.wd-shape-round-sm::before,
span.onsale.product-label.wd-shape-round-sm::after {
    display: none !important;
    content: none !important;
}


/* Mostrar título completo en catálogo WoodMart */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.woocommerce-loop-product__title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    max-height: none !important;
    height: auto !important;
}


/* CARRITO LATERAL - ESTILO TARJETAS */

.cart-widget-side {
  width: 430px !important;
  max-width: 430px !important;
  background: #eef3f2 !important;
}

.cart-widget-side .wd-heading {
  background: #2f2f2f !important;
  padding: 20px 26px !important;
}

.cart-widget-side .wd-heading-title,
.cart-widget-side .wd-heading span {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.cart-widget-side .widget_shopping_cart_content {
  background: #eef3f2 !important;
  padding: 20px !important;
}

/* tarjeta */
.cart-widget-side .elementor-menu-cart__product {
  background: #fff !important;
  border-radius: 28px !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.08) !important;
  display: grid !important;
  grid-template-columns: 100px 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
}

/* imagen */
.cart-widget-side .elementor-menu-cart__product-image img {
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
}

/* nombre */
.cart-widget-side .elementor-menu-cart__product-name,
.cart-widget-side .elementor-menu-cart__product-name a {
  color: #000 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* precio */
.cart-widget-side .elementor-menu-cart__product-price {
  color: #000 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
}

/* botón eliminar: solo tamaño, NO tocar funcionamiento */
.cart-widget-side .elementor-menu-cart__product-remove {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

/* subtotal */
.cart-widget-side .elementor-menu-cart__subtotal {
  text-align: center !important;
  color: #444 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  padding: 20px 0 12px !important;
}

/* footer */
.cart-widget-side .elementor-menu-cart__footer-buttons {
  padding: 0 24px 28px !important;
}

/* ocultar ver carrito */
.cart-widget-side .elementor-menu-cart__footer-buttons a:first-child {
  display: none !important;
}

/* checkout */
.cart-widget-side .elementor-menu-cart__footer-buttons a:last-child {
  width: 100% !important;
  height: 58px !important;
  border-radius: 16px !important;
  background: #333 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
/* CENTRAR CONTENIDO DENTRO DE CADA TARJETA */
.cart-widget-side .elementor-menu-cart__product {
  min-height: 135px !important;
  display: grid !important;
  grid-template-columns: 85px 1fr 34px !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 16px !important;
  padding: 18px 18px !important;
}

/* Centrar imagen */
.cart-widget-side .elementor-menu-cart__product-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart-widget-side .elementor-menu-cart__product-image img {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
}

/* Centrar bloque de texto verticalmente */
.cart-widget-side .elementor-menu-cart__product-name,
.cart-widget-side .elementor-menu-cart__product-price {
  align-self: center !important;
}

/* Botón quitar: usar el botón original de Elementor, solo hacerlo visible */
.cart-widget-side .elementor-menu-cart__product-remove.product-remove {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 2px solid #111 !important;
  border-radius: 50% !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Mantener el ícono interno funcional */
.cart-widget-side .elementor-menu-cart__product-remove.product-remove * {
  pointer-events: auto !important;
}




/* Aumentar tamaño de los radios */
.woocommerce-checkout .wc_payment_methods input[type="radio"]{
    transform: scale(2);
    cursor: pointer;
    margin-right: 15px;
}

/* Hacer toda la fila clickeable y más visible */
.woocommerce-checkout .wc_payment_methods li {
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: all .2s ease;
}

/* Método seleccionado */
.woocommerce-checkout .wc_payment_methods li:has(input[type="radio"]:checked) {
    border: 3px solid #00a3ff;
    background: #f0f8ff;
    box-shadow: 0 0 15px rgba(0,163,255,.25);
}

/* Texto más grande */
.woocommerce-checkout .wc_payment_methods label {
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
}






.nav-link-text{
    position:relative;
    transition:all .25s ease;
}

.nav-link-text::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-8px;
    width:0;
    height:2px;
    background:#f4c400;
    transition:all .3s ease;
    transform:translateX(-50%);
}

.menu-item:hover .nav-link-text{
    color:#f4c400 !important;
    transform:translateY(-2px);
}

.menu-item:hover .nav-link-text::after{
    width:100%;
}





/* BANNER SUPERIOR CALOTA - CONTINUO */
.wd-header-banner,
.header-banner {
    background: #000 !important;
    height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.header-banner-link.wd-hb-link.wd-fill {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    min-width: 300% !important;
    height: 44px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 0 !important;
    color: transparent !important;
    animation: calota-marquee 28s linear infinite;
}

.header-banner-link.wd-hb-link.wd-fill::before {
    content: "📦 ENVÍO GRATIS POR COMPRAS SOBRE $99.990 ENTRE RM Y REGIÓN DE LOS RÍOS 🇨🇱  •  📦 ENVÍO GRATIS POR COMPRAS SOBRE $99.990 ENTRE RM Y REGIÓN DE LOS RÍOS 🇨🇱  •  📦 ENVÍO GRATIS POR COMPRAS SOBRE $99.990 ENTRE RM Y REGIÓN DE LOS RÍOS 🇨🇱  •  📦 ENVÍO GRATIS POR COMPRAS SOBRE $99.990 ENTRE RM Y REGIÓN DE LOS RÍOS 🇨🇱  •  📦 ENVÍO GRATIS POR COMPRAS SOBRE $99.990 ENTRE RM Y REGIÓN DE LOS RÍOS 🇨🇱  •  ";
    
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    letter-spacing: .2px;
    white-space: nowrap !important;
}

@keyframes calota-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.33%);
    }
}
/* MÓVIL */
@media (max-width: 768px){

    .header-banner-link.wd-hb-link.wd-fill::before{
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .wd-header-banner,
    .header-banner{
        height: 34px !important;
        min-height: 34px !important;
    }

    .header-banner-link.wd-hb-link.wd-fill{
        height: 34px !important;
        line-height: 34px !important;
    }
}
/* Quitar línea blanca inferior del banner */
.wd-header-banner,
.header-banner,
.wd-hb-wrap,
.header-banner-link.wd-hb-link.wd-fill {
    border: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.wd-header-banner::before,
.wd-header-banner::after,
.header-banner::before,
.header-banner::after,
.wd-hb-wrap::before,
.wd-hb-wrap::after {
    display: none !important;
    border: 0 !important;
}
.whb-header,
.whb-main-header,
.whb-row,
.whb-general-header {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Oculta completamente el contenido original */
.header-banner-link.wd-hb-link.wd-fill {
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Elimina cualquier fondo heredado */
.header-banner,
.wd-hb-wrap,
.header-banner-link.wd-hb-link.wd-fill {
    background: #000 !important;
}

/* El pseudo-elemento */
.header-banner-link.wd-hb-link.wd-fill::before {
    text-indent: 0 !important;
    position: absolute !important;
    left: 0;
    top: 0;
}



/* ==========================================
   BOTÓN OFERTAS CALOTA
========================================== */

a.boton-oferta{
    position: relative;
    overflow: hidden;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    background: #ffffff !important;
    color: #000000 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase;

    border: 2px solid #ffd000 !important;
    border-radius: 999px !important;

    box-shadow: 0 0 12px rgba(255,208,0,.25);

    transition: all .3s ease;
    animation: ofertaPulse 2s infinite;
}

/* Icono oferta */

a.boton-oferta::before{
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;

    background-image: url("https://calota.cl/wp-content/uploads/2026/06/oferta-especial.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    flex-shrink: 0;
}

/* Brillo animado */

a.boton-oferta::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:45%;
    height:100%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,208,0,.45),
        transparent
    );

    transform: skewX(-20deg);

    animation: shine 3s infinite;
}

/* Hover */

a.boton-oferta:hover{
    transform: scale(1.08);
    box-shadow: 0 0 22px rgba(255,208,0,.65);
    border-color: #ffbf00 !important;
}

/* Animación pulso */

@keyframes ofertaPulse{
    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.05);
    }
}

/* Animación brillo */

@keyframes shine{
    0%{
        left:-120%;
    }

    100%{
        left:150%;
    }
}


/* LUPA / BUSCADOR HEADER */
.wd-tools-element .wd-tools-icon,
.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier,
.dgwt-wcas-search-icon {
    color: #ffffff !important;
    transition: all .3s ease;
}

/* Contenedor de la lupa */
.wd-tools-element {
    position: relative;
}

/* Efecto hover lupa */
.wd-tools-element:hover .wd-tools-icon,
.wd-tools-element:hover .dgwt-wcas-ico-magnifier,
.wd-tools-element:hover .dgwt-wcas-search-icon {
    color: #ffd000 !important;
    transform: scale(1.12);
    filter: drop-shadow(0 0 8px rgba(255,208,0,.8));
}

/* Pulso suave en la lupa */
.wd-tools-element .wd-tools-icon,
.dgwt-wcas-search-icon {
    animation: lupaPulse 2.5s infinite;
}

@keyframes lupaPulse {
    0%,100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(255,208,0,0));
    }

    50% {
        transform: scale(1.08);
        filter: drop-shadow(0 0 7px rgba(255,208,0,.65));
    }
}

/* SOLO MOBILE */
@media (max-width:768px){

html,
body{
    margin:0 !important;
    padding:0 !important;
    background:#000 !important;
}

.wd-page-wrapper,
.website-wrapper,
.whb-header,
.whb-main-header,
.wd-hb-wrap{
    margin-top:0 !important;
    border-top:none !important;
    box-shadow:none !important;
}

}

/* SOLO MOBILE */
@media (max-width:768px){

.Boton-dos-ofertas{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    color: #ffd000 !important;
    font-weight: 800 !important;
    text-transform: uppercase;

    padding: 0 !important;

    animation: ofertaPulse 2s infinite;
}

/* Llamita */
.Boton-dos-ofertas::before{
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;

    background-image: url("https://calota.cl/wp-content/uploads/2026/06/oferta-especial.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    margin-right: 5px;
}

/* Eliminar brillo y efectos desktop */
.Boton-dos-ofertas::after{
    display:none !important;
}

@keyframes ofertaPulse{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

}