.elementor-569 .elementor-element.elementor-element-615643a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-569 .elementor-element.elementor-element-615643a:not(.elementor-motion-effects-element-type-background), .elementor-569 .elementor-element.elementor-element-615643a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEDEDE;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-569 .elementor-element.elementor-element-ba34cd4{text-align:center;}.elementor-569 .elementor-element.elementor-element-ba34cd4 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#010101;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-569 .elementor-element.elementor-element-8b3802f{width:var( --container-widget-width, 67% );max-width:67%;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:67%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;}.elementor-569 .elementor-element.elementor-element-8b3802f.elementor-element{--align-self:center;}.elementor-569 .elementor-element.elementor-element-e9e2c4a{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-569 .elementor-element.elementor-element-e9e2c4a:not(.elementor-motion-effects-element-type-background), .elementor-569 .elementor-element.elementor-element-e9e2c4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DEDEDE;}.elementor-569 .elementor-element.elementor-element-add8890{--display:flex;}.elementor-569 .elementor-element.elementor-element-7ea57bb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-569 .elementor-element.elementor-element-7ea57bb:not(.elementor-motion-effects-element-type-background), .elementor-569 .elementor-element.elementor-element-7ea57bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-569 .elementor-element.elementor-element-add8890{--width:90%;}.elementor-569 .elementor-element.elementor-element-7ea57bb{--content-width:100%;}}@media(max-width:1366px){.elementor-569 .elementor-element.elementor-element-ba34cd4{width:var( --container-widget-width, 538px );max-width:538px;--container-widget-width:538px;--container-widget-flex-grow:0;}.elementor-569 .elementor-element.elementor-element-ba34cd4.elementor-element{--align-self:center;}.elementor-569 .elementor-element.elementor-element-8b3802f{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-569 .elementor-element.elementor-element-e9e2c4a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-569 .elementor-element.elementor-element-8b3802f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-569 .elementor-element.elementor-element-e9e2c4a{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-569 .elementor-element.elementor-element-615643a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-569 .elementor-element.elementor-element-ba34cd4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-569 .elementor-element.elementor-element-ba34cd4 .elementor-heading-title{font-size:25px;}.elementor-569 .elementor-element.elementor-element-8b3802f{margin:1px 1px calc(var(--kit-widget-spacing, 0px) + 1px) 1px;text-align:center;font-size:12px;}.elementor-569 .elementor-element.elementor-element-e9e2c4a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-ba34cd4 */#titulo-tienda-koyology{
    font-size: 34px;
    font-weight: 600;
    color: black;
    line-height: 1.3;
    text-align: center;
    font-family: poppins;
}

/* Tamaño para móviles */
@media (max-width: 768px){
    #titulo-tienda-koyology{
        font-size: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-976abc6 *//* =========================================================
 * TIENDA KOYOLOGY — ESTILOS
 * ======================================================= */

/* ---- BASE ---- */
.crq-wrap {
    font-family: 'Poppins', sans-serif;
}

/* ---- BUSCADOR ---- */
.crq-wrap .crq-search-form {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.crq-wrap .crq-search-inner {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 14px;
    gap: 10px;
    width: 100%;
    max-width: 600px;
}

.crq-wrap .crq-search-inner input {
    flex: 1;
    border: none;
    outline: none;
    padding: 12px 0;
    font-size: 14px;
    color: #000;
}

/* ---- BOTONES COMPARTIDOS ---- */
.crq-wrap .crq-search-inner button,
.crq-wrap .crq-apply,
.crq-filter-btn {
    background: #C6FCFF;
    color: #000;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.crq-wrap .crq-search-inner button {
    border-radius: 7px;
    padding: 7px 16px;
}

.crq-wrap .crq-search-inner button:hover,
.crq-wrap .crq-apply:hover,
.crq-filter-btn:hover {
    background: #000;
    color: #fff;
}

/* ---- BOTÓN FILTRO ---- */
.crq-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    margin-bottom: 20px;
}

.crq-filter-btn::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cline x1='3' y1='6' x2='21' y2='6' stroke='black' stroke-width='2'/%3E%3Ccircle cx='9' cy='6' r='2' fill='black'/%3E%3Cline x1='3' y1='12' x2='21' y2='12' stroke='black' stroke-width='2'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Cline x1='3' y1='18' x2='21' y2='18' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='18' r='2' fill='black'/%3E%3C/svg%3E");
}

.crq-filter-btn:hover::before {
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cline x1='3' y1='6' x2='21' y2='6' stroke='white' stroke-width='2'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white'/%3E%3Cline x1='3' y1='12' x2='21' y2='12' stroke='white' stroke-width='2'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Cline x1='3' y1='18' x2='21' y2='18' stroke='white' stroke-width='2'/%3E%3Ccircle cx='12' cy='18' r='2' fill='white'/%3E%3C/svg%3E");
}

.crq-filter-btn.active {
    background: #e5e5e5;
    color: #000;
}

/* ---- PANEL FILTROS ---- */
.crq-wrap .crq-filters-panel {
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    width: 25%;
    min-width: 260px;
}

@media (max-width: 768px) {
    .crq-wrap .crq-filters-panel {
        width: 80%;
    }
}

/* ---- GRUPOS DE FILTRO ---- */
.crq-wrap .crq-filter-group {
    margin-bottom: 16px;
}

.crq-wrap .crq-filter-group h4 {
    font-size: 14px;
    margin-bottom: 8px;
    color: #000;
}

.crq-wrap select {
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #ccc;
    color: #000;
}

/* ---- SLIDER PRECIO ---- */
.crq-wrap .crq-price-wrap {
    max-width: 220px;
}

.crq-wrap input[type="range"] {
    width: 100%;
}

.crq-wrap output {
    display: block;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
}

/* ---- BOTÓN APLICAR ---- */
.crq-wrap .crq-apply {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
}

/* ---- LIMPIAR FILTROS ---- */
.crq-wrap .crq-clear {
    display: block;
    margin-top: 10px;
    padding: 8px;
    border-radius: 8px;
    background: #e5e5e5;
    color: #000;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.crq-wrap .crq-clear:hover {
    background: #000;
    color: #fff;
}

/* ---- GRID ---- */
.crq-wrap .crq-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    .crq-wrap .crq-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---- TARJETAS ---- */
.crq-wrap .crq-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 14px;
    display: flex;
    flex-direction: column;
}

.crq-wrap .crq-item,
.crq-wrap .crq-item *:not(.crq-btn):not(.crq-brand-logo):not(.crq-brand-logo img) {
    color: #000 !important;
    font-size: 14px;
}

.crq-wrap .crq-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.crq-wrap .crq-image img {
    max-width: 100%;
    max-height: 100%;
}

/* ---- LOGO DE MARCA ---- */
.crq-brand-logo {
    height: 40px;
    margin-bottom: 6px;
}

.crq-brand-logo img {
    height: 40px;
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
    opacity: 0.8;
}

/* ---- BOTÓN VER PRODUCTO ---- */
.crq-wrap .crq-btn {
    display: block;
    margin-top: 10px;
    padding: 8px;
    border-radius: 8px;
    background: #C6FCFF;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.2s ease, color 0.2s ease;
}

.crq-wrap .crq-btn:hover {
    background: #000;
    color: #fff !important;
}

/* ---- PAGINACIÓN ---- */
.crq-wrap nav.woocommerce-pagination,
.crq-wrap .crq-pagination {
    text-align: center;
    margin-top: 48px;
}

.crq-wrap .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 4px 2px;
    border-radius: 4px;
    background: #C6FCFF;
    color: #000 !important;
    font-weight: 500;
    text-decoration: none !important;
    transition: background 0.2s ease;
}

.crq-wrap .page-numbers:hover {
    background: #a0f0f5;
    color: #000 !important;
}

.crq-wrap .page-numbers.current {
    background: #000;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5098eb7 */.nifty-marcas-carousel{
overflow:hidden;
width:100%;
padding:10px 0;
}

.nifty-marcas-track{
display:flex;
gap:20px;
align-items:center;
animation:marcasScroll 40s linear infinite;
}

/* caja fija para cada marca */
.crq-brand{
width:120px;
height:80px;
display:flex;
justify-content:center;
align-items:center;
flex-shrink:0;
}

/* imagen dentro de la caja */
.crq-brand img{
max-width:100%;
max-height:100%;
object-fit:contain;
transition:all .3s ease;
}

/* hover blanco y negro */
.crq-brand img:hover{
filter:grayscale(100%);
opacity:.8;
transform:scale(1.05);
}

@keyframes marcasScroll{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}/* End custom CSS */