.elementor-117565 .elementor-element.elementor-element-ec68a7f{--display:flex;--min-height:400px;}.elementor-117565 .elementor-element.elementor-element-ec68a7f:not(.elementor-motion-effects-element-type-background), .elementor-117565 .elementor-element.elementor-element-ec68a7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://pub-4706ffacbd894a319bf1c397303d141e.r2.dev/2026/07/02073241/Shop_Architecture-Banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-117565 .elementor-element.elementor-element-0a7e573{--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-117565 .elementor-element.elementor-element-c7da652{--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-117565 .elementor-element.elementor-element-c7da652.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-117565 .elementor-element.elementor-element-4ec04d0{width:var( --container-widget-width, 85.504% );max-width:85.504%;--container-widget-width:85.504%;--container-widget-flex-grow:0;}.elementor-117565 .elementor-element.elementor-element-4ec04d0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-117565 .elementor-element.elementor-element-deb315b{--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-117565 .elementor-element.elementor-element-8523dcc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-117565 .elementor-element.elementor-element-8523dcc.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-117565 .elementor-element.elementor-element-0a7e573{--width:74%;}.elementor-117565 .elementor-element.elementor-element-c7da652{--width:24.285%;}.elementor-117565 .elementor-element.elementor-element-deb315b{--width:100%;}}@media(max-width:1024px){.elementor-117565 .elementor-element.elementor-element-8523dcc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-117565 .elementor-element.elementor-element-8523dcc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for yith_wcan_filters, class: .elementor-element-4ec04d0 *//* ============================================================
   marburg architecture — YITH WCAN Filter (custom-style)
   PEGAR EN: el widget del filtro → Avanzado → CSS personalizado.
   NO pegar en un widget HTML/Texto ni en el Customizer
   (la palabra ".elementor-117565 .elementor-element.elementor-element-4ec04d0" solo funciona aquí).
   Identidad: blanco + azul #06305f, Montserrat.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters{
    --f-blue:#06305f;
    --f-white:#ffffff;
    --f-ink:#06305f;
    --f-muted:rgba(6,48,95,.6);
    --f-line:rgba(6,48,95,.16);
    --f-surface:#f5f7fa;
    --f-ease:cubic-bezier(.22,.61,.36,1);
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters *{
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
    box-sizing:border-box;
}

/* ---------- Título de cada filtro (Kollektion, Farbe, …) ---------- */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-title{
    font-size:16px !important;
    font-weight:600 !important;
    color:var(--f-ink) !important;
    letter-spacing:.01em !important;
    margin:0 0 12px !important;
    padding:0 !important;
    border:0 !important;
    text-transform:none !important;
}

/* separación entre filtros */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter{
    margin-bottom:26px !important;
    padding-bottom:26px !important;
    border-bottom:1px solid var(--f-line) !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter:last-child{
    border-bottom:0 !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* ---------- Selects (select-design: Kollektion, Farbe, Design, …) ---------- */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter.select-design select,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter select,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters select{
    width:100% !important;
    border:1px solid var(--f-line) !important;
    border-radius:8px !important;
    padding:13px 44px 13px 16px !important;
    background-color:var(--f-surface) !important;
    color:var(--f-ink) !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:400 !important;
    height:auto !important;
    line-height:1.4 !important;
    box-shadow:none !important;
    cursor:pointer !important;
    -webkit-appearance:none !important;
            appearance:none !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%2306305f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 16px center !important;
    transition:border-color .25s var(--f-ease), background-color .25s var(--f-ease), box-shadow .25s var(--f-ease) !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter select:hover{
    background-color:var(--f-white) !important;
    border-color:rgba(6,48,95,.32) !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter select:focus{
    border-color:var(--f-blue) !important;
    background-color:var(--f-white) !important;
    box-shadow:0 0 0 3px rgba(6,48,95,.10) !important;
    outline:none !important;
}

/* Si YITH usa su dropdown "enhanced" (select2) en vez del nativo */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .select2-container .select2-selection--single{
    height:auto !important;
    border:1px solid var(--f-line) !important;
    border-radius:8px !important;
    background:var(--f-surface) !important;
    padding:7px 12px !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:var(--f-ink) !important;
    line-height:1.6 !important;
    font-size:14px !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:var(--f-blue) transparent transparent !important;
}

/* ---------- Checkbox (checkbox-design: Texturfeld · Glänzend) ---------- */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-items{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item{
    margin:0 0 4px !important;
    padding:0 !important;
    border:0 !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item label,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item a{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:8px 8px !important;
    border-radius:8px !important;
    font-size:14px !important;
    color:var(--f-ink) !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transition:background-color .25s var(--f-ease), color .25s var(--f-ease) !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item label:hover,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item a:hover{
    background:var(--f-surface) !important;
    color:var(--f-blue) !important;
}
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item.chosen label,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item.active label,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filter .filter-item.chosen a{
    color:var(--f-blue) !important;
    font-weight:500 !important;
}

/* ============================================================
   AÑADIR al final del CSS del filtro (Widget → Avanzado →
   CSS personalizado). Estiliza el botón "Filter anwenden"
   (.btn.btn-primary.apply-filters) que salía en fucsia.
   ============================================================ */

.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters button.apply-filters,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary{
    position:relative !important;
    overflow:hidden !important;
    display:inline-block !important;
    width:100% !important;
    background:var(--f-blue,#06305f) !important;
    background-image:none !important;
    color:#ffffff !important;
    border:1px solid var(--f-blue,#06305f) !important;
    border-radius:8px !important;
    padding:15px 26px !important;
    margin-top:6px !important;
    font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.2em !important;
    text-transform:uppercase !important;
    line-height:1 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:0 6px 16px rgba(6,48,95,.18) !important;
    text-shadow:none !important;
    transition:color .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s cubic-bezier(.22,.61,.36,1) !important;
    z-index:0 !important;
}

/* relleno blanco que entra desde la izquierda */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters::before,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn::before,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:#ffffff !important;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .4s cubic-bezier(.22,.61,.36,1) !important;
    z-index:-1 !important;
}

/* estados: matar el fucsia de .btn-primary en hover/focus/active */
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters button.apply-filters:hover,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters button.apply-filters:focus,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .yith-wcan-filters button.apply-filters:active,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:hover,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:focus,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:active,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:hover,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:focus,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:active,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:not(:disabled):not(.disabled):active{
    background:var(--f-blue,#06305f) !important;
    background-image:none !important;
    border-color:var(--f-blue,#06305f) !important;
    color:var(--f-blue,#06305f) !important;
    box-shadow:0 10px 22px rgba(6,48,95,.22) !important;
    outline:none !important;
}

.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:hover::before,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:focus::before,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:hover::before,
.elementor-117565 .elementor-element.elementor-element-4ec04d0 .apply-filters.btn-primary:focus::before{
    transform:scaleX(1);
}

.elementor-117565 .elementor-element.elementor-element-4ec04d0 button.apply-filters:focus-visible{
    outline:2px solid var(--f-blue,#06305f) !important;
    outline-offset:3px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-8523dcc */.woocommerce ul.products li.product img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}/* End custom CSS */