.elementor-22 .elementor-element.elementor-element-198698a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.42;--margin-top:-147px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:700px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-198698a::before, .elementor-22 .elementor-element.elementor-element-198698a > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-198698a > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-198698a > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-198698a > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-198698a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-8af8c03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-bfceea8{--spacer-size:50px;}.elementor-22 .elementor-element.elementor-element-a71ece9 .elementor-heading-title{font-family:"Riffic Free Bold", Sans-serif;font-size:38px;color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-509737a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-2fca17b{font-size:21px;color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-99125c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22 .elementor-element.elementor-element-b645ea1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-b645ea1.e-con{--align-self:flex-end;}.elementor-22 .elementor-element.elementor-element-6c691e4{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-6c691e4.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-22 .elementor-element.elementor-element-6c691e4 .elementor-heading-title{font-family:"Riffic Free Bold", Sans-serif;color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-eb1b038{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-22 .elementor-element.elementor-element-eb1b038.e-con{--align-self:flex-end;}.elementor-22 .elementor-element.elementor-element-e943cf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0;}.elementor-22 .elementor-element.elementor-element-e943cf2::before, .elementor-22 .elementor-element.elementor-element-e943cf2 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-e943cf2 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-e943cf2 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-e943cf2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-e943cf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-965d95e{--display:flex;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-b645ea1{--width:33.3333%;}.elementor-22 .elementor-element.elementor-element-eb1b038{--width:66.6666%;}}/* Start custom CSS for shortcode, class: .elementor-element-e844f3b *//* ===============================
   GRID REAL (FIX DEFINITIVO)
================================ */
.cd-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ===============================
   CARD
================================ */
.cd-product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent !important;
    border: none !important;
    text-align: center;
}

/* ===============================
   CONTENEDOR IMAGEN
================================ */
.cd-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===============================
   IMAGEN BASE
================================ */
.cd-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
    transition: transform 0.35s ease;
}

/* ===============================
   SOLO COOKIES (CIRCULO)
================================ */
.cd-product-card.product-type-simple .cd-image img {
    border-radius: 50%;
    object-fit: cover;
}

/* ===============================
   HOVER
================================ */
.cd-product-card:hover .cd-image img {
    transform: scale(1.05);
}

/* ===============================
   TEXTO
================================ */
.cd-title {
    margin-top: 24px;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    color: #4f2b18;
}

.cd-price {
    margin: 8px 0 18px;
    font-size: 14px;
    color: #4f2b18;
    font-weight: 500;
}

/* ===============================
   BOTON
================================ */
.cd-cart {
    margin-top: auto;
}

.cd-cart .button {
    background: transparent !important;
    color: #4f2b18 !important;
    border: 1px solid #4f2b18 !important;
    padding: 12px 28px !important;
    font-size: 11px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.cd-cart .button:hover {
    background: #4f2b18 !important;
    color: #fff !important;
}

/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 1024px) {
    .cd-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .cd-products-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e943cf2 *//* Texto de títulos y precios en marrón de marca */
.cd-products-grid h3,
.cd-products-grid .cd-price,
.cd-products-grid a.button {
    color: #6B3E26; /* Marrón oscuro, ajusta al tono exacto de tu marca */
}

/* Cambiar el color del enlace al pasar el mouse */
.cd-products-grid a:hover,
.cd-products-grid a.button:hover {
    color: #A0522D; /* Marrón más claro para hover */
}

/* Opcional: bordes y fondo armonizado con marrón */
.cd-product-card {
    border-color: #6B3E26; /* borde marrón */
    background-color: #FFF8F0; /* fondo crema suave */
}

/* Botón de añadir al carrito */
.cd-product-card .button {
    background-color: #6B3E26;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.cd-product-card .button:hover {
    background-color: #A0522D;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Riffic Free Bold';
	font-display: auto;
	src: url('https://chunkydoughcookies.com/wp-content/uploads/2025/09/RifficFree-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */