*,
*::before,
*::after {
box-sizing: border-box;
}
:root {
--primary: #52b2e1;
--surface: #ffffff;
--bg-ref: #f4f6f8;
--text-dark: #383e42;
--text-muted: #6b7280;
}
body {
margin: 0;
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
line-height: 1.5;
color: var(--text-dark);
background: #fff;
}
a {
color: inherit;
}
.site-footer {
padding: 16px;
border-top: 1px solid #eee;
border-bottom: 0;
}
.content.home-content {
overflow: hidden;
}
.container {
max-width: 1450px;
margin: 0 auto;
padding: 0 16px;
}
.container--wide {
max-width: 1450px;
}
.site-footer__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.site-title,
.site-title:visited {
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.primary-menu {
display: flex;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
.primary-menu a {
text-decoration: none;
padding: 6px 10px;
border-radius: 6px;
}
.primary-menu a:hover,
.primary-menu a:focus {
background: #f3f4f6;
}
.material-symbols-outlined {
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
line-height: 1;
}
.site-preheader {
background: var(--text-dark);
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-preheader__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 8px 16px;
font-size: 12px;
letter-spacing: 0.02em;
}
.site-preheader__left {
display: flex;
flex-wrap: nowrap;
gap: 18px;
align-items: center;
min-width: 0;
flex: 1;
}
.preheader-item {
display: inline-flex;
align-items: center;
gap: 8px;
opacity: 0.95;
white-space: nowrap;
}
.preheader-item__icon-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 999px;
color: inherit;
text-decoration: none;
flex: 0 0 auto;
}
.preheader-item__icon-button--mobile {
display: none;
}
.preheader-item__icon-button,
.preheader-item__text-button {
border: 0;
background: transparent;
padding: 0;
font: inherit;
color: inherit;
cursor: pointer;
}
.preheader-item__icon-link:hover,
.preheader-item__icon-link:focus,
.preheader-item__text-button:hover,
.preheader-item__text-button:focus {
color: var(--primary);
}
.preheader-item__icon-link--static {
pointer-events: none;
}
.preheader-item__text {
color: inherit;
}
.preheader-item__link {
color: inherit;
text-decoration: none;
}
.preheader-item__link:hover,
.preheader-item__link:focus {
text-decoration: underline;
}
.preheader-cta {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: 600;
letter-spacing: 0.18em;
color: white;
text-decoration: none;
font-size: 12px;
}
.preheader-cta:hover,
.preheader-cta:focus {
opacity: 0.85;
}
.preheader-cta__icon {
font-size: 18px;
line-height: 1;
flex-shrink: 0;
}
.preheader-cta-mobile-item {
display: inline-flex;
align-items: center;
gap: 6px;
}
.site-header--luxury {
background: #fff;
position: sticky;
top: 0;
z-index: 50;
box-shadow: 0 4px 20px -10px rgba(56, 62, 66, 0.05);
}
.contenedor_filtros_superior {
gap: 0 !important;
padding: 0 16px;
}
.sp-filter-sidebar-header {
display: none !important;
}
.woocommerce .sp-filter-main {
max-width: 1450px;
margin: 0 auto;
}
.woocommerce .fq-filter-card--filters .slider-tooltip {
top: 30px;
background-color: #52b2e1;
}
.woocommerce .fq-filter-card--filters #sp-price-slider {
margin-bottom: 60px;
}
@media (min-width: 1025px) {
.site-header--luxury {
transition: transform 0.3s ease, box-shadow 0.3s ease;
will-change: transform;
}
.site-header--luxury.is-scroll-hidden {
transform: translateY(calc(-100% - 8px));
box-shadow: none;
}
.site-header--luxury.is-scroll-visible {
transform: translateY(0);
}
}
.site-header__top {
padding: 18px 0;
}
.site-header__top-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.site-header__brand {
flex: 0 0 auto;
}
.site-brand {
display: inline-flex;
align-items: center;
gap: 12px;
text-decoration: none;
}
.custom-logo,
.woocommerce img.custom-logo,
.woocommerce-page img.custom-logo {
display: block;
max-height: 52px;
width: auto;
}
.sp-filter-search-ajax .sp-filter-search-ajax__header .custom-logo-link img {
display: block;
height: 35px;
max-height: 56px;
max-width: none !important;
width: auto;
}
.site-header__search {
flex: 1 1 auto;
display: flex;
justify-content: center;
}
.header-search {
position: relative;
width: min(620px, 100%);
}
.header-search__icon {
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
pointer-events: none;
}
.header-search__input {
width: 100%;
border: 1px solid #e5e7eb;
background: transparent;
border-radius: 999px;
padding: 14px 18px 14px 52px;
font-size: 14px;
font-weight: 300;
outline: none;
}
.header-search__input:focus {
border-color: rgba(82, 178, 225, 0.4);
box-shadow: 0 0 0 3px rgba(82, 178, 225, 0.12);
}
.site-header__utils {
display: flex;
align-items: center;
gap: 28px;
flex: 0 0 auto;
}
.util-link {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 4px;
text-decoration: none;
position: relative;
color: var(--text-muted);
}
.util-link__icon {
font-size: 26px;
color: var(--text-dark);
transition: transform 0.2s ease, color 0.2s ease;
}
.util-link__label {
font-size: 10px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.18em;
}
.util-link:hover .util-link__icon,
.util-link:focus .util-link__icon {
transform: translateY(-1px);
color: var(--primary);
}
.util-link:hover .util-link__label,
.util-link:focus .util-link__label {
color: var(--primary);
}
.util-link.is-current .util-link__label {
color: var(--primary);
}
.util-link:hover,
.util-link:focus {
color: var(--primary);
}
.util-link.is-current .util-link__icon {
color: var(--primary);
}
.util-link__badge {
position: absolute;
top: -4px;
right: -4px;
background: var(--primary);
color: #fff;
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.util-link__badge.is-empty {
display: none;
}
.site-header__nav {
border-top: 1px solid #f1f5f9;
}
.site-header__nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 12px 16px;
}
.site-header__nav-left {
display: flex;
align-items: center;
min-width: 0;
}
.header-categories {
display: flex;
align-items: center;
gap: 32px;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.header-categories__item {
margin: 0;
}
.header-categories__link,
.header-categories__toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
font-size: 14px;
font-weight: 600;
text-transform: none;
letter-spacing: 0.1em;
color: var(--text-dark);
text-decoration: none;
cursor: pointer;
position: relative;
}
.header-categories__link::after {
content: "";
position: absolute;
bottom: -6px;
left: 0;
width: 0;
height: 2px;
background: var(--primary);
transition: width 0.3s ease;
}
.header-categories__item.is-current .header-categories__link::after,
.header-categories__link:hover::after,
.header-categories__link:focus::after {
width: 100%;
} .header-categories__item--has-children {
position: relative;
}
.header-categories__link-arrow {
font-size: 18px;
transition: transform 0.2s ease;
}
.header-categories__megamenu {
position: absolute;
top: calc(100% + 32px);
left: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
box-shadow: 0 20px 50px rgba(17, 24, 39, 0.12);
padding: 12px 24px;
z-index: 40;
min-width: 260px;
max-width: 94vw;
width: max-content;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
} .header-categories__megamenu::before {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: 12px;
}
.header-categories__item--has-children:hover .header-categories__megamenu,
.header-categories__item--has-children:focus-within .header-categories__megamenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header-categories__item--has-children:hover .header-categories__link-arrow,
.header-categories__item--has-children:focus-within .header-categories__link-arrow {
transform: rotate(180deg);
}
.header-categories__megamenu-list {
list-style: none;
margin: 0;
padding: 0;
display: grid; grid-template-rows: repeat(4, auto);
grid-auto-flow: column;
grid-auto-columns: 240px;
gap: 0.5px 16px;
}
.header-categories__megamenu-item {
margin: 0;
}
.header-categories__megamenu-link {
display: block;
padding: 8px 14px;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
color: var(--text-dark);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: background 0.15s ease, color 0.15s ease;
}
.header-categories__megamenu-link:hover,
.header-categories__megamenu-link:focus,
.header-categories__megamenu-item.is-current .header-categories__megamenu-link {
background: var(--bg-ref);
color: var(--primary);
}
.header-categories__item--dropdown {
position: relative;
}
.header-categories__dropdown {
position: relative;
}
.header-categories__dropdown summary {
list-style: none;
}
.header-categories__dropdown summary::-webkit-details-marker {
display: none;
}
.header-categories__toggle {
padding: 10px 18px;
border: 1px solid #e5e7eb;
border-radius: 999px;
letter-spacing: 0.16em;
font-size: 12px;
}
.header-categories__toggle:hover,
.header-categories__toggle:focus {
border-color: var(--primary);
background: var(--bg-ref);
}
.header-categories__toggle-icon {
font-size: 18px;
color: var(--primary);
}
.header-categories__toggle-arrow {
font-size: 18px;
transition: transform 0.2s ease;
}
.header-categories__dropdown[open] .header-categories__toggle-arrow {
transform: rotate(180deg);
}
.header-categories__menu {
position: absolute;
top: calc(100% + 22px);
left: 0;
min-width: 260px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
box-shadow: 0 20px 50px rgba(17, 24, 39, 0.12);
padding: 12px 24px;
margin: 0;
list-style: none;
z-index: 30;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
}
.header-categories__dropdown[open] .header-categories__menu {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.header-categories__menu::before {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: 12px;
}
.header-categories__menu-item {
margin: 0;
}
.header-categories__menu-link {
display: block;
padding: 8px 14px;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
color: var(--text-dark);
transition: background 0.15s ease, color 0.15s ease;
}
.header-categories__menu-link:hover,
.header-categories__menu-link:focus,
.header-categories__menu-item.is-current .header-categories__menu-link {
background: var(--bg-ref);
color: var(--primary);
}
.util-link--menu {
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
font: inherit;
}
.primary-menu--luxury {
gap: 32px;
}
.primary-menu--luxury a {
padding: 0;
border-radius: 0;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--text-dark);
position: relative;
}
.primary-menu--luxury a:hover,
.primary-menu--luxury a:focus {
background: transparent;
color: var(--text-dark);
}
.primary-menu--luxury a::after {
content: "";
position: absolute;
bottom: -6px;
left: 0;
width: 0;
height: 2px;
background: var(--primary);
transition: width 0.3s ease;
}
.primary-menu--luxury a:hover::after,
.primary-menu--luxury a:focus::after,
.primary-menu--luxury .current-menu-item>a::after,
.primary-menu--luxury .current_page_item>a::after {
width: 100%;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
body.site-cart-open {
overflow: hidden;
}
.site-cart-drawer {
position: fixed;
inset: 0;
z-index: 9999;
pointer-events: none;
}
.site-cart-drawer.is-open {
pointer-events: auto;
}
.site-cart-drawer__overlay {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.45);
opacity: 0;
transition: opacity 0.25s ease;
}
.site-cart-drawer.is-open .site-cart-drawer__overlay {
opacity: 1;
}
.site-cart-drawer__panel {
position: absolute;
top: 0;
right: 0;
width: min(420px, 100%);
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform 0.3s ease;
box-shadow: -12px 0 40px rgba(17, 24, 39, 0.15);
}
.site-cart-drawer.is-open .site-cart-drawer__panel {
transform: translateX(0);
}
.site-cart-drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
border-bottom: 1px solid #e5e7eb;
}
.site-cart-drawer__title {
margin: 0;
font-size: 24px;
font-weight: 500;
color: var(--text-dark);
}
.site-cart-drawer__close {
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--text-dark);
}
.site-cart-drawer__content {
flex: 1 1 auto;
overflow-y: auto;
padding: 20px 24px;
}
.site-cart-drawer__content .woocommerce-mini-cart {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.site-cart-drawer__content .woocommerce-mini-cart-item {
display: grid;
grid-template-columns: 64px 1fr auto;
gap: 12px;
align-items: start;
padding-bottom: 16px;
border-bottom: 1px solid #f1f5f9;
}
.site-cart-drawer__content .woocommerce-mini-cart-item a {
text-decoration: none;
}
.site-cart-drawer__content .woocommerce-mini-cart-item img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 8px;
}
.site-cart-drawer__content .remove {
order: 3;
font-size: 20px;
line-height: 1;
color: var(--text-muted);
}
.site-cart-drawer__content .quantity {
display: block;
margin-top: 6px;
color: var(--text-muted);
font-size: 13px;
}
.site-cart-drawer__content .woocommerce-mini-cart__empty-message {
margin: 0;
color: var(--text-muted);
}
.site-cart-drawer__footer {
flex: 0 0 auto;
padding: 20px 24px 24px;
border-top: 1px solid #e5e7eb;
background: #fff;
}
.site-cart-drawer__subtotal {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
font-size: 15px;
}
.site-cart-drawer__actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.site-cart-drawer__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 20px;
border-radius: 999px;
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
}
.site-cart-drawer__button--secondary {
background: #fff;
color: var(--text-dark);
border-color: #d1d5db;
}
.site-cart-drawer__button:hover,
.site-cart-drawer__button:focus {
opacity: 0.92;
}
body.site-mobile-panel-open {
overflow: hidden;
}
.site-contact-modal,
.site-mobile-search,
.site-mobile-menu {
position: fixed;
inset: 0;
z-index: 9998;
pointer-events: none;
}
.site-contact-modal.is-open,
.site-mobile-search.is-open,
.site-mobile-menu.is-open {
pointer-events: auto;
}
.site-contact-modal__overlay,
.site-mobile-search__overlay,
.site-mobile-menu__overlay {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.46);
opacity: 0;
transition: opacity 0.25s ease;
}
.site-contact-modal.is-open .site-contact-modal__overlay,
.site-mobile-search.is-open .site-mobile-search__overlay,
.site-mobile-menu.is-open .site-mobile-menu__overlay {
opacity: 1;
}
.site-contact-modal__panel,
.site-mobile-search__panel,
.site-mobile-menu__panel {
position: absolute;
background: #fff;
box-shadow: 0 18px 40px rgba(17, 24, 39, 0.18);
}
.site-contact-modal__panel {
left: 50%;
top: 50%;
width: min(520px, calc(100% - 32px));
transform: translate(-50%, calc(-50% + 24px));
border-radius: 20px;
padding: 24px;
opacity: 0;
transition: opacity 0.25s ease, transform 0.25s ease;
}
.site-contact-modal.is-open .site-contact-modal__panel {
opacity: 1;
transform: translate(-50%, -50%);
}
.site-mobile-search__panel {
top: 0;
left: 0;
right: 0;
padding: 20px 16px 24px;
transform: translateY(-100%);
transition: transform 0.25s ease;
}
.site-mobile-search.is-open .site-mobile-search__panel {
transform: translateY(0);
}
.site-mobile-menu__panel {
top: 0;
right: 0;
width: min(380px, 100%);
height: 100%;
transform: translateX(100%);
transition: transform 0.25s ease;
display: flex;
flex-direction: column;
}
.site-mobile-menu.is-open .site-mobile-menu__panel {
transform: translateX(0);
}
.site-mobile-search__header,
.site-mobile-menu__header,
.site-contact-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.site-mobile-search__title,
.site-mobile-menu__title,
.site-contact-modal__title {
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.site-mobile-search__close,
.site-mobile-menu__close,
.site-contact-modal__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 0;
border-radius: 999px;
background: #f3f4f6;
color: var(--text-dark);
cursor: pointer;
}
.site-contact-modal__content {
display: flex;
flex-direction: column;
gap: 18px;
}
.site-contact-modal__item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px;
border-radius: 16px;
background: #f8fafc;
}
.site-contact-modal__icon {
color: var(--primary);
font-size: 24px;
margin-top: 2px;
}
.site-contact-modal__item strong {
display: block;
margin-bottom: 6px;
font-size: 14px;
}
.site-contact-modal__item p {
margin: 0;
font-size: 14px;
color: var(--text-muted);
}
.site-contact-modal__button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 46px;
padding: 0 20px;
border-radius: 999px;
background: var(--primary);
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
}
.site-contact-modal__button .material-symbols-outlined {
font-size: 18px;
}
.site-contact-modal__actions {
display: flex;
justify-content: flex-end;
}
.header-search--mobile {
width: 100%;
}
.site-mobile-menu__header {
padding: 20px 16px;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 0;
}
.site-mobile-menu__content {
flex: 1 1 auto;
overflow-y: auto;
padding: 20px 16px 120px;
}
.site-mobile-menu__block+.site-mobile-menu__block {
margin-top: 28px;
}
.site-mobile-menu__list {
list-style: none;
margin: 14px 0 0;
padding: 0;
}
.site-mobile-menu__list li+li {
margin-top: 8px;
}
.site-mobile-menu__link,
.site-mobile-menu__list a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
border-radius: 14px;
background: #f8fafc;
text-decoration: none;
font-size: 15px;
font-weight: 500;
}
.site-mobile-menu__link.is-current,
.site-mobile-menu__list .current-menu-item>a,
.site-mobile-menu__list a:hover,
.site-mobile-menu__list a:focus {
background: rgba(82, 178, 225, 0.1);
color: var(--primary);
}
.mobile-bottom-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 60;
display: none;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
background: var(--text-dark);
box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.22);
}
.mobile-bottom-bar__item {
position: relative;
display: inline-flex;
flex: 1 1 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 52px;
border: 0;
background: transparent;
color: #fff;
text-decoration: none;
cursor: pointer;
padding: 4px 6px;
font: inherit;
}
.mobile-bottom-bar__icon {
font-size: 24px;
}
.mobile-bottom-bar__icon-image {
width: 24px;
height: 24px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.mobile-bottom-bar__label {
font-size: 10px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.04em;
text-align: center;
}
.mobile-bottom-bar__item--whatsapp .mobile-bottom-bar__label {
color: #fff;
}
.mobile-bottom-bar__item--disabled {
opacity: 0.6;
cursor: default;
}
.mobile-bottom-bar__badge {
position: absolute;
top: 2px;
right: calc(50% - 18px);
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 999px;
background: var(--primary);
color: #fff;
font-size: 10px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mobile-bottom-bar__badge.is-empty {
display: none;
} .entry-title {
margin: 0 0 10px;
}
.entry-content> :first-child {
margin-top: 0;
}
.entry-content> :last-child {
margin-bottom: 0;
}
.woocommerce .products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
}
.woocommerce ul.products li.product {
margin: 0;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 0;
}
.site-footer--luxury {
background: #2d3235;
color: #fff;
}
.site-footer--luxury a {
color: inherit;
}
.footer-newsletter {
padding: 48px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.footer-newsletter__title {
margin: 0 0 6px;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.01em;
}
.footer-newsletter__description {
margin: 0;
font-size: 14px;
font-weight: 300;
color: rgba(255, 255, 255, 0.65);
max-width: 520px;
}
.footer-newsletter__form {
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-end;
width: min(520px, 100%);
}
.footer-newsletter__row {
display: flex;
gap: 12px;
align-items: center;
width: 100%;
justify-content: flex-end;
}
.footer-newsletter__input {
flex: 1 1 auto;
min-width: 240px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.06);
padding: 14px 18px;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
font-weight: 300;
outline: none;
}
.footer-newsletter__input::placeholder {
color: rgba(255, 255, 255, 0.45);
}
.footer-newsletter__input:focus {
border-color: rgba(82, 178, 225, 0.55);
box-shadow: 0 0 0 3px rgba(82, 178, 225, 0.18);
}
.footer-newsletter__button {
border-radius: 999px;
border: 1px solid var(--primary);
background: var(--primary);
color: #fff;
padding: 14px 22px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
cursor: pointer;
white-space: nowrap;
}
.footer-newsletter__button:hover,
.footer-newsletter__button:focus {
background: #3da0d1;
border-color: #3da0d1;
}
.footer-newsletter__consent {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.footer-newsletter__checkbox-label {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 12px;
font-weight: 300;
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
text-align: right;
}
.footer-newsletter__checkbox-label a {
color: rgba(255, 255, 255, 0.9);
text-decoration: underline;
}
.footer-newsletter__checkbox {
margin-top: 2px;
flex: 0 0 auto;
width: 14px;
height: 14px;
accent-color: var(--primary);
cursor: pointer;
}
.footer-newsletter__error {
margin: 0;
color: #ff4d4f;
font-size: 11px;
font-family: 'Poppins', sans-serif;
}
.footer-main {
padding: 64px 0;
display: grid;
grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
gap: 40px;
}
.footer-brand {
display: inline-flex;
align-items: center;
text-decoration: none;
margin-bottom: 18px;
}
.footer-brand .custom-logo {
height: 44px;
}
.footer-brand__image {
display: block;
max-width: 220px;
width: 100%;
height: auto;
}
@media (max-width: 1140px) {
body {
padding-bottom: 65px;
}
.site-preheader__left {
gap: 12px;
}
.site-preheader__right {
gap: 6px !important;
}
.preheader-separator {
margin: 0 6px !important;
}
a.preheader-cta {
font-size: 11px !important;
}
.site-preheader__left .preheader-item span:not(.material-symbols-outlined),
.site-preheader__left .preheader-item__link {
display: none;
}
.site-preheader__left .preheader-item__icon-link--desktop {
display: none;
}
.site-preheader__left .preheader-item__icon-button--mobile {
display: inline-flex;
}
.site-preheader__inner {
padding: 10px 16px;
}
.site-header__top {
padding: 12px 0;
}
.site-header__search,
.site-header__nav {
display: none;
}
.site-header__top-inner {
gap: 12px;
}
.site-header__brand {
flex: 1 1 auto;
min-width: 0;
}
.site-header__brand .custom-logo {
height: 35px;
}
.site-header__utils {
gap: 12px;
}
.util-link__label {
display: none;
}
.util-link__icon {
font-size: 28px;
}
.mobile-bottom-bar {
display: flex;
}
}
@media (max-width: 1024px) {
.site-header__search {
display: none !important;
}
.site-header__utils .util-link--cart.header-cart-icon {
display: none !important;
}
.util-link:hover .util-link__icon,
.util-link:focus .util-link__icon {
transition: none;
}
.util-link:hover .util-link__icon,
.util-link:focus .util-link__icon {
transform: none;
color: var(--primary);
}
} @media (min-width: 768px) {
.footer-toggle__icon {
display: none !important;
}
.footer-toggle__summary {
pointer-events: none !important;
}
} @media (min-width: 768px) {
.footer-toggle__icon {
display: none;
}
.footer-toggle__summary {
pointer-events: none;
}
}
.error-404 {
padding: 56px 0;
text-align: center;
}
.error-404__code {
margin: 0;
font-size: 72px;
font-weight: 600;
letter-spacing: 0.06em;
color: rgba(56, 62, 66, 0.18);
}
.error-404 .page-title {
margin: 0 0 12px;
font-size: 28px;
font-weight: 500;
color: var(--text-dark);
}
.error-404__text {
margin: 0 auto 18px;
max-width: 520px;
color: var(--text-muted);
}
.error-404__actions {
display: flex;
justify-content: center;
margin: 18px 0 22px;
}
.error-404__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 22px;
border-radius: 999px;
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
}
.error-404__button:hover,
.error-404__button:focus {
opacity: 0.92;
}
.error-404__search .search-form {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.error-404__search input[type="search"] {
min-width: min(420px, 100%);
border-radius: 999px;
border: 1px solid #e5e7eb;
padding: 12px 16px;
}
.error-404__search input[type="submit"] {
border-radius: 999px;
border: 1px solid #d1d5db;
background: #fff;
padding: 12px 18px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
cursor: pointer;
}
.error-404__search input[type="submit"]:hover,
.error-404__search input[type="submit"]:focus {
border-color: var(--primary);
color: var(--primary);
}  .sp-filter-wrapper--lateral:has(> .sp-filter-products-container p.woocommerce-info) .sp-filter-products-container {
width: 100%;
}
#sp-filter-products-list>p.woocommerce-info,
.sp-filter-products-container p.woocommerce-info {
width: calc(100% - 30px);
margin-left: 16px;
margin-right: 16px;
box-sizing: border-box;
max-width: calc(100% - 30px);
} .fq-no-products {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 80px 24px;
gap: 12px;
}
.fq-no-products__icon .material-symbols-outlined {
font-size: 64px;
color: #d1d5db;
}
.fq-no-products__title {
font-size: 22px;
font-weight: 300;
color: var(--text-dark, #383e42);
margin: 0;
letter-spacing: -0.02em;
}
.fq-no-products__text {
font-size: 14px;
color: var(--text-muted, #6b7280);
margin: 0;
}
.fq-no-products__actions {
margin-top: 8px;
}
.fq-no-products__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 28px;
border-radius: 999px;
background: var(--primary);
border: 1px solid var(--primary);
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
transition: opacity 0.2s;
}
.fq-no-products__button:hover,
.fq-no-products__button:focus {
opacity: 0.88;
}
.footer-brand__name {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.02em;
}
.footer-brand__description {
margin: 0;
font-size: 13px;
font-weight: 300;
line-height: 1.7;
color: rgba(255, 255, 255, 0.6);
font-style: italic;
max-width: 340px;
}
.footer-social {
display: flex;
align-items: center;
gap: 12px;
margin-top: 20px;
}
.footer-social__link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.75);
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.footer-social__link:hover,
.footer-social__link:focus {
background-color: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
}
.footer-social__icon {
width: 24px;
height: 24px;
display: block;
margin: auto;
}
.footer-heading {
margin: 0 0 18px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
}
.footer-toggle {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-toggle__summary {
display: block;
list-style: none;
cursor: default;
}
.footer-toggle__summary::-webkit-details-marker {
display: none;
}
.footer-toggle__icon {
display: none;
}
.footer-toggle__content {
display: block;
}
.footer-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-menu a {
text-decoration: none;
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
transition: color 0.2s ease;
}
.footer-menu a:hover,
.footer-menu a:focus {
color: var(--primary);
}
.footer-contact {
display: flex;
flex-direction: column;
gap: 14px;
font-size: 13px;
font-weight: 300;
color: rgba(255, 255, 255, 0.6);
}
.footer-contact__item {
display: flex;
gap: 10px;
align-items: center;
}
.footer-contact__icon {
color: var(--primary);
font-size: 24px;
margin-top: 1px;
flex: 0 0 auto;
}
.footer-contact__icon--whatsapp {
color: #25d366;
}
.footer-contact__icon--image {
width: 24px;
height: 20px;
object-fit: contain;
}
.footer-contact__link {
text-decoration: none;
color: rgba(255, 255, 255, 0.85);
}
.footer-contact__link:hover,
.footer-contact__link:focus {
color: var(--primary);
}
.footer-contact__strong {
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
}
.footer-contact__schedule {
padding-top: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer-contact__schedule-title {
margin: 0 0 6px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
color: rgba(255, 255, 255, 0.85);
}
.footer-contact__schedule-text {
margin: 0;
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
line-height: 1.6;
}
.footer-sub {
padding: 22px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 24px;
}
.footer-legal__menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.14em;
color: rgba(255, 255, 255, 0.4);
}
.footer-legal__menu a {
text-decoration: none;
color: inherit;
}
.footer-legal__menu a:hover,
.footer-legal__menu a:focus {
color: rgba(255, 255, 255, 0.85);
}
.footer-copy {
margin: 0;
text-align: center;
font-size: 11px;
font-weight: 300;
letter-spacing: 0.04em;
color: rgba(255, 255, 255, 0.3);
}
.footer-payments {
display: flex;
justify-content: flex-end;
gap: 12px;
opacity: 0.45;
}
.footer-payment {
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 6px 12px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.96);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 64px;
min-height: 28px;
}
.footer-payment__logo,
.woocommerce-page .footer-payment__logo {
display: block;
width: auto;
height: 22px;
max-width: 60px;
}
@media (max-width: 980px) {
.footer-main {
grid-template-columns: 1fr 1fr;
}
.footer-sub {
grid-template-columns: 1fr;
text-align: center;
}
.footer-payments {
justify-content: center;
}
.footer-legal__menu {
justify-content: center;
}
}
@media (max-width: 640px) {
.site-header__brand .custom-logo {
height: 40px;
width: auto;
}
.footer-newsletter {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 36px 0 28px;
}
.footer-newsletter__form {
width: 100%;
align-items: stretch;
}
.footer-newsletter__row {
justify-content: flex-start;
flex-direction: column;
align-items: stretch;
}
.footer-newsletter__input {
min-width: 0;
}
.footer-newsletter__consent {
align-items: flex-start;
}
.footer-newsletter__checkbox-label {
text-align: left;
}
.footer-main {
grid-template-columns: 1fr;
padding: 20px 0 20px;
gap: 22px;
}
.footer-col--brand {
padding-bottom: 10px;
}
.footer-brand {
margin-bottom: 12px;
}
.footer-brand__description {
margin: 0;
max-width: none;
}
.footer-toggle {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 18px;
gap: 0px;
}
.footer-toggle__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
cursor: pointer;
}
.footer-toggle__summary .footer-heading {
margin: 0;
}
.footer-toggle__icon {
display: inline-flex;
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
transition: transform 0.2s ease;
}
.footer-toggle[open] .footer-toggle__icon {
transform: rotate(90deg);
}
.footer-toggle__content {
padding-top: 10px;
}
.footer-toggle:not([open]) .footer-toggle__content {
display: none;
}
} .site-header__utils .header-cart-icon {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 4px !important;
text-decoration: none !important;
position: relative !important;
color: var(--text-muted) !important;
cursor: pointer;
background: none !important;
border: none !important;
padding: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
}
.site-header__utils .header-cart-icon:hover,
.site-header__utils .header-cart-icon:focus {
color: var(--primary) !important;
}
.site-header__utils .header-cart-icon .material-symbols-outlined {
font-size: 26px !important;
color: var(--text-dark) !important;
transform: translateY(-4px) !important;
transition: transform 0.2s ease, color 0.2s ease !important;
}
.site-header__utils .header-cart-icon:hover .material-symbols-outlined,
.site-header__utils .header-cart-icon:focus .material-symbols-outlined {
transform: translateY(-6px) !important;
color: var(--primary) !important;
}
.site-header__utils .header-cart-icon:hover .util-link__label,
.site-header__utils .header-cart-icon:focus .util-link__label {
color: var(--primary) !important;
}
.site-header__utils .header-cart-icon .util-link__label {
font-size: 10px !important;
font-weight: 600 !important;
text-transform: capitalize !important;
letter-spacing: 0.18em !important;
display: block !important;
}
.site-header__utils .header-cart-icon .util-link__badge {
position: absolute;
top: -4px;
right: -4px;
background: var(--primary);
color: #fff;
font-size: 10px;
font-weight: 700;
width: 16px;
height: 16px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.site-header__utils .header-cart-icon .util-link__badge.is-empty {
display: none;
} .mobile-bottom-bar .header-cart-icon {
display: inline-flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 4px !important;
cursor: pointer;
background: none !important;
border: none !important;
padding: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important;
text-decoration: none !important;
}
.mobile-bottom-bar .header-cart-icon .material-symbols-outlined {
color: #fff !important;
font-size: 24px !important;
}
.mobile-bottom-bar .header-cart-icon .mobile-bottom-bar__label {
display: block !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
line-height: 1.2 !important;
color: #fff !important;
}
.mobile-bottom-bar .header-cart-icon .cart-count-fragment {
color: #fff !important;
}  .sp-wsv-theme-light {
--sp-black: var(--text-dark); --sp-white: var(--surface); --sp-bg-main: var(--surface); --sp-bg-input: var(--bg-ref); --sp-text-primary: var(--text-dark); --sp-text-secondary: var(--text-muted); --sp-border-color: #e4e4e7;
--sp-border-focus: var(--primary); --sp-error-bg: #fef2f2;
--sp-error-text: #b91c1c;
--sp-error-border: #fecaca;
} .sp-wsv-theme-light button.sp_btn,
.sp-wsv-theme-light .woocommerce-Button.button {
background-color: var(--primary) !important;
}
.sp-wsv-theme-light button.sp_btn:hover,
.sp-wsv-theme-light .woocommerce-Button.button:hover {
background-color: #4a9ec9 !important;
} .sp-wsv-theme-light .auth_footer a,
.sp-wsv-theme-light .lost_password a {
color: var(--primary) !important;
}   .sp-wsv-theme-light {
--sp-c-bg: var(--surface) !important;
--sp-c-bg-item: var(--bg-ref) !important;
--sp-c-bg-item-hover: rgba(82, 178, 225, 0.08) !important;
--sp-c-surface: var(--bg-ref) !important;
--sp-c-border: #e5e7eb !important;
--sp-c-text: var(--text-dark) !important;
--sp-c-text-muted: var(--text-muted) !important;
--sp-c-accent: var(--primary) !important;
--sp-c-accent-hover: #4a9ec9 !important;
--sp-c-price: var(--text-dark) !important;
--sp-c-remove: var(--text-muted) !important;
--sp-c-remove-hover: #ef4444 !important;
--sp-c-overlay: rgba(0, 0, 0, 0.4) !important;
--sp-c-shadow: rgba(0, 0, 0, 0.06) !important;
--sp-c-btn-text: #ffffff !important;
}   body.sp-wsv-simple {
--spwsv-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
--spwsv-font-size: 14px;
--spwsv-line-height: 1.4;
--spwsv-accent: var(--primary) !important;
--spwsv-accent-2: var(--primary) !important;
--spwsv-on-accent: #ffffff !important;
--spwsv-danger: #ef4444 !important;
--spwsv-danger-border: rgba(239, 68, 68, .55) !important;
--spwsv-notice-success-border: rgba(34, 197, 94, .55) !important;
--spwsv-notice-info-border: rgba(59, 130, 246, .55) !important;
--spwsv-notice-warning-border: rgba(245, 158, 11, .55) !important;
--spwsv-focus-ring: rgba(82, 178, 225, .18) !important;
--spwsv-text: var(--text-dark) !important;
--spwsv-muted: var(--text-muted) !important;
--spwsv-page-bg: var(--surface) !important;
--spwsv-panel-bg: var(--surface) !important;
--spwsv-sidebar-bg: var(--bg-ref) !important;
--spwsv-split-bg: var(--bg-ref) !important;
--spwsv-page-bg-split-main: var(--surface) !important;
--spwsv-page-bg-split-side: var(--bg-ref) !important;
--spwsv-border: #e5e7eb !important;
--spwsv-border-soft: #eef0f3 !important;
background: var(--spwsv-page-bg) !important;
color: var(--spwsv-text) !important;
}
body.sp-wsv-simple.sp-wsv-theme-light .blockUI.blockOverlay {
background: rgba(255, 255, 255, .72) !important;
opacity: 1 !important;
}
body.sp-wsv-simple.sp-wsv-theme-light :where(.woocommerce, .woocommerce-page) :where(.blockUI.blockOverlay, .woocommerce .blockUI.blockOverlay)::before,
body.sp-wsv-simple.sp-wsv-theme-light :where(.woocommerce, .woocommerce-page) .loader::before {
border-color: rgba(82, 178, 225, .18) !important;
border-top-color: rgba(82, 178, 225, .55) !important;
}  .contact-info-card__img {
width: 28px;
height: 28px;
object-fit: contain;
filter: brightness(0) saturate(100%) invert(36%) sepia(95%) saturate(1282%) hue-rotate(88deg) brightness(101%) contrast(101%);
}   :root {
--sp_color_negro: var(--surface); --sp_color_blanco: var(--text-dark); --sp_color_naranja: var(--primary); --sp_color_gris_medio: #e5e7eb; }   .secondary-page-banner {
background-color: #383e42;
padding: 60px 20px;
text-align: center;
width: 100%;
} .title-secondary-page-banner h1 {
color: #ffffff !important;
font-size: 2.5rem;
margin: 0;
font-weight: 700;
} .content-secondary-page {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
line-height: 1.8em;
} .breadcrumbs-secondary-page {
background-color: #f8f9fa; padding: 12px 0;
border-bottom: 1px solid #e9ecef;
font-size: 0.85rem;
}
.breadcrumbs-container {
max-width: 1200px; margin: 0 auto;
padding: 0 20px;
color: #6c757d;
}
.breadcrumbs-container a {
color: #007bff; text-decoration: none;
}
.breadcrumbs-container a:hover {
text-decoration: underline;
}
.breadcrumbs-container .current-crumb {
font-weight: 500;
color: #495057;
}  .fq-product-cat-breadcrumb {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0 0 18px;
}
.fq-product-cat-breadcrumb__list {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
letter-spacing: 0.28em;
text-transform: uppercase;
font-weight: 600;
color: var(--text-muted, #6b7280);
}
.fq-product-cat-breadcrumb__item a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.fq-product-cat-breadcrumb__item a:hover {
color: var(--primary, #52b2e1);
}
.fq-product-cat-breadcrumb__item.is-current span {
color: var(--text-muted, #6b7280);
}
.fq-product-cat-breadcrumb__sep {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--text-muted, #6b7280);
opacity: 0.9;
}
.fq-product-cat-breadcrumb__sep .material-symbols-outlined {
font-size: 16px;
}
.fq-sp-breadcrumb {
margin: 20px 0 24px;
}
@media (max-width: 768px) {
.fq-product-cat-breadcrumb__list {
font-size: 10px;
letter-spacing: 0.2em;
}
.hamburger-toggle span {
display: none !important;
}
} .fq-secondary-page__hero {
padding: 56px 0 48px;
background-size: cover;
background-position: center;
text-align: center;
margin: 0 0 14px;
}
.fq-secondary-page__title {
margin: 0;
font-size: clamp(28px, 3.5vw, 48px);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--primary, #52b2e1);
line-height: 1.15;
}
.fq-secondary-page__content {
padding-top: 40px;
padding-bottom: 60px;
line-height: 1.8;
color: var(--text-dark, #383e42);
font-size: 15px;
}
.fq-secondary-page__content h2 {
font-size: 1.4rem;
font-weight: 600;
margin: 32px 0 12px;
color: var(--text-dark, #383e42);
}
.fq-secondary-page__content h3 {
font-size: 1.1rem;
font-weight: 600;
margin: 24px 0 8px;
}
.fq-secondary-page__content p {
margin: 0 0 16px;
}
@media (max-width: 768px) {
.fq-secondary-page__hero {
padding: 36px 0 32px;
}
.fq-secondary-page__content {
padding-top: 28px;
padding-bottom: 40px;
}
.contenedor_filtros_superior {
margin-bottom: -10px !important;
}
}  .menu_movil .hamburger-container {
max-width: min(380px, 100%);
padding: 0;
background: #fff;
}
.menu_movil .overlay {
background: rgba(17, 24, 39, 0.46);
}
.menu_movil .menu-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 16px;
border-bottom: 1px solid #e5e7eb;
margin: 0;
}
.menu_movil .menu-header__brand {
display: flex;
align-items: center;
}
.menu_movil .menu-header__brand .custom-logo-link {
display: flex;
}
.menu_movil .menu-header__brand .custom-logo {
max-width: 350px;
height: auto;
}
.menu_movil .menu-title {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-dark);
}
.menu_movil .back-arrow {
position: static;
order: -1;
gap: 0;
}
.menu_movil .back-arrow .txt_cerrar {
display: none;
}
.menu_movil .back-arrow .icono_cerrar {
width: 40px;
height: 40px;
border: 0;
border-radius: 999px;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center;
background-image: none;
}
.menu_movil .menu-close {
position: static;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 0;
border-radius: 20px;
background: #f3f4f6;
color: var(--text-dark);
cursor: pointer;
padding: 0 14px;
}
.menu_movil .menu-close:hover {
color: var(--primary);
}
.menu_movil .menu-close .txt_cerrar {
display: inline;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: inherit;
} .menu_movil .menu-close span.icono_cerrar {
font-size: 0 !important;
line-height: 0;
color: inherit;
width: auto;
}
.menu_movil .menu-close span.icono_cerrar::before {
content: "close";
font-family: 'Material Symbols Outlined';
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
font-size: 24px;
line-height: 1;
font-weight: normal;
}
.menu_movil .menu-content {
padding: 20px 16px 120px;
position: static;
}
.menu_movil .menu-categories {
margin-bottom: 28px;
}
.menu_movil .menu-categories__title {
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-dark);
}
.menu_movil .menu-categories__list {
list-style: none;
margin: 14px 0 0;
padding: 0;
}
.menu_movil .menu-categories__list li+li {
margin-top: 8px;
}
.menu_movil .menu-categories__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
border-radius: 14px;
background: #f8fafc;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: var(--text-dark);
transition: background 0.2s, color 0.2s;
}
.menu_movil .menu-categories__link.is-current,
.menu_movil .menu-categories__link:hover,
.menu_movil .menu-categories__link:focus {
background: rgba(82, 178, 225, 0.1);
color: var(--primary);
}
.menu_movil .sp-hamburger-menu,
.menu_movil .sp-hamburger-menu ul {
position: static;
}
.menu_movil .sp-hamburger-menu li {
padding: 0;
margin: 0;
}
.menu_movil .sp-hamburger-menu li+li {
margin-top: 8px;
}
.menu_movil .sp-hamburger-menu li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
border-radius: 14px;
background: #f8fafc;
text-decoration: none;
font-size: 15px;
font-weight: 500;
color: var(--text-dark);
transition: background 0.2s, color 0.2s;
}
.menu_movil .sp-hamburger-menu li a:hover,
.menu_movil .sp-hamburger-menu li a:focus {
background: rgba(82, 178, 225, 0.1);
color: var(--primary);
}
.menu_movil .sp-hamburger-menu .submenu-indicator {
float: none;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 0;
width: 24px;
height: 24px;
}
@media (min-width: 1025px) {
.hamburger-toggle,
.menu_movil {
display: none !important;
}
} @media (max-width: 1024px) {
.site-header__utils {
gap: 12x;
}
.site-header__utils .mi-cuenta-icono-logueado .icono-mi-cuenta,
.site-header__utils .mi-cuenta-icono-no-logueado .icono-mi-cuenta {
font-size: 28px !important;
}
.site-header__utils .hamburger-toggle .user_icon_header {
width: 28px !important;
height: 28px !important;
background-size: contain !important;
}
.site-header__utils .site-navigation-woo>ul>li>a,
.site-header__utils .hamburger-toggle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
} .home-content .sp-faq-wrapper {
padding-top: 48px;
padding-bottom: 48px;
}
.home-content .sp-faq-heading {
margin-top: 0 !important;
}
.home-content .sp-faq-title-main {
font-size: 2rem;
}
@media (max-width: 767px) {
.home-content .sp-faq-wrapper {
padding-top: 36px;
padding-bottom: 36px;
}
.home-content .sp-faq-title-main {
font-size: 1.5rem;
}
}
.site-header__utils .util-link:hover .util-link__label,
.site-header__utils .util-link:focus .util-link__label,
.site-header__utils .util-link:focus-visible .util-link__label,
.site-header__utils .header-cart-icon:hover .util-link__label,
.site-header__utils .header-cart-icon:focus .util-link__label,
.site-header__utils .header-cart-icon:focus-visible .util-link__label {
color: var(--primary) !important;
} body {
overflow-x: hidden;
}
.woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-content form .form-row {
max-width: 100%;
}
a.added_to_cart.wc-forward {
display: none !important;
} .fp-card__cta.fp-card__cta--added {
background-color: var(--fq-color-success, #2e7d32);
border-color: var(--fq-color-success, #2e7d32);
color: #fff;
}#fq-guardia-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 999998;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
backdrop-filter: blur(2px);
}
#fq-guardia-popup-overlay.fq-guardia-popup-overlay--visible {
display: flex;
} #fq-guardia-popup-overlay .fq-guardia-popup {
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.07), 0 16px 48px -4px rgba(0,0,0,0.14) !important;
width: 95vw !important;
max-width: 900px !important;
height: 85vh !important;
max-height: 85vh !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
z-index: 999999 !important;
opacity: 0 !important;
transform: translateY(12px) scale(0.985) !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
box-sizing: border-box !important;
}
#fq-guardia-popup-overlay .fq-guardia-popup--visible {
opacity: 1 !important;
transform: translateY(0) scale(1) !important;
}
.fq-guardia-popup__head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 18px !important;
border-bottom: 1px solid #f3f4f6 !important;
flex-shrink: 0 !important;
}
.fq-guardia-popup__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
color: #111827;
line-height: 1.3;
letter-spacing: -0.01em;
}
.fq-guardia-popup__close {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
background: none;
border: none;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
color: #9ca3af;
border-radius: 6px;
padding: 0;
transition: color 0.15s, background 0.15s;
}
.fq-guardia-popup__close:hover {
color: #111827;
background: #f3f4f6;
}
.fq-guardia-popup__body {
padding: 0 !important;
transition: opacity 0.15s ease !important;
flex: 1 !important;
overflow: hidden !important;
display: flex !important;
}
.fq-guardia-popup__body iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
flex: 1 !important;
} .sp-popup.sp_loading .sp-popup__body {
opacity: 0.45;
pointer-events: none;
} .fq-guardia-popup-error-banner {
display: none;
align-items: flex-start;
gap: 8px;
margin: 0 22px;
padding: 10px 14px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 7px;
font-size: 13px;
color: #b91c1c;
line-height: 1.45;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.25s ease, transform 0.25s ease;
margin-bottom: 0;
}
.fq-guardia-popup-error-banner + .fq-guardia-popup__body {
padding-top: 14px;
}
.fq-guardia-popup-error-banner svg {
flex-shrink: 0;
margin-top: 1px;
color: #ef4444;
}
.fq-guardia-popup-error-banner--visible {
opacity: 1;
transform: translateY(0);
display: flex !important;
} .sp-popup-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
} @media screen and (max-width: 600px) {
.sp-popup {
max-height: 95vh;
border-radius: 10px;
}
.sp-popup-footer {
flex-direction: column;
gap: 8px;
}
.sp-popup-footer button {
width: 100%;
justify-content: center;
}
} body.sp-wsv-theme-dark #fq-guardia-popup-overlay {
background: rgba(0, 0, 0, 0.6);
}
body.sp-wsv-theme-dark .fq-guardia-popup {
background: #1f2937;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 16px 48px -4px rgba(0,0,0,0.5);
}
body.sp-wsv-theme-dark .fq-guardia-popup__head {
border-bottom-color: #374151;
}
body.sp-wsv-theme-dark .fq-guardia-popup__title {
color: #f9fafb;
}
body.sp-wsv-theme-dark .fq-guardia-popup__close {
color: #9ca3af;
}
body.sp-wsv-theme-dark .fq-guardia-popup__close:hover {
color: #f9fafb;
background: #374151;
}
body.sp-wsv-theme-dark .fq-guardia-popup-error-banner {
background: #450a0a;
border-color: #7f1d1d;
color: #fca5a5;
} a[data-open-guardia-popup="true"].preheader-cta {
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.18em !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
} .site-preheader__right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 0 !important;
flex-wrap: nowrap !important;
position: relative !important;
}
.preheader-cta-desktop {
display: flex !important;
align-items: center !important;
gap: 0 !important;
}
.preheader-separator {
width: 1px !important;
height: 18px !important;
background-color: rgba(255, 255, 255, 0.4) !important;
margin: 0 12px !important;
display: inline-block !important;
flex-shrink: 0 !important;
}
a.preheader-cta {
white-space: nowrap !important;
flex-shrink: 0 !important;
} .preheader-cta-mobile-toggle {
display: none !important;
font-family: 'Poppins';
background: none !important;
border: none !important;
color: #fff !important;
cursor: pointer !important;
padding: 4px 8px !important;
margin: 0 8px !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1 !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
display: inline-flex !important;
letter-spacing: 0.1em !important;
transition: opacity 0.2s ease !important;
}
.preheader-cta-mobile-toggle:hover {
opacity: 0.8 !important;
}
.preheader-cta-mobile-toggle .material-symbols-outlined {
font-size: 18px !important;
transition: transform 0.2s ease !important;
}
.preheader-cta-mobile-toggle.active .material-symbols-outlined {
transform: rotate(180deg) !important;
} .preheader-cta-mobile-dropdown {
display: none !important;
position: absolute !important;
top: 100% !important;
right: 0 !important;
background: var(--text-dark) !important;
border-radius: 4px !important;
padding: 8px 0 !important;
margin-top: 4px !important;
min-width: 200px !important;
z-index: 1000 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.preheader-cta-mobile-dropdown.active {
display: block !important;
}
.preheader-cta-mobile-item {
display: flex !important;
padding: 10px 16px !important;
color: #fff !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 500 !important;
white-space: nowrap !important;
transition: background 0.15s ease !important;
}
.preheader-cta-mobile-item:hover {
background: rgba(255, 255, 255, 0.1) !important;
} @media screen and (min-width: 1282px) {
.preheader-cta-mobile-toggle {
display: none !important;
}
.preheader-cta-mobile-dropdown {
display: none !important;
}
} @media screen and (max-width: 1282px) {
.preheader-cta-desktop {
display: none !important;
}
.preheader-cta-mobile-toggle {
display: inline-flex !important;
}
}.home-featured-products {
padding: 32px 0;
background: #fff
}
.home-featured-products__header {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 40px
}
.home-featured-products__kicker {
display: block;
font-family: Poppins, sans-serif;
font-size: .75rem;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
color: #52b2e1;
margin-bottom: 4px
}
.home-featured-products__title {
margin: 0;
font-size: 2rem;
font-weight: 300;
color: #383e42;
line-height: 1.2
}
@media(min-width:768px) {
.home-featured-products__title {
font-size: 2rem
}
}
.home-featured-products__header-right {
display: flex;
align-items: flex-end
}
.home-featured-products__arrows {
display: flex;
gap: 8px
}
.home-featured-products__arrow {
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #d5dde4;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: #9ca3af;
cursor: pointer;
transition: border-color .2s, color .2s
}
.home-featured-products__arrow:hover {
border-color: #52b2e1;
color: #52b2e1
}
.home-featured-products__arrow .material-symbols-outlined {
font-size: 1.2rem
}
.home-featured-products__all-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #52b2e1;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .2s
}
.home-featured-products__all-link:hover {
opacity: .75
}
.home-featured-products__all-link .material-symbols-outlined {
font-size: 19px
}
.home-featured-products__all-link-text--short {
display: none
}
.home-featured-products__viewport {
overflow: hidden
}
.home-featured-products__footer {
display: flex;
justify-content: flex-end;
margin-top: -12px
}
.home-featured-products__track {
display: flex;
gap: 20px;
padding-bottom: 32px;
transition: transform .45s ease;
}
.fp-card {
background: #fff;
border-radius: 12px;
border: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,.05);
display: flex;
flex-direction: column;
overflow: hidden;
flex-shrink: 0;
transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease
}
.fp-card:hover {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
transform: translateY(-4px);
border-color: rgba(82,178,225,.12)
}
.fp-card__image-wrap {
position: relative;
aspect-ratio: 1;
background: #f9fafb;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
}
.fp-card__image {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .6s ease;
padding: 12px;
box-sizing: border-box
}
.fp-card:hover .fp-card__image {
transform: scale(1.1)
}
.fp-card__badge {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
background: #52b2e1;
color: #fff;
font-size: 9px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px
}
.fp-card__badge[data-cat-slug="uncategorized"],
.fp-card__badge[data-cat-slug="sin-categoria"]  {
visibility: hidden
}
.fp-card__body {
padding: 20px;
display: flex;
flex-direction: column;
flex: 1;
gap: 6px
}
.fp-card__brand-wrap {
display: inline-block;
border: 1px solid #f0f0f0;
border-radius: 4px;
padding: 2px 6px;
margin-bottom: 0.7rem;
width: fit-content;
min-height: 22px;
box-sizing: border-box;
}
.fp-card__brand:empty {
visibility: hidden
}
.fp-card__brand-wrap:has(.fp-card__brand:empty) {
visibility: hidden;
min-height: 28px;
padding: 0;
border: none
}
.fp-card__brand {
font-size: .6rem;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: .1em
}
.fp-card__name {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 700;
color: #383e42;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 2.2rem
}
.woocommerce ul.products li.product h3.fp-card__name,
.woocommerce ul.products li.product.fp-card h3.fp-card__name {
padding: 0;
margin: 0
}
.fp-card__name a {
color: inherit;
text-decoration: none;
text-transform: uppercase;
}
.fp-card__name a:hover {
color: #52b2e1
}
.fp-card__desc {
font-size: 12px;
color: #a3a3a3;
font-weight: 300;
line-height: 1.4;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-style: normal;
min-height: 47px
}
.fp-card__desc:empty {
display: none
}
.fp-card__price-wrap {
display: flex;
flex-direction: column;
margin: 0;
margin-top: auto;
margin-bottom: 6px
}
.fp-card__price-row {
display: flex;
align-items: baseline;
gap: 8px
}
.fp-card__price-current {
font-size: 1.125rem;
font-weight: 800;
color: #383e42
}
.fp-card__price-current .woocommerce-Price-amount {
font-size: inherit;
font-weight: inherit;
color: inherit
}
.fp-card__price-old {
font-size: .75rem;
color: #9ca3af
}
.fp-card__price-old .woocommerce-Price-amount {
font-size: inherit;
color: inherit
}
.fp-card__price-tax {
font-size: 9px;
font-weight: 700;
color: #9ca3af;
text-transform: uppercase;
margin-top: 2px
}
.fp-card__cta {
display: block;
width: 100%;
margin-top: 0;
padding: 8px 0;
border: 2px solid #52b2e1;
border-radius: 999px;
background: #52b2e1;
color: #fff;
font-size: .7rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
text-align: center;
text-decoration: none;
transition: background .25s, color .25s;
line-height: 1.4
}
.fp-card__cta:hover {
background: #fff;
color: #52b2e1
}
.fp-card__cta.fp-card__cta--outofstock {
background: #d1d5db;
border-color: #d1d5db;
color: #6b7280;
pointer-events: none;
cursor: not-allowed
}
.fp-card__cta.fp-card__cta--outofstock:hover {
background: #d1d5db;
color: #6b7280
}
.fp-card__badge--outofstock {
background: #e53935
}
.fp-card__image-wrap .fq-fav-btn {
width: 40px;
height: 40px;
box-shadow: 0 1px 3px rgba(0,0,0,.08);
top: 12px;
right: 12px
}
.fp-card__image-wrap .fq-fav-btn:hover {
box-shadow: 0 4px 12px rgba(0,0,0,.12)
}
@media(min-width:768px) and (max-width:1023px) {
.home-featured-products__track {
width: auto
}
.fp-card {
width: calc(33.333vw - 24px)
}
}
@media(min-width:1024px) {
.fp-card {
width: calc(25% - 15px);
min-width: calc(25% - 15px)
}
}
@media(max-width:767px) {
.home-featured-products {
padding: 24px 0 28px
}
.home-featured-products__header {
margin-bottom: 24px
}
.home-featured-products__title {
font-size: 1.5rem
}
.home-featured-products__kicker {
font-size: .625rem
}
.home-featured-products__header-right {
width: auto
}
.home-featured-products__footer {
margin-top: -8px
}
.home-featured-products__all-link {
font-size: .75rem
}
.home-featured-products__all-link .material-symbols-outlined {
font-size: 16px
}
.home-featured-products__all-link-text--full {
display: none
}
.home-featured-products__all-link-text--short {
display: inline
}
.home-featured-products__track {
width: auto;
gap: .5rem
}
.fp-card {
width: calc(50vw - 20px)
}
.fp-card__image {
padding: .375rem
}
.fp-card__badge {
font-size: .5rem;
padding: .25rem .375rem;
top: .375rem;
left: .375rem
}
.fp-card__body {
padding: .75rem
}
.fp-card__brand-wrap {
padding: .125rem .25rem;
min-height: 1rem
}
.fp-card__brand {
font-size: .5rem
}
.fp-card__name {
font-size: .7rem;
min-height: 1.6rem
}
.fp-card__desc {
font-size: .6rem;
line-height: 1.3;
min-height: .75rem
}
.fp-card__desc:empty {
display: none
}
.fp-card__price-wrap {
margin: 0;
margin-top: auto;
margin-bottom: 6px
}
.fp-card__price-current {
font-size: .875rem
}
.fp-card__price-old {
font-size: .6rem
}
.fp-card__price-tax {
font-size: .5rem
}
.fp-card__cta {
font-size: .6rem;
padding: .375rem 0
}
.fp-card__image-wrap .fq-fav-btn {
width: 1.75rem;
height: 1.75rem;
top: .375rem;
right: .375rem
}
.fp-card__image-wrap .fq-fav-btn .material-symbols-outlined {
font-size: .875rem
}
}.fp-card__badge--discount{background:#e53935}
.home-featured-products__track.splide__track{display:block;gap:0;padding:0 0 30px;transition:none}
.home-featured-products .container{padding:0}
.home-featured-products .splide{padding:0}
.splide__list{align-items:stretch;height:auto;will-change:transform;transition:transform .4s ease}
.fp-card.splide__slide{width:auto;min-width:0}.fq-product-cat-header__top {
padding-top: 24px
}
.fq-product-cat-breadcrumb {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0 0 18px
}
.fq-product-cat-breadcrumb__list {
display: inline-flex;
align-items: center;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
letter-spacing: .28em;
text-transform: uppercase;
font-weight: 600;
color: var(--text-muted)
}
.fq-product-cat-breadcrumb__item a {
color: inherit;
text-decoration: none;
transition: color .2s ease
}
.fq-product-cat-breadcrumb__item a:hover {
color: var(--primary)
}
.fq-product-cat-breadcrumb__item.is-current span {
color: var(--text-muted)
}
.fq-product-cat-breadcrumb__sep {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--text-muted);
opacity: .9
}
.fq-product-cat-breadcrumb__sep .material-symbols-outlined {
font-size: 18px
}
.fq-product-cat-header {
padding: 42px 0 36px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
text-align: center;
margin: 0 0 14px
}
.fq-product-cat-header__inner {
max-width: 980px
}
.fq-product-cat-header__title {
margin: 0 0 10px;
font-size: clamp(30px, 3vw, 48px);
line-height: 1.15;
font-weight: 700;
letter-spacing: -.02em;
color: var(--primary)
}
.fq-product-cat-header__description-wrap {
max-width: 980px;
margin: 0 auto
}
.fq-product-cat-header__description {
position: relative;
margin: 0 auto;
color: var(--text-muted);
font-size: 16px;
line-height: 1.7;
font-weight: 300;
max-width: 980px;
overflow: hidden;
transition: max-height .42s cubic-bezier(.22, 1, .36, 1)
}
.fq-product-cat-header__description.is-collapsed:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 32px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .94) 70%, rgba(255, 255, 255, 1))
}
.fq-product-cat-header__toggle {
display: none;
margin: 12px auto 0;
padding: 0;
border: 0;
background: transparent;
color: var(--primary);
font-size: 13px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
cursor: pointer;
transition: opacity .2s ease, color .2s ease
}
.fq-product-cat-header__toggle:hover {
opacity: .8
}
.fq-product-cat-subcats {
margin: 36px 0
}
.fq-product-cat-subcats__viewport {
width: 100%
}
.fq-product-cat-subcats__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
gap: 26px;
align-items: start;
justify-items: center;
padding: 10px 0 18px
}
.fq-product-cat-subcats__item {
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
min-width: 0;
max-width: 140px;
width: 100%
}
.fq-product-cat-subcats__media {
display: block;
width: 80px;
height: 80px;
border-radius: 999px;
border: 0;
padding: 10px;
box-sizing: border-box;
background: rgba(82, 178, 225, .14);
transition: background .25s ease, box-shadow .25s ease, transform .25s ease
}
.fq-product-cat-subcats__media-inner {
display: block;
width: 100%;
height: 100%;
border-radius: 999px;
overflow: hidden;
background: transparent
}
.fq-product-cat-subcats__img,
.fq-product-cat-subcats__img-placeholder {
display: block;
width: 100%;
height: 100%;
border-radius: 999px
}
.fq-product-cat-subcats__img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: scale(1.001)
}
.fq-product-cat-subcats__img-placeholder {
background: transparent
}
.fq-product-cat-subcats__label {
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
color: var(--text-dark);
text-align: center;
line-height: 1.35;
transition: color .25s ease
}
.fq-product-cat-subcats__item:hover .fq-product-cat-subcats__media,
.fq-product-cat-subcats__item:focus .fq-product-cat-subcats__media {
background: rgba(82, 178, 225, .22);
transform: translateY(-1px)
}
.fq-product-cat-subcats__item:hover .fq-product-cat-subcats__label,
.fq-product-cat-subcats__item:focus .fq-product-cat-subcats__label {
color: var(--primary)
}
@media (max-width:1024px) {
.fq-product-cat-header {
padding: 38px 0 32px
}
.fq-product-cat-header__title {
font-size: clamp(28px, 4vw, 40px)
}
.fq-product-cat-subcats__grid {
gap: 22px
}
}
@media (max-width:768px) {
.fq-product-cat-header__top {
padding-top: 18px
}
.fq-product-cat-breadcrumb__list {
font-size: 10px;
letter-spacing: .24em
}
.fq-product-cat-header {
padding: 30px 0 24px
}
.fq-product-cat-header__title {
margin-bottom: 8px
}
.fq-product-cat-header__description {
font-size: 15px
}
.fq-product-cat-header__toggle.is-visible {
display: inline-flex;
align-items: center;
justify-content: center
}
.fq-product-cat-subcats__viewport.has-mobile-carousel {
overflow: hidden;
touch-action: pan-y;
padding: 4px 0 10px
}
.fq-product-cat-subcats__grid {
grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
gap: 18px
}
.fq-product-cat-subcats__grid.has-mobile-carousel {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
gap: 14px;
padding: 8px 0 16px;
transition: transform .35s ease;
will-change: transform
}
.fq-product-cat-subcats__grid.has-mobile-carousel .fq-product-cat-subcats__item {
flex: 0 0 88px;
max-width: 88px
}
.fq-product-cat-subcats__media {
width: 68px;
height: 68px
}
.fq-product-cat-subcats__label {
font-size: 10px;
letter-spacing: .22em
}
}
.woocommerce ul.products li.product .fp-card {
min-width: 0;
max-width: none;
width: 100%;
flex-shrink: 1;
height: 100%
}
.woocommerce ul.products li.product .fp-card__image-wrap a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
background: #ffffff;
}
.woocommerce ul.products li.product .fp-card__body {
height: 100%
}
.woocommerce ul.products li.product .fp-card__price-wrap {
margin-top: auto
}
.woocommerce ul.products li.product .fp-card__cta {
box-sizing: border-box
}
.sp-filter-products-container ul.products li.product .fp-card__brand-wrap {
display: block;
margin-bottom: 1rem;
width: fit-content
}
.sp-filter-products-container ul.products li.product .fp-card__cta,
.sp-filter-products-container ul.products li.product .fp-card__cta.button,
.sp-filter-products-container ul.products li.product a.fp-card__cta.button.add_to_cart_button {
display: block !important;
width: 100% !important;
margin-top: 10px !important;
padding: 7px !important;
border: 2px solid #52b2e1 !important;
border-radius: 999px !important;
background: #52b2e1 !important;
color: #fff !important;
font-size: .7rem !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
text-align: center !important;
text-decoration: none !important;
box-sizing: border-box !important;
white-space: normal !important
}
.sp-filter-products-container ul.products li.product .fp-card__cta:hover,
.sp-filter-products-container ul.products li.product .fp-card__cta.button:hover,
.sp-filter-products-container ul.products li.product a.fp-card__cta.button.add_to_cart_button:hover {
background: #fff !important;
color: #52b2e1 !important;
border-color: #52b2e1 !important
}
.woocommerce ul.products li.product .fp-card__cta.fp-card__cta--outofstock,
.sp-filter-products-container ul.products li.product .fp-card__cta.fp-card__cta--outofstock,
.sp-filter-products-container ul.products li.product a.fp-card__cta.fp-card__cta--outofstock.add_to_cart_button {
background: #d1d5db !important;
border-color: #d1d5db !important;
color: #6b7280 !important;
pointer-events: none !important;
cursor: not-allowed !important
}
.sp-filter-products-container ul.products li.product .fp-card__cta.fp-card__cta--outofstock:hover,
.sp-filter-products-container ul.products li.product a.fp-card__cta.fp-card__cta--outofstock.add_to_cart_button:hover {
background: #d1d5db !important;
color: #6b7280 !important;
border-color: #d1d5db !important
}
.fp-card__badge--outofstock {
background: #e53935 !important
}
.fq-product-cat-intro {
max-width: 980px;
margin: 14px auto 0;
color: var(--text-muted);
font-size: 16px;
line-height: 1.7;
font-weight: 300
}
.fq-product-cat-after-listing {
margin: 56px auto 0;
padding: 48px 0;
border-top: 1px solid rgba(0, 0, 0, .08)
}
.fq-product-cat-seo {
max-width: 980px;
color: var(--text-dark);
font-size: 15px;
line-height: 1.7
}
.fq-product-cat-seo h2,
.fq-product-cat-seo h3 {
color: var(--primary);
line-height: 1.3
}
.fq-product-cat-faq {
max-width: 980px
}.woocommerce  .sp-filter-main, .woocommerce  .sp-filter-wrapper, .woocommerce  .sp-filter-wrapper>.elementor-shortcode {
align-items: flex-start
}
.woocommerce  .sp-filter-wrapper {
gap: 20px!important
}
.woocommerce  .sp-filter-sidebar {
background: transparent!important;
padding: 0!important;
border: 0!important;
display: flex;
flex-direction: column;
gap: 18px;
width: 320px!important;
max-width: 320px!important
}
.woocommerce  .sp-filter-sidebar--fixed {
background: #fff!important;
padding: 20px 16px 28px!important
}
.woocommerce  .fq-filter-card {
background: #f8fafc!important;
border: 1px solid #e6edf5!important;
border-radius: 4px;
padding: 24px;
box-shadow: 0 16px 34px -28px rgba(31,41,55,.38)
}
.woocommerce  .sp-filter-products-container {
display: flex;
flex-direction: column
}
.woocommerce  .fq-product-cat-promo {
display: block;
margin: 0 0 22px;
border: 1px solid #e6edf5;
border-radius: 4px;
overflow: hidden;
background: #f8fafc;
box-shadow: 0 16px 34px -28px rgba(31,41,55,.25)
}
.woocommerce  .fq-product-cat-promo__image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 60/13;
object-fit: cover
}
.woocommerce  .fq-filter-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 18px
}
.woocommerce  .fq-filter-card__title {
margin: 0;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--text-dark)
}
.woocommerce  .fq-filter-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--primary)
}
.woocommerce  .fq-filter-card__icon .material-symbols-outlined {
font-size: 20px;
font-variation-settings: "FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20
}
.woocommerce  .fq-filter-card__actions {
display: flex;
align-items: center;
gap: 10px
}
.woocommerce  .fq-filter-card__body {
display: flex;
flex-direction: column;
gap: 0
}
.woocommerce  .fq-filter-card--order .sp-filter-item, .woocommerce  .fq-filter-card--categories .sp-filter-item, .woocommerce  .fq-filter-card--filters>.sp-filter-item, .woocommerce  .fq-filter-card--filters>.sp-filter-apply-wrapper {
margin: 0!important
}
.woocommerce  #sp-filter-order {
-webkit-appearance: none;
appearance: none;
width: 100%;
min-height: 46px;
border: 1px solid #d9e3ef;
border-radius: 999px;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2352b2e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/18px;
color: var(--text-muted);
font-size: 15px;
font-weight: 400;
padding: 12px 50px 12px 18px;
box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
cursor: pointer;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease
}
.woocommerce  #sp-filter-order:hover {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(82,178,225,.08)
}
.woocommerce  #sp-filter-order:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(82,178,225,.12)
}
.woocommerce  .fq-filter-card--order label[for="sp-filter-order"], .woocommerce  .fq-filter-card--categories .sp-filter-categories>.toggle {
display: none!important
}
.woocommerce  .fq-filter-card--order #sp-filter-order {
-webkit-appearance: none;
appearance: none;
width: 100%;
min-height: 46px;
border: 1px solid #d9e3ef!important;
border-radius: 999px!important;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2352b2e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/18px;
color: var(--text-muted)!important;
font-size: 15px;
font-weight: 400;
padding: 12px 50px 12px 18px;
box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
cursor: pointer;
outline: none;
transition: border-color .2s ease,box-shadow .2s ease
}
.woocommerce  .fq-filter-card--order #sp-filter-order:hover {
border-color: var(--primary)!important;
box-shadow: 0 0 0 3px rgba(82,178,225,.08)
}
.woocommerce  .fq-filter-card--order #sp-filter-order:focus {
border-color: var(--primary)!important;
box-shadow: 0 0 0 3px rgba(82,178,225,.12)
}
.woocommerce  .fq-filter-card--categories ul.sp-category-level {
padding-left: 0!important;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px
}
.woocommerce  .fq-filter-card--categories li.sp-category-item {
gap: 0
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 6px 0;
color: var(--text-muted);
font-size: 15px;
font-weight: 400;
line-height: 1.5
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label::after {
content: "\e5cc";
font-family: "Material Symbols Outlined";
font-size: 18px;
line-height: 1;
color: #b6c1cd;
transition: transform .2s ease,color .2s ease
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label:hover {
color: var(--primary)
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label:hover::after {
color: var(--primary);
transform: translateX(2px)
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label input {
position: absolute;
opacity: 0;
pointer-events: none
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label:has(input:checked) {
color: var(--primary);
font-weight: 500
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label:has(input:checked)::after {
color: var(--primary)
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>ul {
padding-left: 14px!important;
margin: 2px 0 6px;
border-left: 1px solid #e7edf4
}
.woocommerce  .fq-filter-card--filters {
gap: 0
}
.woocommerce  .fq-filter-card--filters>.sp-filter-item, .woocommerce  .fq-filter-card--filters>.sp-filter-apply-wrapper {
padding: 0 0 18px
}
.woocommerce  .fq-filter-card--filters>.sp-filter-item+.sp-filter-item, .woocommerce  .fq-filter-card--filters>.sp-filter-item+.sp-filter-apply-wrapper {
padding-top: 18px;
border-top: 1px solid #ebf0f5
}
.woocommerce  .fq-filter-card--filters .sp-filter-item p.toggle, .woocommerce  .fq-filter-card--filters .sp-filter-item label p {
margin: 0;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--text-dark)
}
.woocommerce  .fq-filter-card--filters .sp-filter-item p.toggle {
padding-right: 18px
}
.woocommerce  .fq-filter-card--filters .sp-filter-item p.toggle:before {
width: 8px;
height: 8px;
border-right: 1.8px solid #768396;
border-bottom: 1.8px solid #768396;
transform: translateY(3px) rotate(45deg)
}
.woocommerce  .fq-filter-card--filters .sp-filter-item p.toggle.active:before {
transform: translateY(7px) rotate(-135deg)
}
.woocommerce  .fq-filter-card--filters .toggle-wrapper, .woocommerce  .fq-filter-card--filters ul.sp-filter-column, .woocommerce  .fq-filter-card--filters ul.sp-tag-list {
padding-left: 0!important;
margin: 14px 0 0;
display: grid;
gap: 10px
}
.woocommerce  .fq-filter-card--filters ul.sp-filter-column {
grid-template-columns: 1fr
}
.woocommerce  .fq-filter-card--filters .sp-brand-level.sp-filter-column, .woocommerce  .fq-filter-card--filters .sp-category-level.sp-filter-column {
gap: 8px
}
.woocommerce  .fq-filter-card--filters .sp-attributte-item, .woocommerce  .fq-filter-card--filters .sp-brand-item, .woocommerce  .fq-filter-card--filters .sp-tag-item {
list-style: none
}
.woocommerce  .fq-filter-card--filters .sp-attributte-item label, .woocommerce  .fq-filter-card--filters .sp-brand-item label, .woocommerce  .fq-filter-card--filters .sp-tag-item label {
display: flex;
align-items: center;
gap: 10px;
color: var(--text-muted);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
cursor: pointer
}
.woocommerce  .fq-filter-card--filters input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
flex: 0 0 18px;
width: 18px;
height: 18px;
margin: 0;
border: 1px solid #d7e0ea;
border-radius: 4px;
background: #fff;
box-shadow: inset 0 1px 1px rgba(15,23,42,.04);
transition: border-color .2s ease,background-color .2s ease,box-shadow .2s ease
}
.woocommerce  .fq-filter-card--filters input[type="checkbox"]:checked {
border-color: var(--primary);
background: var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.1l2.1 2.1L9.5 3.4' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/12px;
box-shadow: 0 0 0 3px rgba(82,178,225,.1)
}
.woocommerce  .fq-filter-card--filters input[type="checkbox"]:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(82,178,225,.12)
}
.woocommerce  .fq-filter-card--filters .sp-filter-price-range label[for="sp-price-slider"] {
display: block
}
.woocommerce  .fq-filter-card--filters #sp-price-slider {
margin-top: 18px!important;
height: 6px;
border: 0!important;
background: #dfe7ef!important;
border-radius: 999px
}
.woocommerce  .fq-filter-card--filters .ui-widget-header {
background: var(--primary)!important;
border: 0!important;
border-radius: 999px
}
.woocommerce  .fq-filter-card--filters .ui-state-default, .woocommerce  .fq-filter-card--filters .ui-widget-content .ui-state-default, .woocommerce  .fq-filter-card--filters .ui-widget-header .ui-state-default {
top: -7px!important;
width: 20px!important;
height: 20px!important;
border: 2px solid #fff!important;
border-radius: 50%!important;
background: var(--primary)!important;
box-shadow: 0 8px 16px -10px rgba(31,41,55,.55);
cursor: grab!important
}
.woocommerce  .fq-filter-card--filters .slider-tooltip {
top: 30px;
background: var(--primary)!important;
border-radius: 999px;
padding: 4px 9px;
font-size: 12px;
font-weight: 600
}
.woocommerce  .fq-filter-card--filters .ocultar-campos {
display: none!important
}
.woocommerce  .fq-filter-card--filters #sp-filter-apply {
width: 100%;
min-height: 48px;
border: 0!important;
border-radius: 999px!important;
background: var(--primary)!important;
color: #fff!important;
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"!important;
font-size: 14px!important;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
box-shadow: none;
transition: transform .2s ease,background-color .2s ease
}
.woocommerce  .fq-filter-card--filters #sp-filter-apply:hover {
background: #3da4d6!important;
transform: translateY(-1px)
}
.woocommerce  .fq-filter-card--filters .sp-filter-apply-wrapper {
position: static!important;
bottom: auto!important;
margin-top: 0!important
}
.woocommerce  .fq-filter-card--filters .sp-filter-apply-wrapper:before, .woocommerce  .fq-filter-card--filters .sp-filter-apply-wrapper:after {
display: none!important
}
.woocommerce  #sp-filter-reset {
display: none;
background: none!important;
border: 0!important;
padding: 0!important;
margin: 0!important;
width: auto!important;
color: var(--primary)!important;
font-size: 13px;
font-weight: 700;
letter-spacing: .04em;
text-transform: none;
cursor: pointer
}
.woocommerce  #sp-filter-reset:hover {
text-decoration: underline;
background: none!important
}
.woocommerce  #sp_btn_filtrar_movil {
border-radius: 999px!important;
padding: 12px 16px!important;
border-color: var(--primary)!important;
background: var(--primary)!important;
box-shadow: 0 14px 28px -18px rgba(31,41,55,.6);
bottom: 90px;
left: auto;
right: 10px;
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"!important;
}
.woocommerce  #sp_btn_filtrar_movil * {
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"!important;
}
.woocommerce  #sp_btn_filtrar_movil:hover {
background: #fff!important;
color: var(--primary)!important
}
.woocommerce  #sp_btn_filtrar_movil:hover svg * {
fill: var(--primary)!important
}
@media (max-width: 1200px) {
.woocommerce  .sp-filter-wrapper--lateral .sp-filter-products-container {
width:calc(100% - 20px - 320px)!important
}
.woocommerce  .sp-filter-sidebar {
width: 320px!important;
max-width: 320px!important
}
}
@media (max-width: 991px) {
.woocommerce  .sp-filter-sidebar {
width:100%!important;
max-width: none!important
}
.woocommerce  .sp-filter-sidebar--fixed .fq-filter-card {
padding: 20px;
margin-top: 0px;
}
section.fq-filter-card.fq-filter-card--order {
margin-top: 50px !important;
}
.woocommerce  .fq-filter-card__title {
font-size: 13px;
letter-spacing: .14em
}
.sp-filter-wrapper--fixed .sp-filter-sidebar-header {
margin-top: 32px;
display: block !important;
border: none;
padding: 0;
margin: -10px !important;
}
span.menu-title {
display: none;
}
.sp-filter-sidebar-header .menu-close {
top: 20px !important;
right: 20px !important;
background: var(--primary) !important;
border-radius: 999px;
padding: 4px 9px;
font-size: 12px;
font-weight: 600;
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji" !important;
display: flex !important;
align-items: center !important;
gap: 4px;
line-height: 1 !important;
}
.sp-filter-sidebar-header .menu-close * {
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji" !important;
}
.sp-filter-sidebar-header .menu-close span.txt_cerrar,
.sp-filter-sidebar-header .menu-close span.icono_cerrar{
color: var(--sp_color_filtros_blanco) !important;
}
}
@media (max-width: 767px) {
.woocommerce  .sp-filter-sidebar--fixed {
padding:18px 14px 24px!important
}
.woocommerce  .fq-filter-card {
padding: 18px
}
.woocommerce  .fq-filter-card__head {
margin-bottom: 16px
}
.woocommerce  .fq-filter-card--categories li.sp-category-item>label,.woocommerce  .fq-filter-card--filters .sp-attributte-item label,.woocommerce  .fq-filter-card--filters .sp-brand-item label,.woocommerce  .fq-filter-card--filters .sp-tag-item label {
font-size: 14px
}
.woocommerce  .fq-filter-card--filters #sp-filter-apply {
min-height: 46px;
font-size: 12px
}
.woocommerce  .fq-product-cat-promo {
margin-bottom: 18px
}
.woocommerce  .fq-product-cat-promo__image {
aspect-ratio: 16/6
}
} .woocommerce  .sp-filter-wrapper .contenedor_filtros_superior h3,
.woocommerce  .sp-filter-wrapper>h3,
.woocommerce  .sp-wsv-title,
.woocommerce  .sp-filter-title{display:none!important} .woocommerce  #sp-filter-pagination.woocommerce-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:32px 0 32px;margin:0;border:0!important}
.woocommerce  #sp-filter-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease;border:1px solid transparent;color:var(--text-muted);background:transparent}
.woocommerce  #sp-filter-pagination .page-numbers:not(.current):not(.prev):not(.next):not(.dots){background:#f0f2f5;color:var(--text-muted)}
.woocommerce  #sp-filter-pagination .page-numbers:hover{background:#f0f5fa;border-color:#e6edf5;color: var(--primary);}
.woocommerce  #sp-filter-pagination .page-numbers.current{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;font-weight:600}
.woocommerce  #sp-filter-pagination .page-numbers.prev,
.woocommerce  #sp-filter-pagination .page-numbers.next{font-size:18px;font-weight:400;color:#9aacbe;border-color:#e6edf5;background:#fff}
.woocommerce  #sp-filter-pagination .page-numbers.prev:hover,
.woocommerce  #sp-filter-pagination .page-numbers.next:hover{background:#f0f5fa;color:var(--primary);border-color:var(--primary)}
.woocommerce  #sp-filter-pagination .page-numbers.dots{width:auto;min-width:24px;border:0;cursor:default;color:#9aacbe;font-size:15px} .woocommerce  #sp-filter-desktop-grid{display:flex;align-items:center;gap:10px}
.woocommerce  #sp-filter-desktop-grid>span{font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}
.woocommerce  #sp-filter-desktop-grid-inner{display:flex;align-items:center;gap:4px}
.woocommerce  .sp-filter-desktop-grid-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:4px;border:1px solid #dde5ef;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.woocommerce  .sp-filter-desktop-grid-btn svg{display:block;width:18px;height:18px}
.woocommerce  .sp-filter-desktop-grid-btn svg path{stroke:#8fa3b8;transition:stroke .2s ease}
.woocommerce  .sp-filter-desktop-grid-btn:hover{border-color:#b0c4d8;background:#f5f8fb}
.woocommerce  .sp-filter-desktop-grid-btn:hover svg path{stroke:#5e7a94}
.woocommerce  .sp-filter-desktop-grid-btn.active{border-color:var(--text-dark)!important;background:var(--text-dark)!important}
.woocommerce  .sp-filter-desktop-grid-btn.active svg path{stroke:#fff!important}
@media(max-width:767px){
.woocommerce  #sp-filter-desktop-grid{display:none}
.woocommerce  #sp-filter-pagination .page-numbers{width:34px;height:34px;font-size:13px}
}
.woocommerce  .fq-order-dropdown {
position: relative;
width: 100%
}
.woocommerce  .fq-order-dropdown__trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
min-height: 46px;
border: 1px solid #d9e3ef;
border-radius: 999px;
background: #fff;
color: var(--text-muted);
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 15px;
font-weight: 400;
padding: 12px 18px;
cursor: pointer;
outline: none;
box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
transition: border-color .2s ease, box-shadow .2s ease
}
.woocommerce  .fq-order-dropdown__trigger:hover {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(82,178,225,.08)
}
.woocommerce  .fq-order-dropdown__trigger:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(82,178,225,.12)
}
.woocommerce  .fq-order-dropdown__selected {
flex: 1;
text-align: left;
color: var(--text-muted);
font-size: 15px;
font-weight: 400
}
.woocommerce  .fq-order-dropdown__arrow {
font-size: 22px;
color: var(--primary);
transition: transform .25s ease
}
.woocommerce  .fq-order-dropdown.is-open .fq-order-dropdown__arrow {
transform: rotate(180deg)
}
.woocommerce  .fq-order-dropdown__panel {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 100;
background: #fff;
border: 1px solid #e6edf5;
border-radius: 12px;
box-shadow: 0 12px 40px -12px rgba(31,41,55,.28);
padding: 6px;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity .25s ease, transform .25s ease, visibility .25s ease
}
.woocommerce  .fq-order-dropdown.is-open .fq-order-dropdown__panel {
opacity: 1;
visibility: visible;
transform: translateY(0)
}
.woocommerce  .fq-order-dropdown__option {
display: block;
width: 100%;
text-align: left;
background: none;
border: 0;
border-radius: 8px;
padding: 10px 14px;
margin: 2px 0;
color: #4a5568;
font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 14px;
font-weight: 400;
line-height: 1.4;
cursor: pointer;
transition: background-color .18s ease, color .18s ease
}
.woocommerce  .fq-order-dropdown__option:hover,
.woocommerce  .fq-order-dropdown__option:focus {
background: #f0f7fc;
color: var(--primary);
outline: none
}
.woocommerce  .fq-order-dropdown__option.is-selected {
background: var(--primary);
color: #fff;
font-weight: 600
} .sp-filter-search-ajax .sp-filter-sidebar--fixed .sp-filter-sidebar-header {
position: absolute !important;
top: 12px;
right: 12px;
display: block !important;
padding: 0;
margin: 0;
border: none;
z-index: 1;
}
.woocommerce .sp-filter-search-ajax .sp-filter-sidebar--fixed .sp-filter-sidebar-header .menu-title {
display: none;
}
.sp-filter-search-ajax .sp-filter-sidebar--fixed .sp-filter-sidebar-header .menu-close {
background: #e5e7eb;
border: none;
cursor: pointer;
color: #666;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
outline: none;
}
.sp-filter-search-ajax .sp-filter-sidebar--fixed .sp-filter-sidebar-header .menu-close:hover {
background: #d1d5db;
}.fq-shop-slider {
position: relative;
overflow: hidden;
margin: 0 0 24px;
border-radius: 6px;
border: 1px solid #e6edf5;
background: #f8fafc;
box-shadow: 0 16px 34px -28px rgba(31,41,55,.25)
}
.fq-shop-slider__track {
position: relative;
width: 100%
} .fq-shop-slider__slide {
display: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 48px 40px;
min-height: 220px
}
.fq-shop-slider__slide.is-active {
display: flex;
align-items: center
}
.fq-shop-slider__inner {
display: flex;
align-items: center;
gap: 48px;
width: 100%
} .fq-shop-slider__img-wrap {
flex-shrink: 0;
width: 45%;
max-width: 520px;
border-radius: 6px;
overflow: hidden;
aspect-ratio: 16/7;
background: var(--bg-ref,#f4f6f8)
}
.fq-shop-slider__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
} .fq-shop-slider__content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px
}
.fq-shop-slider__kicker {
font-size: 10px;
font-weight: 700;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--primary,#52b2e1)
}
.fq-shop-slider__title {
font-size: clamp(1.6rem,3vw,2.4rem);
font-weight: 300;
color: var(--text-dark,#383e42);
margin: 0;
line-height: 1.2;
letter-spacing: -.02em
}
.fq-shop-slider__desc {
font-size: 14px;
font-weight: 300;
color: var(--text-muted,#6b7280);
line-height: 1.7;
margin: 0
}
.fq-shop-slider__cta {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 8px;
margin-top: 8px;
padding: 10px 28px;
border-radius: 999px;
background: var(--primary,#52b2e1);
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
text-decoration: none;
transition: background .25s ease, box-shadow .25s ease;
box-shadow: 0 10px 24px -8px rgba(82,178,225,.4)
}
.fq-shop-slider__cta:hover {
background: #3da4d6;
box-shadow: 0 12px 28px -8px rgba(82,178,225,.5)
} .fq-shop-slider__controls {
position: absolute;
bottom: 20px;
right: 24px;
display: flex;
gap: 8px;
z-index: 2
}
.fq-shop-slider__arrow {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(0,0,0,.12);
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--text-muted,#6b7280);
cursor: pointer;
transition: border-color .2s, color .2s, box-shadow .2s
}
.fq-shop-slider__arrow:hover {
border-color: var(--primary,#52b2e1);
color: var(--primary,#52b2e1);
box-shadow: 0 4px 12px rgba(82,178,225,.2)
}
.fq-shop-slider__arrow .material-symbols-outlined {
font-size: 18px
} @media (max-width: 768px) {
.fq-shop-slider__inner {
flex-direction: column;
gap: 24px
}
.fq-shop-slider__img-wrap {
width: 100%;
max-width: 100%;
aspect-ratio: 16/6
}
.fq-shop-slider__slide {
padding: 32px 24px
}
.fq-shop-slider__controls {
position: static;
justify-content: center;
padding: 12px 0 8px
}
}
@media (max-width: 480px) {
.fq-shop-slider__cta {
align-self: stretch;
justify-content: center
}
}.blog-hero {
background-size: cover;
background-position: center;
}
.blog-hero__card {
display: flex;
align-items: center;
text-align: center;
}
.blog-hero__content {
max-width: 980px;
margin: 0 auto;
padding: 42px 0 36px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 12px;
}
.blog-hero .blog-hero__kicker {
color: var(--primary, #52b2e1);
font-size: 0.80rem;
font-weight: 700;
letter-spacing: 0.32em;
text-transform: uppercase;
display: block;
margin-bottom: 4px;
}
.blog-hero .blog-hero__heading {
margin: 0 0 10px;
font-size: clamp(30px, 3vw, 48px);
line-height: 1.15;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--primary, #52b2e1);
}
.blog-layout {
display: flex;
gap: 32px;
padding-top: 40px;
padding-bottom: 60px;
width: 100%;
}
.blog-main {
flex: 1;
min-width: 0;
}
.blog-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.blog-card {
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 18px;
overflow: hidden;
display: flex;
flex-direction: column;
min-width: 200px;
max-width: 260px;
flex: 1 1 220px;
height: 420px;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.blog-card:hover {
box-shadow: 0 8px 25px rgba(56, 62, 66, 0.08);
transform: translateY(-5px);
}
.blog-card__image-link {
display: block;
width: 100%;
height: 60%;
}
.blog-card__badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
background: var(--primary, #52b2e1);
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 6px;
line-height: 1;
transition: background .2s ease;
}
.blog-card__badge a {
color: inherit;
text-decoration: none;
}
.blog-card__badge a:hover {
text-decoration: underline;
}
.blog-card__image-link img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-card__placeholder {
display: block;
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--bg-ref, #f4f6f8) 0%, #e5e7eb 100%);
}
.blog-card__default-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-card__body {
padding: 12px 14px 16px;
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}
.blog-card__title {
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-card__title a {
color: var(--text-dark, #383e42);
text-decoration: none;
}
.blog-card__title a:hover {
color: var(--primary, #52b2e1);
}
.blog-card__excerpt {
margin: 0;
font-size: 0.8rem;
color: var(--text-muted, #6b7280);
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 300;
height: 2.4rem;
}
.blog-card__link {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: auto;
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--primary, #52b2e1);
text-decoration: none;
z-index: 0;
}
.blog-card__link .material-symbols-outlined {
font-size: 1rem;
transform: translateY(3px);
}
.blog-sidebar {
width: 300px;
flex-shrink: 0;
}
.blog-sidebar .widget {
margin-bottom: 24px;
padding: 28px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
}
.blog-sidebar .widget:last-child {
margin-bottom: 0;
}
.blog-sidebar .widget-title {
margin: 0 0 20px;
padding-bottom: 12px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: var(--text-dark, #383e42);
border-bottom: 2px solid var(--primary, #52b2e1);
}
.blog-sidebar .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-sidebar .widget ul li {
padding: 8px 0;
border-bottom: 1px solid #f1f5f9;
}
.blog-sidebar .widget ul li:last-child {
border-bottom: none;
}
.blog-sidebar .widget a {
color: var(--text-muted, #6b7280);
text-decoration: none;
font-size: 0.85rem;
transition: color 0.2s ease, padding-left 0.2s ease;
display: inline-block;
}
.blog-sidebar .widget a:hover {
color: var(--primary, #52b2e1);
padding-left: 4px;
}
.blog-filter-toggle,
.blog-filter-overlay,
.blog-filter-close {
display: none;
}
.blog-sidebar .widget.widget_search form,
.blog-sidebar .widget_search form {
display: flex;
align-items: center;
gap: 6px;
}
.blog-sidebar .widget_search input[type="search"],
.blog-sidebar .widget_search .search-field {
flex: 1;
min-width: 0;
width: 100%;
padding: 0 20px;
height: 36px;
border: 1px solid #e5e7eb;
border-radius: 999px;
font-size: 0.75rem;
font-family: inherit;
background: var(--bg-ref, #f4f6f8);
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.blog-sidebar .widget_search input[type="search"]:focus,
.blog-sidebar .widget_search .search-field:focus {
border-color: var(--primary, #52b2e1);
box-shadow: 0 0 0 3px rgba(82, 178, 225, 0.12);
}
.blog-sidebar .widget_search input[type="search"]::placeholder,
.blog-sidebar .widget_search .search-field::placeholder {
color: #9ca3af;
font-weight: 300;
}
.blog-sidebar .widget_search input[type="submit"],
.blog-sidebar .widget_search .search-submit {
flex-shrink: 0;
height: 36px;
padding: 0 12px;
border: none;
border-radius: 999px;
background: var(--primary, #52b2e1);
color: #fff;
font-size: 0.6rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
cursor: pointer;
transition: background 0.2s ease;
white-space: nowrap;
}
.blog-sidebar .widget_search input[type="submit"]:hover,
.blog-sidebar .widget_search .search-submit:hover {
background: #3da0d1;
}
.blog-main .pagination,
.blog-main .navigation.pagination {
margin-top: 48px;
}
.blog-main .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.blog-main .nav-links a,
.blog-main .nav-links span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border: 1px solid #e5e7eb;
border-radius: 4px;
font-size: 0.8rem;
font-weight: 500;
color: var(--text-dark, #383e42);
text-decoration: none;
transition: all 0.2s ease;
}
.blog-main .nav-links a:hover {
border-color: var(--primary, #52b2e1);
color: var(--primary, #52b2e1);
}
.blog-main .nav-links .current {
background: var(--primary, #52b2e1);
border-color: var(--primary, #52b2e1);
color: #fff;
}
.blog-main .nav-links .dots {
border: none;
padding: 0;
}
.blog-empty {
text-align: center;
padding: 48px 16px;
color: var(--text-muted, #6b7280);
}
.blog-hero__description {
margin: 0 auto;
color: var(--text-muted, #6b7280);
font-size: 16px;
line-height: 1.7;
font-weight: 300;
max-width: 980px;
}
@media (max-width: 1100px) {
.blog-sidebar {
width: 260px;
}
}
@media (max-width: 899px) {
.blog-layout {
flex-direction: column;
gap: 48px;
}
}
@media (max-width: 768px) {
.blog-hero__content {
padding: 32px 20px;
}
.blog-hero .blog-hero__heading {
font-size: clamp(24px, 5vw, 30px);
}
.blog-hero__description {
font-size: 14px;
}
.blog-card {
min-width: 170px;
flex: 1 1 170px;
}
}
@media (max-width: 899px) {
.blog-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 1001;
background: #fff;
padding: 24px 20px;
overflow-y: auto;
transform: translateX(-100%);
transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
height: auto;
flex-shrink: 0;
}
.blog-sidebar.is-open {
transform: translateX(0);
}
.blog-filter-overlay {
display: none;
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.35s ease;
}
.blog-filter-overlay.is-visible {
display: block;
opacity: 1;
}
.blog-filter-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
position: fixed;
bottom: 80px;
right: 24px;
z-index: 999;
padding: 12px 20px;
border: none;
border-radius: 999px;
background: var(--primary, #52b2e1);
color: #fff;
font-size: 0.85rem;
font-weight: 600;
font-family: inherit;
cursor: pointer;
box-shadow: 0 4px 16px rgba(82, 178, 225, 0.35);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.blog-filter-toggle:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.blog-filter-toggle .material-symbols-outlined {
font-size: 1.2rem;
}
.blog-filter-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: none;
border-radius: 50%;
background: #f1f5f9;
color: #6b7280;
cursor: pointer;
position: absolute;
top: 12px;
right: 12px;
transition: background 0.2s ease, color 0.2s ease;
}
.blog-filter-close:hover {
background: var(--primary, #52b2e1);
color: #fff;
}
.blog-filter-close .material-symbols-outlined {
font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.blog-grid {
gap: 12px;
}
.blog-card {
min-width: 140px;
flex: 1 1 140px;
}
}body.single .container {
max-width: 1450px;
}
.entry-header {
background-size: cover;
background-position: center;
text-align: center;
}
.entry-badge {
display: inline-block;
margin-bottom: 12px;
background: var(--primary, #52b2e1);
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 6px;
line-height: 1;
}
.entry-header .entry-title {
margin: 0 0 10px;
font-size: clamp(30px, 3vw, 48px);
line-height: 3.0;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--primary, #52b2e1);
}
.entry-content {
font-size: 1rem;
line-height: 1.7;
color: #383e42;
margin-left: 0;
width: 100%;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
margin: 32px 0 12px;
font-weight: 600;
letter-spacing: -0.02em;
color: var(--text-dark, #383e42);
}
.entry-content h2 {
font-size: 1.5rem;
}
.entry-content h3 {
font-size: 1.25rem;
}
.entry-content h4 {
font-size: 1.1rem;
}
.entry-content p {
margin: 0 0 20px;
font-size: 14px;
font-weight: 300;
}
.entry-content a {
color: var(--primary, #52b2e1);
text-decoration: underline;
text-underline-offset: 2px;
}
.entry-content a:hover {
color: #3da0d1;
}
.entry-content img {
max-width: 100%;
height: auto;
border-radius: 14px;
margin: 24px 0;
}
.entry-content ul,
.entry-content ol {
margin: 0 0 20px;
padding-left: 24px;
}
.entry-content li {
margin-bottom: 6px;
}
.entry-content blockquote {
margin: 32px 0;
padding: 16px 24px;
border-left: 4px solid var(--primary, #52b2e1);
background: #f4f6f8;
border-radius: 0 10px 10px 0;
font-style: italic;
color: #4a555a;
}
.entry-content blockquote p:last-child {
margin-bottom: 0;
}
.entry-content .wp-block-image {
margin: 24px 0;
}
.entry-content .wp-block-image figcaption {
margin-top: 8px;
font-size: 0.8rem;
color: #6b7280;
text-align: center;
}
.entry-content .wp-block-gallery {
margin: 24px 0;
}
.entry-content .alignwide {
max-width: none;
margin-left: -48px;
margin-right: -48px;
}
.entry-content .wp-block-separator {
margin: 40px 0;
border: none;
border-top: 1px solid #e5e7eb;
}
.post-navigation {
margin-top: 56px;
padding-top: 32px;
border-top: 1px solid #e5e7eb;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
gap: 24px;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.85rem;
font-weight: 600;
color: var(--primary, #52b2e1);
text-decoration: none;
transition: gap 0.2s ease;
}
.post-navigation .nav-previous a:hover {
gap: 10px;
}
.post-navigation .nav-next a:hover {
gap: 10px;
}
.comments-area {
margin-top: 56px;
padding-top: 32px;
border-top: 1px solid #e5e7eb;
}
.comments-area .comments-title {
margin: 0 0 24px;
font-size: 1.25rem;
font-weight: 600;
color: var(--text-dark, #383e42);
}
.comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment {
padding: 20px 0;
border-bottom: 1px solid #f1f5f9;
}
.comment:last-child {
border-bottom: none;
}
.comment-author .avatar {
border-radius: 50%;
margin-right: 12px;
}
.comment-author .fn {
font-weight: 600;
font-style: normal;
color: var(--text-dark, #383e42);
}
.comment-metadata {
font-size: 0.75rem;
color: #6b7280;
margin: 4px 0 10px;
}
.comment-content {
font-size: 0.9rem;
line-height: 1.6;
color: #4a555a;
}
.reply a {
font-size: 0.75rem;
font-weight: 600;
color: var(--primary, #52b2e1);
text-decoration: none;
}
.reply a:hover {
text-decoration: underline;
}
.comment-respond {
margin-top: 32px;
}
.comment-reply-title {
font-size: 1rem;
font-weight: 600;
margin: 0 0 16px;
color: var(--text-dark, #383e42);
}
.comment-form label {
display: block;
margin-bottom: 4px;
font-size: 0.8rem;
font-weight: 600;
color: #4a555a;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
font-family: inherit;
font-size: 0.85rem;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: var(--primary, #52b2e1);
box-shadow: 0 0 0 3px rgba(82, 178, 225, 0.12);
outline: none;
}
.comment-form textarea {
min-height: 120px;
resize: vertical;
}
.comment-form .form-submit {
margin-top: 16px;
}
.comment-form .submit {
padding: 10px 28px;
border: none;
border-radius: 999px;
background: var(--primary, #52b2e1);
color: #fff;
font-size: 0.8rem;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: background 0.2s ease;
}
.comment-form .submit:hover {
background: #3da0d1;
}
.related-posts {
margin-top: 48px;
padding-top: 28px;
border-top: 1px solid #e5e7eb;
width: 100%;
}
.related-posts__title {
margin: 0 0 20px;
font-size: 1rem;
font-weight: 600;
color: var(--text-dark, #383e42);
}
.related-posts .blog-grid {
gap: 16px;
padding-bottom: 50px;
}
.related-posts .blog-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(56, 62, 66, 0.06);
}
.blog-card__excerpt p {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.yoast-breadcrumb {
display: block;
line-height: 1;
margin: 0 0 18px;
font-size: 11px;
letter-spacing: 0.30em;
text-transform: uppercase;
font-weight: 600;
color: var(--text-muted, #6b7280);
margin-top: 20px;
}
.yoast-breadcrumb a,
.yoast-breadcrumb span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
}
.yoast-breadcrumb a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.yoast-breadcrumb a:hover {
color: var(--primary, #52b2e1);
}
.yoast-breadcrumb .breadcrumb_last {
color: var(--text-muted, #6b7280);
font-weight: 400;
}
.yoast-breadcrumb__separator {
margin: 0 6px;
font-size: 17px;
line-height: 1px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
color: var(--text-muted, #6b7280);
opacity: 0.7;
}
@media (max-width: 768px) {
.yoast-breadcrumb {
font-size: 10px;
letter-spacing: 0.24em;
}
}
.blog-card__link {
display: block;
height: 100%;
text-decoration: none;
color: inherit;
margin-top: 20px;
}
@media (max-width: 768px) {
.content {
padding: 0px 0 56px;
}
.entry-header {
padding: 32px 0 28px;
margin-bottom: 28px;
}
.entry-header .entry-title {
font-size: clamp(22px, 5vw, 30px);
}
.entry-content {
font-size: 0.95rem;
}
.entry-content p{
font-size: 0.95rem;
}
.entry-content .alignwide {
margin-left: 0;
margin-right: 0;
}
.post-navigation .nav-links {
flex-direction: column;
gap: 12px;
}
}
@media (max-width: 480px) {
.entry-content img {
border-radius: 10px;
}
}.fp-card__image-wrap,
.bs-card__image-wrap {
position: relative;
}
.fq-fav-btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 2;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
border: 1px solid #e5e7eb;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
transition: border-color .2s, box-shadow .2s, opacity .2s;
opacity: 0;
pointer-events: none;
}
.fp-card:hover .fq-fav-btn,
.fp-card:focus-within .fq-fav-btn,
.bs-card:hover .fq-fav-btn,
.bs-card:focus-within .fq-fav-btn {
opacity: 1;
pointer-events: auto;
}
.fq-fav-btn .material-symbols-outlined {
font-size: 18px;
color: #9ca3af;
transition: color .2s, font-variation-settings .2s;
}
.fq-fav-btn:hover {
border-color: #f87171;
box-shadow: 0 4px 12px rgba(248,113,113,.2);
}
.fq-fav-btn:hover .material-symbols-outlined {
color: #f87171;
}
.fq-fav-btn.is-active .material-symbols-outlined {
color: #ef4444;
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.fq-fav-btn.is-active {
opacity: 1;
pointer-events: auto;
border-color: #fca5a5;
} .fq-fav-btn--single {
position: static;
opacity: 1;
pointer-events: auto;
width: 44px;
height: 44px;
flex-shrink: 0;
}
.fq-fav-btn--single .material-symbols-outlined {
font-size: 22px;
}
.woocommerce-variation-add-to-cart,
form.cart {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
} .fq-product-cat-header__subtitle {
font-size: 13px;
color: var(--text-muted, #6b7280);
margin: 4px 0 0;
font-weight: 300;
} .fq-favorites-toolbar {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 12px 0 16px;
border-bottom: 1px solid #f1f5f9;
margin-bottom: 24px;
}
#fq-fav-grid-controls {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
color: var(--text-muted, #6b7280);
}
.fq-fav-grid-btns {
display: flex;
align-items: center;
gap: 4px;
}
.fq-fav-grid-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
color: #9ca3af;
cursor: pointer;
padding: 4px;
transition: color .15s, border-color .15s;
}
.fq-fav-grid-btn:hover {
color: var(--text-dark, #383e42);
border-color: #e5e7eb;
}
.fq-fav-grid-btn.active {
color: var(--primary, #52b2e1);
border-color: var(--primary, #52b2e1);
background: rgba(82,178,225,.06);
} .fq-favorites-page ul.products li,
.fq-favorites-page ul.products .fp-card {
min-width: 0;
max-width: 100%;
width: 100%;
flex-shrink: 1;
} .fq-favorites-page ul.products {
list-style: none;
margin: 0;
padding: 0;
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 32px !important;
}
.fq-favorites-page ul.products li {
list-style: none;
}
@media (max-width: 1024px) {
.fq-favorites-toolbar { display: none; }
.fq-favorites-page ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 600px) {
.fq-favorites-page ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
} .fq-favorites-page {
padding: 40px 0 60px;
}
.fq-favorites-page__header {
margin-bottom: 32px;
}
.fq-favorites-page__title {
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 300;
color: var(--text-dark, #383e42);
margin: 0 0 6px;
letter-spacing: -0.02em;
}
.fq-favorites-page__count {
font-size: 13px;
color: var(--text-muted, #6b7280);
}
.fq-favorites-empty {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 80px 24px;
gap: 12px;
}
.fq-favorites-empty .material-symbols-outlined {
font-size: 64px;
color: #d1d5db;
}
.fq-favorites-empty__title {
font-size: 22px;
font-weight: 300;
color: var(--text-dark, #383e42);
margin: 0;
letter-spacing: -0.02em;
}
.fq-favorites-empty__text {
font-size: 14px;
color: var(--text-muted, #6b7280);
margin: 0;
}
.fq-favorites-empty__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 28px;
border-radius: 999px;
background: var(--primary, #52b2e1);
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.16em;
margin-top: 8px;
transition: opacity .2s;
}
.fq-favorites-empty__button:hover {
opacity: .88;
} @media (max-width: 1024px) {
.fq-fav-btn {
opacity: 1;
pointer-events: auto;
}
}.cev-authorization-grid__visual{
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5000;
}
.cev-authorization-grid__holder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
padding: 24px 0;
position: relative;
z-index: 100;
height:100%;
}
.cev-authorization-grid__inner {
max-width: 460px;
width: 100%;
}
.cev-authorization {
border-radius: 6px;
border: 1px solid #eaeaea;
background-color: #fafafa;
}
.cev-authorization__holder {
padding: 30px 30px 10px;
position: relative;
color: rgba(0,0,0,.6);
font-size: 16px;
line-height: 24px;
text-align: center;
}
.cev-authorization__holder .cev-authorization__envelope {
display: inline-block;
vertical-align: top;
position: relative;
border-radius: 50%;
height: 88px;
margin-bottom: 10px;
margin-left: 19px;
width: 88px;
}
.cev-authorization__envelope:before {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
display: block;
height: 64px;
width: 96px;
left: -38px;
background-image: url(//farmaciaqueiles.com/wp-content/plugins/customer-email-verification-for-woocommerce/includes/../assets/css/images/email-verification-icon.svg);
background-repeat: no-repeat;
background-size: contain;
content: '';
}
.cev-authorization__heading {
position: relative;
}
.cev-authorization__title {
display: block;
color: #333333;
font-size: 22px;
font-weight: 600;
line-height: 40px;
}
.cev-authorization__description {
display: block;
margin: 10px 0;
text-align: initial;
}
.cev-pin-verification__failure {
margin-bottom: 16px;
}
.cev-alert:not(.cev-alert_without_rounding) {
border-radius: 4px;
margin-top: 15px;
}
.cev-alert_theme_red {
background-color: rgba(255,205,210,.4);
color: #e53935;
}
.cev-alert {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 12px 24px;
position: relative;
font-size: 14px;
line-height: 24px;
}
.cev-alert__icon_color_red {
color: #f44336;
}
.cev-alert__icon {
margin-right: 16px;
}
.cev-icon {
font-size: 24px;
line-height: 24px;
display: inline-block;
vertical-align: top;
}
.cev-pin-verification__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cev-field {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
position: relative;
direction: ltr;
}
.cev-pin-verification__events {
position: relative;
margin-bottom: 0px;
}
.cev-button:not(.cev-button-text-normal) {
text-transform: none;
width: 100%;
margin-bottom: 5px;
line-height: initial;
}
.cev-authorization__footer {
border-radius: 0 0 6px 6px;
padding: 0 0 10px 0;
color: rgba(0,0,0,.8);
font-size: 14px;
line-height: 20px;
text-align: center;
}
h5.required-filed-email {
font-size: 15px;
text-align: initial;
font-weight: bold;
margin: 10px 0;
}
.cev-link {    
cursor: pointer;
text-decoration: none;
margin: 0;
}
.cev-button {
-webkit-transition: background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
transition: background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
transition: box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease-in-out,color .15s ease-in-out;
transition: box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s ease-in-out,color .15s ease-in-out,-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.08);
box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.08);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0;
position: relative;
cursor: pointer;
letter-spacing: .5px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
padding: 8px 16px;
margin: 0;	
}
.cev-button_color_success {
background-color: #212121;
color: #fff;
font-size: 15px;
}
.cev-field_text_center input, .cev-field_text_center textarea {
text-align: center;
}
.cev_pin_verification_form,.cev_pin_verification_form_pro{
margin-bottom: 0;
}
.cev_pin_verification_form input.cev_pin_box,.cev_login_authentication_form input.cev_pin_box {
width: 100%;
height: 50px;
padding: 10px;
text-align: initial;
border-radius: 5px;
display: inline-block;
margin-bottom: 1em;
}
#cev_verify_email input.cev_pin_box_email {
width: 100%;
height: 50px;
padding: 10px;
text-align: initial;
border-radius: 5px;
display: inline-block;
margin: 10px 0;	    
}
.cev_pin_verification_form input.cev_pin_box:last-child { }
.cev_pin_verification_form input.cev_pin_box::-webkit-inner-spin-button, .cev_pin_verification_form input.cev_pin_box::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
a.cev-link-try-again-color,a.cev-link-try-again-color:hover {
color: #2196f3;
}
.cev_send_email_tag {
text-align: left;
}	
.cev_pin_verification_form_pro input.cev_pin_box_email::-webkit-inner-spin-button, .cev_pin_verification_form_pro input.cev_pin_box_email::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
} .js-pincode::-webkit-inner-spin-button {
-webkit-appearance: none;  
} .js-pincode{
-moz-appearance: textfield;
}
h5.required-filed {
font-size: 15px;
text-align: initial;
font-weight: normal;
}
.popup_image {
position: relative;
border-radius: 50%;
display: inline-block;
margin: 0 auto 15px;
}
a.a_cev_resend_guest_user{
vertical-align: unset;
width: 100%;
display: block;
text-align: right;
}
.cev-try-again-disable{
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;	
}
a.cev_already_verify {
color: #0052ff;
display: block;
text-align: left;
font-size: .9em;
padding: 0 0 10px;
}
.cev_limit_message {
color: red;
font-size: .9em;
}
section.cev-authorization__holder .popup_image img {
max-width: 100%;
} a.a_cev_resend_checkout {
vertical-align: text-bottom;
}
.cev_pro_chekout_button{
margin: 10px 0;	
}
.fl-wrap-input span.cev-yes-line {
vertical-align: middle;
}
.cev-authorization__description p, .cev-authorization__description span, .cev-authorization__description h1, .cev-authorization__description h2, .cev-authorization__description h3, .cev-authorization__description h4, .cev-authorization__description h5, .cev-authorization__description h6 {
margin: 10px 0;
}
#otp-popup {
display: none;
position: fixed;
top: 0;
background-color: rgb(255 255 255 / 70%);
padding: 20px;
z-index: 1000;
right: 0;
left: 0;
width: 100%;
height: 100vh;
}
.otp_popup_inn {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center; }
#otp-popup h3 {
font-size: 25px;
color: #333;
font-weight: bold;
margin-bottom: 10px;
}
#otp-popup input {
display: block;
width: 100%;
margin-bottom: 10px;
}
#otp-popup button {
display: block;
width: 100%;
}
.otp-container {
display: flex;
justify-content: center;
} .otp-input, .otp-input-checkout, .otp-input-login, .otp-input-email {
width: 50px !important;
height: 80px;
margin: 0 10px;
font-size: 24px;
text-align: center;
border: 1px solid #e0e0e0 !important;
border-radius: 5px;
outline: none;
background: #fff !important;
box-shadow: none !important;
} .otp-input:focus, .otp-input-checkout:focus, .otp-input-login:focus, .otp-input-email:focus  {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
p.registration-success {
background: green;
color: #fff;
padding: 10px;
}
.error_mesg{
display: None;
color: red;
}
.cev_loading_overlay {
display: none;
position: fixed;
top: 0;
background-color: rgb(255 255 255 / 80%);
padding: 20px;
z-index: 1000;
right: 0;
left: 0;
width: 100%;
height: 100vh;
}
.back_btn {
cursor: pointer;
display: flex;
width: 30px;
} .cev_loading_overlay__inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
line-height: 1.4;
}
.cev_loading_spinner {
display: block;
margin: 0 auto 10px;
width: 34px;
height: 34px;
border: 3px solid rgba(0, 0, 0, 0.15);
border-top-color: #212121;
border-radius: 50%;
animation: cev_spin 0.8s linear infinite;
}
.cev_loading_overlay__text {
display: block;
font-size: 14px;
color: #212121;
}
button[name="register"].cev_processing,
button[name="register"][disabled] {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
@keyframes cev_spin {
to {
transform: rotate(360deg);
}
}.sp-faq-wrapper {
padding-top: 96px;
padding-bottom: 96px;
}
.sp-faq-heading {
max-width: 1400px;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 72px;
}
.sp-faq-kicker {
display: block;
color: var(--primary, #52b2e1);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.3em;
text-transform: uppercase;
margin-bottom: 16px;
}
.sp-faq-title,
.sp-faq-home-title {
margin: 0;
font-size: 1rem;
font-weight: 600;
letter-spacing: -0.01em;
padding-right: 32px;
line-height: 1.4;
}
.sp-faq-home-header,
.sp-faq-header {
align-items: center !important;
}
.sp-faq-title-main {
margin: 0;
font-size: 40px;
line-height: 1.2;
font-weight: 300;
letter-spacing: -0.02em;
color: var(--text-dark, #383E42);
}
.sp-faqs-acordeon,
.sp-faqs-home-acordeon {
max-width: 1400px;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px;
padding-right: 20px;
} @media (max-width: 1024px) {
.sp-faq-title-main {
font-size: 34px;
}
} @media (max-width: 767px) {
.sp-faq-title-main {
font-size: 30px;
}
}:root {
--sp_mini_cart_color_acento: #AFA997;
--sp_mini_cart_color_texto: #757575;
--sp_mini_cart_color_texto_contador: #fff;
--sp_mini_cart_gap_icono: 4px;
}
.header-cart-icon {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--sp_mini_cart_gap_icono);
line-height: 1;
}
.header-cart-icon span{ font-size: 1em; color: var(--sp_mini_cart_color_texto); }
@media (max-width: 767px) { .header-cart-icon span{ font-size: 12px; } }
#toggle-mini-cart{ position: relative; }
.header-cart-icon .cart-icon {
width: 20px;
height: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
transition: transform 0.3s
}
@media (min-width: 992px) { .header-cart-icon:hover .cart-icon{ transform: translateY(-4px); } }
.header-cart-icon span.cart-count {
background-color: var(--sp_mini_cart_color_acento);
color: var(--sp_mini_cart_color_texto_contador);
border-radius: 100px;
padding: 2px;
font-size: 12px!important;
position: absolute;
top: -8px;
left: 20px;
width: 24px;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
} .slide-mini-cart {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
overflow: hidden;
z-index: 99999;
visibility: hidden;
transition: visibility 0.3s;
}
.slide-mini-cart .mini-cart-content {
width: 100%;
position: fixed;
top: 0;
right: 0;
height: 100%;
transform: translateX(100%);
overflow: hidden;
z-index: 99999;
visibility: hidden;
max-height: 100vh;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;
}
.slide-mini-cart.open { visibility: visible; }
.slide-mini-cart.open .mini-cart-content {
visibility: visible;
transform: translateX(0);
}
.slide-mini-cart.open .overlay { opacity: 1; }
.slide-mini-cart .overlay {
opacity: 0;
transition: opacity 0.3s;
position: fixed;
z-index: 10;
top: 0; left: 0; width: 100%; height: 100%;
}
.blockUI.blockOverlay{ border-radius: 0px!important; } .sp-cart-upsell {
padding: 10px 0 0;
margin-top: 8px;
border-top: 1px solid var(--sp-c-border, #ebebeb);
} .sp-cart-upsell__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px;
}
.sp-cart-upsell__title {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em;
font-family: var(--sp-cart-font-theme);
} .sp-cart-upsell__arrows {
display: flex;
gap: 4px;
}
.sp-cart-upsell__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border: 1px solid var(--sp-c-border, #e5e7eb);
border-radius: 50%;
background: var(--sp-c-surface, #f4f4f4);
cursor: pointer;
padding: 0;
transition: background .15s, border-color .15s, transform .1s;
flex-shrink: 0;
}
.sp-cart-upsell__arrow:hover {
background: var(--sp-c-accent, #111);
border-color: var(--sp-c-accent, #111);
transform: scale(1.08);
}
.sp-cart-upsell__arrow svg {
width: 11px;
height: 11px;
stroke: var(--sp-c-text-muted, #6b7280);
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
transition: stroke .15s;
}
.sp-cart-upsell__arrow:hover svg {
stroke: var(--sp-c-btn-text, #fff);
} .sp-cart-upsell .splide__track { overflow: hidden; width: 100%;}
.sp-cart-upsell .splide__list  { display: flex; align-items: stretch; }
.sp-cart-upsell .splide__slide { height: 100%; } .sp-upsell-card {
display: flex;
flex-direction: row;
align-items: center;
background: var(--sp-c-bg-item, #f9f9f9);
border: 1px solid var(--sp-c-border, #ebebeb);
border-radius: 8px;
overflow: hidden;
min-height: 84px;
transition: border-color .15s, box-shadow .15s;
gap: 14px;
padding: 12px;
}
.sp-upsell-card:hover {
border-color: var(--sp-c-border-soft, #d1d5db);
box-shadow: 0 3px 12px var(--sp-c-shadow, rgba(0,0,0,.06));
}
.sp-cart-upsell .added_to_cart {
display: none !important;
} .sp-upsell-card__img-wrap {
width: 64px;
height: 64px;
min-width: 64px;
aspect-ratio: 1 / 1;
background: var(--sp-c-surface, #f4f4f4);
overflow: hidden;
flex-shrink: 0;
border-radius: 6px;
}
.sp-upsell-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s ease;
}
.sp-upsell-card:hover .sp-upsell-card__img-wrap img {
transform: scale(1.04);
} .sp-upsell-card__img-wrap.is-placeholder {
display: flex;
align-items: center;
justify-content: center;
}
.sp-upsell-card__img-wrap.is-placeholder svg {
width: 24px;
height: 24px;
stroke: var(--sp-c-border, #d1d5db);
} .sp-upsell-card__body {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
flex: 1;
min-width: 0;
}
.sp-upsell-card__name {
font-size: 13px;
font-weight: 600;
color: var(--sp-c-text, #1a1a1a);
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.sp-upsell-card__price {
font-size: 12px;
color: var(--sp-c-text-muted, #6b7280);
margin: 0 0 2px 0;
}
.sp-upsell-card__price ins {
text-decoration: none;
font-weight: 700;
color: var(--sp-c-price, #111);
}
.sp-upsell-card__price del {
opacity: .45;
font-size: 11px;
} .sp-upsell-card__btn {
display: inline-block;
align-self: flex-start;
padding: 6px 14px;
background: var(--sp-c-accent, #111);
color: var(--sp-c-btn-text, #fff) !important;
font-size: 11px;
font-weight: 700;
text-align: center;
border: 1px solid transparent;
border-radius: 6px;
cursor: pointer;
text-decoration: none !important;
transition: filter .15s, transform .1s;
line-height: 1.3;
letter-spacing: .02em;
white-space: nowrap;
}
.sp-upsell-card__btn:hover {
filter: brightness(1.15);
transform: translateY(-1px);
color: var(--sp-c-btn-text, #fff) !important;
} .sp-upsell-card__btn.is-variable {
background: transparent;
color: var(--sp-c-accent, #111) !important;
border-color: var(--sp-c-accent, #111);
}
.sp-upsell-card__btn.is-variable:hover {
background: var(--sp-c-accent, #111);
color: var(--sp-c-btn-text, #fff) !important;
filter: none;
}.sp-wsv-theme-light {
--sp-c-bg:           #ffffff;
--sp-c-bg-item:      #f9f9f9;
--sp-c-bg-item-hover:#f0f0f0;
--sp-c-surface:      #f4f4f4;
--sp-c-border:       #ebebeb;
--sp-c-text:         #1a1a1a;
--sp-c-text-muted:   #6b7280;
--sp-c-accent:       #111111;
--sp-c-accent-hover: #333333;
--sp-c-price:        #111111;
--sp-c-remove:       #9ca3af;
--sp-c-remove-hover: #ef4444;
--sp-c-overlay:      rgba(0,0,0,0.4);
--sp-c-shadow:       rgba(0,0,0,0.06);
--sp-c-btn-text:     #ffffff;
--sp-cart-radius:    14px;
--sp-cart-padding:   18px;
--sp-cart-gap:       8px;
--sp-cart-img-size:  60px;
--sp-cart-width:     500px;
--sp-cart-font:      --sp-cart-font-theme:  Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
} .sp-wsv-theme-light.slide-mini-cart .overlay {
background: var(--sp-c-overlay);
backdrop-filter: blur(2px);
} .sp-wsv-theme-light .mini-cart-content {
max-width: var(--sp-cart-width);
background: var(--sp-c-bg);
box-shadow: -8px 0 40px rgba(0,0,0,0.12);
padding: var(--sp-cart-padding);
font-family: var(--sp-cart-font);
display: flex;
flex-direction: column;
height: 100dvh;
overflow: hidden;
box-sizing: border-box;
} .sp-wsv-theme-light .mini-cart-content,
.sp-wsv-theme-light .mini-cart-content * {
color: var(--sp-c-text);
} .sp-wsv-theme-light .woocommerce-mini-cart-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 12px;
margin: 24px 0 0;
border-bottom: 1px solid var(--sp-c-border);
flex-shrink: 0;
}
.sp-wsv-theme-light .menu-title-cart {
font-size: 17px;
font-weight: 700;
letter-spacing: -0.3px;
color: var(--sp-c-text);
} .sp-wsv-theme-light #close-mini-cart {
background: #fff;
border: 0 !important;
border-radius: 5px;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
padding: 5px 12px 5px 9px;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
color: var(--sp-c-text-muted);
}
.sp-wsv-theme-light #close-mini-cart:hover {
background: var(--sp-c-bg-item);
border-color: #d1d5db;
color: var(--sp-c-remove-hover);
background: hsl(0, 100%, 83%);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.sp-wsv-theme-light #close-mini-cart .icono_cerrar {
font-size: 16px;
font-weight: 300;
line-height: 1;
}
.sp-wsv-theme-light #close-mini-cart .txt_cerrar {
font-size: 12px;
font-weight: 500;
font-family: var(--sp-cart-font-theme);
} .sp-wsv-theme-light .woocommerce-mini-cart {
overflow-y: auto;
flex: 1;
min-height: 0;
padding: 0;
margin: 10px 0 8px;
list-style: none;
}
.sp-wsv-theme-light .woocommerce-mini-cart::-webkit-scrollbar { width: 3px; }
.sp-wsv-theme-light .woocommerce-mini-cart::-webkit-scrollbar-track { background: transparent; }
.sp-wsv-theme-light .woocommerce-mini-cart::-webkit-scrollbar-thumb { background: var(--sp-c-border); border-radius: 99px; } .sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item {
list-style: none;
position: relative;
padding: 10px 40px 10px 10px;
margin-bottom: var(--sp-cart-gap);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
animation: sp-item-fade-in 0.3s ease-out;
animation-fill-mode: both;
border-bottom: 1px solid rgba(82, 178, 225, 0.2);
transition: 0.5s;
}
@keyframes sp-item-fade-in {
from { opacity: 0; transform: translateX(-8px); }
to   { opacity: 1; transform: translateX(0); }
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item:hover {
background: var(--sp-c-bg-item-hover);
border-color: #d1d5db;
transform: translateX(2px);
box-shadow: 0 3px 12px rgba(0,0,0,0.08);
border-bottom: 1px solid rgba(82, 178, 225, 0.5);
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item:hover .nombre {
color: #111111;
} .sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .titulo_imagen {
display: flex;
gap: 10px;
align-items: center;
text-decoration: none;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .titulo_imagen > img {
width: var(--sp-cart-img-size);
height: var(--sp-cart-img-size);
object-fit: cover;
border-radius: 7px;
flex-shrink: 0;
background: #fff;
border: 1px solid var(--sp-c-border);
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .titulo_cantidad {
flex: 1;
display: flex;
flex-direction: column;
gap: 3px;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .nombre {
font-size: 13px;
font-weight: 600;
line-height: 1.3;
margin: 0;
color: var(--sp-c-text);
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .sp-item-variation {
margin: 2px 0 4px;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .sp-item-variation dl {
display: flex;
flex-wrap: wrap;
gap: 2px 6px;
margin: 0;
padding: 0;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .sp-item-variation dt,
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .sp-item-variation dd {
font-size: 11px;
margin: 0;
color: var(--sp-c-text-muted);
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item .cantidad {
font-size: 12px;
color: var(--sp-c-text-muted);
margin: 0;
} .sp-wsv-theme-light .woocommerce-Price-amount {
color: var(--sp-c-price) !important;
font-weight: 700;
} .sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item a.remove_from_cart_button {
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: transparent;
color: var(--sp-c-remove) !important;
font-size: 15px;
line-height: 1;
transition: background 0.15s, color 0.15s;
text-decoration: none;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item a.remove_from_cart_button .icono_cerrar {
margin-top: -1px;
}
.sp-wsv-theme-light .woocommerce-mini-cart li.mini_cart_item a.remove_from_cart_button:hover {
background: #fee2e2;
color: var(--sp-c-remove-hover) !important;
} .sp-wsv-theme-light .woocommerce-mini-cart-footer {
border-top: 1px solid var(--sp-c-border);
padding-top: 10px;
margin-top: 0;
flex-shrink: 0;
}
.sp-wsv-theme-light .woocommerce-mini-cart__total {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: 8px;
} .sp-wsv-theme-light .sp-cart-totals {
display: flex;
flex-direction: column;
gap: 4px;
padding: 10px 14px;
background: linear-gradient(135deg, #f8f9fa 0%, #f0f0f0 100%);
border-radius: 10px;
border: 1px solid var(--sp-c-border);
}
.sp-wsv-theme-light .sp-cart-total-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2px 0;
}
.sp-wsv-theme-light .sp-cart-total-label {
font-size: 12px;
font-weight: 500;
color: var(--sp-c-text-muted);
letter-spacing: 0.01em;
}
.sp-wsv-theme-light .sp-cart-total-value {
font-size: 12px;
font-weight: 600;
color: var(--sp-c-text);
}
.sp-wsv-theme-light .sp-cart-total-tax {
padding-bottom: 6px;
margin-bottom: 2px;
border-bottom: 1px dashed var(--sp-c-border);
}
.sp-wsv-theme-light .sp-cart-total-tax .sp-cart-total-label,
.sp-wsv-theme-light .sp-cart-total-tax .sp-cart-total-value {
font-size: 11px;
color: #6b7280;
}
.sp-wsv-theme-light .sp-cart-total-grand {
padding-top: 4px;
margin-top: 2px;
}
.sp-wsv-theme-light .sp-cart-total-grand .sp-cart-total-label {
font-size: 14px;
font-weight: 700;
color: var(--sp-c-text);
}
.sp-wsv-theme-light .sp-cart-total-grand .sp-cart-total-value {
font-size: 16px;
font-weight: 800;
color: #111111;
letter-spacing: -0.3px;
} .sp-wsv-theme-light a.button.checkout,
.sp-wsv-theme-light .woocommerce-mini-cart__buttons a.checkout {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 11px 20px !important;
background: var(--sp-c-accent) !important;
color: var(--sp-c-btn-text) !important;
border-radius: 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
border: none !important;
cursor: pointer !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
text-decoration: none !important;
margin-top: 6px !important;
position: relative;
overflow: hidden;
box-sizing: border-box !important;
}
.sp-wsv-theme-light a.button.checkout::before {
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
}
.sp-wsv-theme-light a.button.checkout:hover {
background: var(--sp-c-accent-hover) !important;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.sp-wsv-theme-light a.button.checkout:hover::before { left: 100%; } .sp-wsv-theme-light .sp-cart-upsell {
flex-shrink: 0;
} .sp-wsv-theme-light .woocommerce-mini-cart__empty-message {
text-align: center;
padding: 40px 20px;
color: var(--sp-c-text-muted);
font-size: 14px;
} .sp-wsv-theme-light .mensaje_suscripcion_carrito {
border-radius: 10px;
margin-bottom: 8px;
flex-shrink: 0;
} @media (max-width: 480px) {
.sp-wsv-theme-light {
--sp-cart-padding: 14px;
--sp-cart-img-size: 52px;
}
.sp-wsv-theme-light .mini-cart-content {
border-radius: 0;
}
} .sp-wsv-theme-light .sp-cart-upsell__arrow {
background: var(--sp-c-surface);
border-color: var(--sp-c-border);
}
.sp-wsv-theme-light .sp-cart-upsell__arrow svg {
stroke: var(--sp-c-text-muted);
}
.sp-wsv-theme-light .sp-cart-upsell__arrow:hover {
background: var(--sp-c-accent);
border-color: var(--sp-c-accent);
}
.sp-wsv-theme-light .sp-cart-upsell__arrow:hover svg {
stroke: var(--sp-c-btn-text);
}.splide__container {
box-sizing: border-box;
position: relative
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto
}
.splide:not(.is-overflow) .splide__pagination {
display: none
}
.splide__progress__bar {
width: 0
}
.splide {
position: relative;
visibility: hidden
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative
}
.splide__slide img {
vertical-align: bottom
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0
}
@keyframes splide-loading {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity: 1;
z-index: 1
}
.splide--rtl {
direction: rtl
}
.splide__track--ttb>.splide__list {
display: block
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity: .9
}
.splide__arrow:disabled {
opacity: .3
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__arrow--prev {
left: 1em
}
.splide__arrow--prev svg {
transform: scaleX(-1)
}
.splide__arrow--next {
right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__pagination {
bottom: .5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: .7;
padding: 0;
position: relative;
transition: transform .2s linear;
width: 8px
}
.splide__pagination__page.is-active {
background: #fff;
transform: scale(1.4);
z-index: 1
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__progress__bar {
background: #ccc;
height: 3px
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.splide__slide:focus {
outline: 0
}
@supports(outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border: 3px solid #0bf
}
}
@supports(outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color: #0bf
}
}
.splide__toggle {
cursor: pointer
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
border: 3px solid transparent;
cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg)
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0
}:root {
--sp_mi_cuenta_color_principal: var(--e-global-color-primary);
--sp_mi_cuenta_color_secundario: #ddd;
--sp_mi_cuenta_color_acento: var(--e-global-color-primary);
--sp_mi_cuenta_color_fondo: #fff;
--sp_mi_cuenta_color_texto: var(--e-global-color-primary);
--sp_mi_cuenta_gap_icono: 4px;
} .site-navigation.site-navigation-woo,
.site-navigation.site-navigation-woo > ul > li,
.site-navigation.site-navigation-woo > ul > li > a{
padding: 0;
}
.site-navigation.site-navigation-woo a {
color: var(--sp_mi_cuenta_color_texto) !important;
text-transform: unset !important;
}
@media (max-width: 991px) {
.site-navigation.site-navigation-woo ul.menu li:hover > ul, .site-navigation ul.menu li:hover ul {
visibility: hidden!important;
opacity: 0!important;
transform: translateY(0px)!important;
}
.site-navigation.site-navigation-woo > ul > li > a{
min-width: 48px;
}
}
.user-icon {
width: 18px;
height: 18px;
background-image: url(//farmaciaqueiles.com/wp-content/plugins/sp_mi_cuenta/assets/img/icono_perfil.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: block;
transition: transform 0.3s
} .mi-cuenta-icono-logueado,
.mi-cuenta-icono-no-logueado{
cursor: pointer;
display: flex!important;
flex-direction: row;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: var(--sp_mi_cuenta_gap_icono);
line-height: 1!important;
font-family: var(--e-global-typography-accent-font-family), Sans-serif!important;
font-size: var(--e-global-typography-accent-font-size)!important;
font-weight: var(--e-global-typography-accent-font-weight)!important;
}
.mi-cuenta-icono-logueado .user-icon,
.mi-cuenta-icono-no-logueado .user-icon{
transition: transform 0.3s
}
@media (min-width: 992px) { }
.mi-cuenta-icono-logueado .ocultar_movil,
.mi-cuenta-icono-no-logueado .ocultar_movil{
display: block;
}
.mi-cuenta-icono-logueado .mostrar_movil,
.mi-cuenta-icono-no-logueado .mostrar_movil{
display: none;
}
@media (max-width: 767px) {
.mi-cuenta-icono-logueado,
.mi-cuenta-icono-no-logueado{
flex-direction: column;
}
.mi-cuenta-icono-logueado,
.mi-cuenta-icono-no-logueado{
font-size: 10px!important;
font-weight: 400!important;
}
.mi-cuenta-icono-logueado .ocultar_movil,
.mi-cuenta-icono-no-logueado .ocultar_movil{
display: none;
}
.mi-cuenta-icono-logueado .mostrar_movil,
.mi-cuenta-icono-no-logueado .mostrar_movil{
display: block;
}
} .site-navigation.site-navigation-woo {
display: flex;
align-items: center;
}
.site-navigation.site-navigation-woo ul.menu, .site-navigation.site-navigation-wooation ul.menu ul {
list-style-type: none;
padding: 0;
}
.site-navigation.site-navigation-woo ul.menu {
display: flex;
flex-wrap: wrap;
}
.site-navigation.site-navigation-woo a {
color: var(--sp_mi_cuenta_color_texto);
}
.site-navigation.site-navigation-woo li:hover > a {
color: var(--sp_mi_cuenta_color_acento)!important;
}
.site-navigation.site-navigation-woo.vertical ul.menu {
flex-direction: column;
flex-wrap: nowrap;
}
.site-navigation.site-navigation-woo ul.menu li {
position: relative;
display: flex;
}
.site-navigation.site-navigation-woo ul.menu li a {
display: block;
font-weight: 400;
}
.site-navigation.site-navigation-woo ul.menu > li > a {
z-index: 10;
color: var(--sp_mi_cuenta_color_texto);
text-align: center;
}
.site-navigation.site-navigation-woo ul.menu li.menu-item-has-children {
padding-inline-end: 0px;
}
.site-navigation.site-navigation-woo ul.menu > li > ul {
position: absolute;
border-radius: 0px;
padding: 10px 15px;
}
.site-navigation.site-navigation-woo ul.menu li ul {
background: var(--sp_mi_cuenta_color_fondo);
min-width: 210px;
z-index: 2;
left: 0;
top: 100%;
padding-top: 12px;
}
.site-navigation.site-navigation-woo ul.menu > li > ul {
flex-direction: column;
display: flex;
visibility: hidden;
opacity: 0;
transform: translateY(-10px);
box-shadow: 0px 10px 10px #0001;
transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
}
.site-navigation.site-navigation-woo ul.menu li:hover > ul,
.site-navigation.site-navigation-woo ul.menu li:hover ul {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.site-navigation.site-navigation-woo ul.menu > li > ul > li {
flex-direction: column;
}
.site-navigation.site-navigation-woo ul.menu li.menu-item-has-children:after {
content: "";
display: none;
} .site-header__utils .site-navigation-woo {
display: inline-block;
position: relative;
}
.site-header__utils .site-navigation-woo .menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.site-header__utils .site-navigation-woo .menu-item {
position: relative;
list-style: none;
} .site-header__utils .site-navigation-woo .menu-item > a {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 4px;
text-decoration: none;
position: relative;
color: var(--text-muted);
}
.site-header__utils .site-navigation-woo .menu-item > a:hover,
.site-header__utils .site-navigation-woo .menu-item > a:focus {
color: var(--primary);
}
.site-header__utils .site-navigation-woo .menu-item > a .material-symbols-outlined {
font-size: 26px;
color: var(--text-dark);
transition: transform 0.1s ease, color 0.1s ease;
}
.site-header__utils .site-navigation-woo .menu-item > a:hover .material-symbols-outlined,
.site-header__utils .site-navigation-woo .menu-item > a:focus .material-symbols-outlined {
transform: translateY(-3px);
color: var(--primary);
}
.site-header__utils .site-navigation-woo .menu-item > a:hover .material-symbols-outlined + span {
color: var(--primary);
}
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a:focus span:not(.material-symbols-outlined) {
color: var(--primary);
}
.site-header__utils .site-navigation-woo .menu-item > a span:not(.material-symbols-outlined)
{
font-size: 10px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.18em;
}
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a:focus span:not(.material-symbols-outlined) {
color: var(--primary);
}
.icono-mi-cuenta{
transform: translateY(-2px);
}
.icono-mi-cuenta + span{
color: var(--text-muted);
} .site-header__utils .site-navigation-woo .sub-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: var(--surface, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
min-width: 220px;
margin-top: 8px;
list-style: none;
padding: 8px 0;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(-10px);
transition: all 0.2s ease;
z-index: 1000;
}
.site-header__utils .site-navigation-woo .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.site-header__utils .site-navigation-woo .menu-item > .sub-menu{
transform: translateX(-50%) translateY(0);
}
.site-header__utils .site-navigation-woo .sub-menu .menu-item {
list-style: none;
}
.site-header__utils .site-navigation-woo .sub-menu a {
display: block;
padding: 10px 16px;
color: var(--text-dark, #383e42);
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
border-left: 3px solid transparent;
}
.site-header__utils .site-navigation-woo .sub-menu a:hover {
background-color: var(--bg-ref, #f4f6f8);
color: var(--primary, #52b2e1);
border-left-color: var(--primary, #52b2e1);
} .site-header__utils .site-navigation-woo .woocommerce-MyAccount-navigation-link--customer-logout a {
color: #b91c1c;
}
.site-header__utils .site-navigation-woo .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background-color: #fef2f2;
color: #dc2626;
border-left-color: #dc2626;
} .woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a,
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a:focus,
.woocommerce-account .sp-mc-toggle,
.woocommerce-account .sp-mc-toggle:focus {
color: var(--primary);
}
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a .material-symbols-outlined,
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a:focus .material-symbols-outlined,
.woocommerce-account .sp-mc-toggle .material-symbols-outlined,
.woocommerce-account .sp-mc-toggle:focus .material-symbols-outlined {
color: var(--primary);
}
.woocommerce-account .site-header__utils .site-navigation-woo .menu-item > a .ocultar_movil {
color: var(--primary);
} @media (max-width: 1024px) {
.site-header__utils .site-navigation-woo .sub-menu {
left: auto;
right: 0;
transform: translateX(0) translateY(-10px);
}
.site-header__utils .site-navigation-woo .menu-item:hover > .sub-menu {
transform: translateX(0) translateY(0);
}
.site-header__utils .site-navigation-woo .mi-cuenta-label {
display: none !important;
}
} .sp-mc-toggle {
display: none;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: var(--text-dark, #383e42);
line-height: 1;
}
.sp-mc-toggle .material-symbols-outlined {
font-size: 28px;
display: block;
}
@media (max-width: 1024px) {
.sp-mc-desktop-link {
display: none !important;
}
.sp-mc-toggle {
display: flex;
align-items: center;
justify-content: center;
} .sp-mc-nav .sub-menu {
display: none !important;
}
} .sp-mc-drawer {
position: fixed;
inset: 0;
z-index: 100000;
visibility: hidden;
transition: visibility .3s;
}
.sp-mc-drawer.is-open {
visibility: visible;
}
.sp-mc-drawer__overlay {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.46);
opacity: 0;
transition: opacity .3s ease;
}
.sp-mc-drawer.is-open .sp-mc-drawer__overlay {
opacity: 1;
}
.sp-mc-drawer__panel {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: min(380px, 100%);
height: 100%;
background: #fff;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform .3s ease;
z-index: 999;
overflow-y: auto;
}
.sp-mc-drawer.is-open .sp-mc-drawer__panel {
transform: translateX(0);
} .sp-mc-drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 16px;
border-bottom: 1px solid #e5e7eb;
flex-shrink: 0;
}
.sp-mc-drawer__title {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-dark, #383e42);
} .sp-mc-drawer__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 0;
border-radius: 999px;
background: #f3f4f6;
color: var(--text-dark, #383e42);
padding: 0;
cursor: pointer;
transition: color .15s, background .15s;
}
.sp-mc-drawer__close:hover {
color: var(--primary, #52b2e1);
background: #eef2f5;
}
.sp-mc-drawer__close .material-symbols-outlined {
font-size: 24px;
} .sp-mc-drawer__nav {
padding: 20px 16px 120px;
}
.sp-mc-drawer__nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.sp-mc-drawer__nav li+li {
margin-top: 8px;
} .sp-mc-drawer__nav li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px;
border-radius: 14px;
background: #f8fafc;
font-size: 15px;
font-weight: 500;
color: var(--text-dark, #383e42);
text-decoration: none;
transition: background .2s, color .2s;
}
.sp-mc-drawer__nav li a:hover {
background: rgba(82, 178, 225, 0.1);
color: var(--primary, #52b2e1);
}
.sp-mc-drawer__nav li.is-active > a {
background: rgba(82, 178, 225, 0.1);
color: var(--primary, #52b2e1);
font-weight: 600;
}
.sp-mc-drawer__nav .woocommerce-MyAccount-navigation-link--customer-logout a {
color: #b91c1c;
}
.sp-mc-drawer__nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background: #fef2f2;
color: #dc2626;
}  .sp-mc-page-nav {
position: relative;
margin-bottom: 24px;
}
.sp-mc-page-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 12px 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: var(--text-dark, #383e42);
gap: 8px;
transition: border-color .2s;
}
.sp-mc-page-toggle:hover {
border-color: var(--primary, #52b2e1);
}
.sp-mc-page-toggle__icon {
font-size: 20px;
color: var(--text-muted, #6b7280);
transition: transform .2s;
flex-shrink: 0;
}
.sp-mc-page-toggle[aria-expanded="true"] .sp-mc-page-toggle__icon {
transform: rotate(180deg);
}
.sp-mc-page-menu {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,.10);
list-style: none;
margin: 0;
padding: 6px 0;
z-index: 100;
}
.sp-mc-page-menu li a {
display: block;
padding: 11px 16px;
font-size: 14px;
font-weight: 500;
color: var(--text-dark, #383e42);
text-decoration: none;
border-left: 3px solid transparent;
transition: background .15s, color .15s, border-color .15s;
}
.sp-mc-page-menu li a:hover {
background: #f4f6f8;
color: var(--primary, #52b2e1);
border-left-color: var(--primary, #52b2e1);
}
.sp-mc-page-menu li.is-active > a {
color: var(--primary, #52b2e1);
border-left-color: var(--primary, #52b2e1);
font-weight: 600;
}
.sp-mc-page-menu .sp-mc-logout a {
color: #b91c1c;
}
.sp-mc-page-menu .sp-mc-logout a:hover {
background: #fef2f2;
color: #dc2626;
border-left-color: #dc2626;
}:root {
--sp_color_filtros_blanco: #ffffff;
--sp_color_filtros_negro: #52b2e1 ;
--sp_color_filtros_gris_oscuro: #4392ba ;
--sp_color_filtros_gris_medio: #499dc7 ;
--sp_color_filtros_gris_claro: #eee;
--sp_color_filtros_acento: #cccccc;
--sp_color_filtros_color_texto: var(--sp_color_filtros_gris_oscuro);
--sp_color_filtros_color_svg: #52b2e1 ;
} .sp-filter-wrapper,
.sp-filter-wrapper > .elementor-shortcode {
display: flex;
align-items: flex-start;
gap: 32px;
justify-content: space-between;
} .sp-filter-wrapper--lateral .sp-filter-products-container {
width: calc(100% - 48px - 320px);
}
.sp-filter-wrapper--fixed .sp-filter-products-container {
width: 100%;
}
.sp-filter-products-container ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
clear: unset;
align-items: stretch;
}
.sp-filter-products-container ul.products.sp-grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: none !important;
}
#sp-filter-order{
-webkit-appearance: none;
appearance: none;
width: 100%;
min-height: 46px;
border: 1px solid #d9e3ef!important;
border-radius: 999px!important;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2352b2e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/18px;
color: var(--text-muted)!important;
font-size: 15px;
font-weight: 400;
padding: 12px 50px 12px 18px;
box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
cursor: pointer;
outline: none;
transition: border-color .2s ease,box-shadow .2s ease
}
#sp-filter-order:focus{
border-color: var(--primary) !important;
box-shadow: 0 0 0 3px rgba(82, 178, 225, .12);
}
@media (max-width: 1200px) {
#sp-filter-desktop-grid {
display: none !important;
}
.sp-filter-products-container ul.products {
grid-template-columns: 1fr 1fr 1fr !important;
gap: 24px !important;
}
}
@media (max-width: 767px) {
.sp-filter-products-container ul.products {
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
} .sp-filter-sidebar {
width: 320px;
max-width: 640px;
background-color: var(--sp_color_filtros_blanco);
padding: 15px;
transition: left 0.5s, visibility 0.5s;
}
.sp-filter-sidebar--lateral {
width: 320px;
max-width: 640px;
position: relative;
height: auto;
left: auto;
visibility: visible;
}
.sp-filter-sidebar--fixed {
width: 100%;
height: 100%;
position: fixed;
top: 0;
border-radius: 0;
left: -100%;
padding: 20px;
z-index: 99999;
visibility: hidden;
}
.sp-filter-overlay {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.1);
}
.sp-filter-overlay.active {
opacity: 1;
visibility: visible;
}
.sp-filter-sidebar-header {
display: none;
}
.sp-filter-sidebar-header {
font-size: 20px;
display: none;
align-items: center;
padding: 12px 0px;
margin: 24px 0px;
margin-top: 0px;
border-bottom: 1px solid var(--sp_color_filtros_negro);
}
.sp-filter-wrapper--fixed .sp-filter-sidebar-header {
margin-top: 32px;
}
.sp-filter-sidebar-header .menu-title {
flex-grow: 1;
text-align: center;
font-size: 20px;
}
.sp-filter-sidebar-header .menu-close {
position: absolute;
top: 10px;
right: 10px;
background: #e5e7eb;
border: none;
cursor: pointer;
color: #666;
width: 40px;
height: 40px;
border-radius: 50%;
align-items: center;
justify-content: center;
display: flex;
transition: background 0.2s;
padding: 0;
outline: none;
}
.sp-filter-sidebar-header .menu-close:hover,
.sp-filter-sidebar-header .menu-close:focus,
.sp-filter-sidebar-header .menu-close:active {
background: #d1d5db;
color: #666;
width: 40px;
height: 40px;
outline: none;
}
.sp-filter-sidebar-header .menu-close span.icono_cerrar {
font-weight: bold;
font-size: 22px;
line-height: 1;
}
.sp-filter-sidebar-header {
display: flex;
}
.sp-filter-sidebar--fixed {
left: -100%;
visibility: hidden;
}
.sp-filter-sidebar--fixed.active {
left: 0;
visibility: visible;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
body.sp-filter-active {
overflow-y: hidden;
}
body.sp-search-active {
overflow: hidden;
}
.sp-filter-search-ajax {
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 767px) {
.sp-filter-sidebar {
padding: 10px;
}
}
.sp-filter-sidebar .sp-category-item label,
.sp-filter-sidebar .sp-attributte-item label,
.sp-filter-sidebar .sp-brand-item label {
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
}
.sp-filter-sidebar .sp-category-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.sp-filter-sidebar ul {
list-style-type: none;
padding-inline-start: 32px;
}
.sp-filter-sidebar .sp-filter-item > ul {
padding-inline-start: 16px;
}
.sp-filter-sidebar .sp-filter-item {
margin-bottom: 32px;
}
.sp-filter-sidebar .sp-filter-item p {
margin-block-end: 1em;
}
.sp-filter-sidebar .sp-filter-item p.toggle {
cursor: pointer;
position: relative;
}
.sp-filter-sidebar .sp-filter-item p.toggle:before {
content: "";
width: 10px;
height: 10px;
display: block;
border-right: 2px solid var(--sp_color_filtros_gris_oscuro);
border-bottom: 2px solid var(--sp_color_filtros_gris_oscuro);
transform: translateY(4px) rotate(45deg);
position: absolute;
top: 0;
right: 0;
transition: transform 0.3s;
}
.sp-filter-sidebar .sp-filter-item p.toggle.active:before {
transform: translateY(10px) rotate(-135deg);
}
.sp-filter-sidebar .ocultar-campos {
display: none;
}
.sp-filter-sidebar #sp-price-slider {
width: 100%;
margin-top: 46px;
background: var(--sp_color_filtros_gris_claro);
}
.ui-slider-handle {
position: relative;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: 0 !important;
}
.slider-tooltip {
position: absolute;
top: -30px;
right: unset;
left: unset;
background: var(--sp_color_filtros_negro);
color: var(--sp_color_filtros_blanco);
padding: 5px 10px;
border-radius: 0px;
font-size: 14px;
white-space: nowrap;
}
.ui-slider-handle:nth-child(2) .slider-tooltip {
left: 0;
}
.ui-slider-handle:nth-child(3) .slider-tooltip {
right: 0;
}
.ui-slider-horizontal {
height: 8px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
width: 2px !important;
height: 32px !important;
top: -12px !important;
background: var(--sp_color_filtros_negro) !important;
border-radius: 100px !important;
border: none !important;
cursor: grabbing !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0px !important;
}
.ui-widget.ui-widget-content {
border: 1px solid var(--sp_color_filtros_gris_claro_medio) !important;
}
.ui-widget-header {
border: 1px solid var(--sp_color_filtros_negro) !important;
background: var(--sp_color_filtros_negro) !important;
} #sp-filter-pagination {
text-align: center;
margin-top: 32px;
margin-bottom: 20px;
}
#sp-filter-pagination .page-numbers {
padding: 12px;
border-radius: 0px;
background-color: var(--sp_color_filtros_negro);
color: var(--sp_color_filtros_blanco);
width: 44px;
display: inline-block;
margin: 0 4px;
transition: background-color 0.3s, color 0.3s;
}
#sp-filter-pagination .page-numbers.next,
#sp-filter-pagination .page-numbers.prev {
background-color: var(--sp_color_filtros_blanco);
color: var(--sp_color_filtros_negro);
margin: 0 10px;
}
#sp-filter-pagination .page-numbers.current,
#sp-filter-pagination .page-numbers:hover {
background-color: var(--sp_color_filtros_acento);
color: var(--sp_color_filtros_blanco);
}
#sp-filter-pagination .page-numbers.dots {
background-color: var(--sp_color_filtros_blanco);
color: var(--sp_color_filtros_negro);
} #sp_btn_filtrar_movil {
z-index: 10;
left: 48px;
bottom: 48px;
align-items: center;
border-radius: 0px;
position: unset;
display: flex;
gap: 10px;
border: 2px solid var(--sp_color_filtros_color_svg);
background-color: var(--sp_color_filtros_color_svg);
color: var(--sp_color_filtros_blanco);
}
#sp_btn_filtrar_movil:hover {
background-color: #FFFFFF;
color: var(--sp_color_filtros_color_svg);
}
#sp_btn_filtrar_movil svg * {
fill: var(--sp_color_filtros_blanco);
transition: fill 0.3s;
}
#sp_btn_filtrar_movil:hover svg * {
fill: var(--sp_color_filtros_color_svg);
}
#sp_btn_filtrar_movil {
bottom: 10px;
left: 10px;
position: fixed;
}
#sp_btn_filtrar_movil.animate-filter:after {
content: "";
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0%;
position: absolute;
transform: scale(0);
z-index: -1;
background-color: var(--sp_color_filtros_gris_oscuro);
animation-delay: 0.2s;
transition: all 1s;
border: 2px solid var(--sp_color_filtros_gris_oscuro);
animation-name: scale_filter_sp;
animation-duration: 8s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes scale_filter_sp {
0% {
transform: scale(0);
}
10% {
transform: scale(2);
}
20% {
transform: scale(0);
}
30% {
transform: scale(2);
}
40% {
transform: scale(0);
}
50% {
transform: scale(2);
}
60% {
transform: scale(0);
}
100% {
transform: scale(0);
}
} .sp-filter-apply-wrapper {
width: 100%;
position: sticky;
bottom: 28px;
z-index: 2;
margin-top: 42px;
}
#sp-filter-apply {
width: 100%;
background-color: var(--sp_color_filtros_negro);
color: var(--sp_color_filtros_blanco);
border: 2px solid var(--sp_color_filtros_negro);
border-radius: 0;
font-weight: 400;
}
#sp-filter-apply:hover {
background-color: var(--sp_color_filtros_blanco);
color: var(--sp_color_filtros_negro);
}
#sp-filter-reset {
width: 100%;
background-color: var(--sp_color_filtros_blanco);
color: var(--sp_color_filtros_negro);
border: 2px solid var(--sp_color_filtros_negro);
border-radius: 0;
font-weight: 400;
margin-top: 10px;
}
#sp-filter-reset:hover {
background-color: var(--sp_color_filtros_negro);
color: var(--sp_color_filtros_blanco);
}
.sp-filter-apply-wrapper:before,
.sp-filter-apply-wrapper:after {
content: "";
width: calc(100% + 30px);
margin-left: -15px;
position: absolute;
height: 48px;
left: 0;
z-index: -1;
}
.sp-filter-apply-wrapper:before {
background: linear-gradient(#fff0, #fff);
bottom: 0px;
}
.sp-filter-apply-wrapper:after {
background: linear-gradient(#fff, #fff0);
top: 28px;
} .sp-filter-apply-wrapper:before,
.sp-filter-apply-wrapper:after {
width: calc(100% + 20px);
margin-left: -10px;
height: 32px;
z-index: -1;
} .contenedor_filtros_superior {
margin-bottom: 32px;
display: flex;
gap: 60px;
justify-content: space-between;
}
#sp_contenedor_etiquetas {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.sp-tag,
.sp-tag-item label {
border: 2px solid var(--sp_color_filtros_gris_oscuro);
background-color: #fff;
color: var(--sp_color_filtros_gris_oscuro) !important;
border-radius: 0px;
display: block;
text-align: center;
padding: 8px 24px 8px 24px;
display: flex;
gap: 10px;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
}
.sp-tag-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 992px) {
.sp-tag:hover,
.sp-tag-item label:hover {
background-color: var(--sp_color_filtros_gris_oscuro);
color: var(--sp_color_filtros_blanco) !important;
}
}
.sp-tag-item label input {
display: none;
}
.sp-tag-item label:has(input[type="checkbox"]:checked) {
background-color: var(--sp_color_filtros_gris_oscuro);
color: var(--sp_color_filtros_blanco) !important;
}
.sp-tag {
opacity: 1;
}
.sp-tag.enter {
opacity: 0;
}
.sp-tag.leave {
opacity: 0;
}
ul.sp-filter-column {
display: flex;
gap: 10px;
flex-direction: column;
padding-left: 20px;
} .sp-filter-search-ajax__results,
.sp-filter-products-container,
.sp-filter-search-ajax__recommended {
position: relative;
}
.filter_sp_loading {
pointer-events: none;
} .filter_sp_loading::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.85) !important;
z-index: 10000;
display: block;
} .filter_sp_loading::after {
content: "";
position: fixed;
top: 50vh;      
left: 50vw;      
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
border: 4px solid #e5e7eb;
border-top-color: var(--sp_color_filtros_gris_oscuro);
border-radius: 50%;
animation: filter_rotation_loading 0.8s linear infinite;
z-index: 10010;
display: block;
} .sp-filter-search-ajax__results.filter_sp_loading,
.sp-filter-search-ajax__recommended.filter_sp_loading,
.sp-filter-products-container.filter_sp_loading {
min-height: 400px;
}
@keyframes filter_rotation_loading {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
#sp-filter-desktop-grid {
display: flex;
align-items: center;
gap: 20px;
}
#sp-filter-desktop-grid .sp-filter-desktop-grid-btn {
padding: 0px;
background-color: white;
border: none;
transition: invert 0.2s;
display: flex;
padding: 4px;
}
#sp-filter-desktop-grid .sp-filter-desktop-grid-btn:hover {
background-color: white;
}
#sp-filter-desktop-grid .sp-filter-desktop-grid-btn.active {
filter: invert(1);
}
#sp-filter-desktop-grid #sp-filter-desktop-grid-inner {
display: flex;
align-items: center;
gap: 4px;
} .sp-filter-search-ajax {
width: 100%;
position: fixed;
top: calc( 134px + var(--wp-admin--admin-bar--height, 0px) );
left: 0;
height: calc( 100vh - calc( 134px + var(--wp-admin--admin-bar--height, 0px) ) );
height: calc( 100dvh - calc( 134px + var(--wp-admin--admin-bar--height, 0px) ) );
background-color: #0009;
z-index: 99999;
overflow-y: auto;
display: none;
}
.sp-filter-search-ajax .sp-filter-search-ajax__header {
position: fixed;
top: 0;
z-index: 100000;
width: 100%;
padding-top: var(--wp-admin--admin-bar--height, 0px);
}
.sp-filter-search-ajax .sp-filter-search-ajax__header .custom-logo-link img {
max-width: 100px;
height: 38px;
object-fit: contain;
object-position: left;
}
.sp-filter-search-ajax__form {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 16px;
}
.sp-filter-search-ajax__input {
flex: 1 1 auto;
min-width: 0;
}
.sp-filter-search-ajax__button {
flex: 0 0 auto;
background-color: var(--sp_color_filtros_negro);
color: var(--sp_color_filtros_blanco);
border: none;
padding: 10px 18px;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: all 0.3s ease;
}
.sp-filter-search-ajax__button:hover {
background-color: var(--sp_color_filtros_blanco);
color: var(--sp_color_filtros_negro);
}
.sp-filter-search-ajax__input input[type="search"] {
width: 100%;
padding: 10px 15px;
border: 1px solid var(--sp_color_filtros_gris_claro);
border-radius:20px;
font-size: 16px;
line-height: 1.5;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.sp-filter-search-ajax__input input[type="search"]:focus {
border-color: var(--sp_color_filtros_acento);
outline: none;
}
.sp-filter-search-ajax--loading .sp-filter-search-ajax__results {
opacity: .6;
pointer-events: none;
}
.sp-filter-search-ajax__results {
background-color: #fff;
}
.sp-filter-search-ajax__header {
background-color: #fff;
padding-bottom: 20px;
}
.sp-filter-search-ajax__header_inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px;
gap: 10px;
}
.sp-filter-search-ajax__header_inner .menu-close {
background: #e5e7eb;
border: none;
cursor: pointer;
color: #666;
width: 40px;
height: 40px;
border-radius: 50%;
align-items: center;
justify-content: center;
display: flex;
transition: background 0.2s;
padding: 0;
flex-shrink: 0;
outline: none;
}
.sp-filter-search-ajax__header_inner .menu-close:hover,
.sp-filter-search-ajax__header_inner .menu-close:focus,
.sp-filter-search-ajax__header_inner .menu-close:active {
background: #d1d5db;
color: #666;
width: 40px;
height: 40px;
outline: none;
}
.sp-filter-search-ajax__header_inner .menu-close span.icono_cerrar {
font-weight: bold;
font-size: 22px;
line-height: 1;
}
.sp-filter-search-ajax__form {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: auto;
max-width: 636px;
position: relative;
}
.sp-filter-search-ajax__form input {
border: 0px;
border: 1px solid var(--sp_color_filtros_gris_oscuro);
padding: 12px 10px;
border-radius: 10px;
font-size: 18px;
line-height: 0;
outline-offset: 0px;
}
.sp-filter-search-ajax__form button {
top: 0;
right: 20px;
padding: 12px 10px;
height: 100%;
border-radius: 10px;
border-width: 0;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--sp_color_filtros_negro);
cursor: pointer;
transition: background-color 0.3s ease;
}
.sp-filter-search-ajax__form button:hover,
.sp-filter-search-ajax__form button:focus {
background-color: var(--sp_color_filtros_gris_oscuro);
}
.sp-filter-search-ajax .sp-filter-search-ajax__form,
.sp-filter-search-ajax . sp-filter-main {
padding: 0px 20px;
}
.sp-filter-search-ajax .sp-filter-search-ajax__form {
margin-top: 20px;
}
@media (max-width: 480px) {
.sp-filter-search-ajax {
top: 0;
height: 100dvh;
}
.sp-filter-search-ajax .sp-filter-search-ajax__header {
position: sticky;
top: 0;
z-index: 100001;
padding-top: 8px;
padding-bottom: 8px;
}
.sp-filter-search-ajax__header_inner {
padding: 8px;
gap: 8px;
}
.sp-filter-search-ajax__form {
max-width: 100%;
padding: 8px 10px;
margin-top: 0;
gap: 8px;
}
.sp-filter-search-ajax__input input[type="search"] {
font-size: 14px;
padding: 8px 10px;
}
.sp-filter-search-ajax__form button {
right: 10px;
width: 40px;
}
.sp-filter-search-ajax .sp-filter-search-ajax__form,
.sp-filter-search-ajax .sp-filter-main {
padding: 0px 10px;
}
}
.sp-filter-search-ajax__close-button,
.sp-filter-search-ajax__close-button:hover,
.sp-filter-search-ajax__close-button:focus,
.sp-filter-search-ajax__close-button:active {
border: none;
background-color: transparent;
color: var(--sp_color_filtros_gris_oscuro);
font-size: 24px;
padding: 0;
line-height: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.sp-filter-no-products .sp-filter-wrapper {
justify-content: center;
}
.sp-filter-search-ajax__results {
padding-top: 20px;
}
.sp-filter-main.sp-filter-wrapper--lateral #sp_btn_filtrar_movil,
.sp-filter-main.sp-filter-wrapper--lateral .menu-close,
.sp-filter-main.sp-filter-wrapper--lateral .sp-filter-overlay¡ {
display: none;
}
.sp-filter-search-ajax .contenedor_filtros_superior #sp_contenedor_etiquetas {
display: none;
}
.sp-filter-no-products #sp_btn_filtrar_movil {
display: none;
} body.sp-filter-active #sp_btn_filtrar_movil {
display: none;
}
ul.products img {
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: contain;
} .sp-filter-search-ajax__recommended {
background-color: #ffffff;
padding: 40px 20px;
width: 100%;
display: none;
}
.sp-filter-search-ajax__recommended-inner {
max-width: 1200px;
margin: 0 auto;
}
.sp-filter-search-ajax__recommended-title {
text-align: center;
margin-bottom: 30px;
font-size: 24px;
color: var(--sp_color_filtros_negro);
}
@media (max-width: 480px) {
.sp-filter-search-ajax__recommended-title {
font-size: 18px;
margin-bottom: 20px;
}
}
.splide__track {
padding-top: 24px !important;
}
.splide {
padding: 0 60px;
}
@media (max-width: 768px) {
.splide {
padding: 0 40px;
}
}
@media (max-width: 480px) {
.splide {
padding: 0 32px;
}
} .sp-recommended-slider-container {
position: relative;
} .sp-filter-search-ajax__recommended .splide__list {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
gap: 0 !important; margin: 0 !important;
}
.sp-filter-search-ajax__recommended .splide__slide {
box-sizing: border-box;
overflow: visible !important;
}
#sp-recommended-splide .splide__slide {
box-sizing: border-box !important;
overflow: visible !important;
} .sp-filter-search-ajax__recommended .splide__slide li.product {
position: relative;
width: auto !important;
margin: 0 !important;
float: none !important;
background: #fff !important;
border-radius: 12px !important;
border: 1px solid transparent !important;
box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease !important;
padding: 0 !important;
text-align: left;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
height: 100% !important;
min-height: unset !important;
max-height: unset !important;
overflow: hidden !important;
flex-shrink: 0 !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product:hover {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important;
transform: translateY(-4px) !important;
border-color: rgba(82,178,225,.12) !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product a img {
width: 100% !important;
height: auto !important;
aspect-ratio: 1 !important;
object-fit: contain !important;
transition: transform .6s ease !important;
padding: 12px !important;
box-sizing: border-box !important;
margin: 0 !important;
border: none !important;
border-bottom: none !important;
display: block !important;
background: #f9fafb !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product:hover a img {
transform: scale(1.1) !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product h2.woocommerce-loop-product__title,
.sp-filter-search-ajax__recommended .splide__slide li.product .woocommerce-loop-product__title {
margin: 0 !important;
padding: 20px 20px 0 20px !important;
font-size: .9375rem !important;
font-weight: 700 !important;
color: #383e42 !important;
line-height: 1.25 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 2.5rem !important;
flex-grow: 0 !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product h2 a,
.sp-filter-search-ajax__recommended .splide__slide li.product .woocommerce-loop-product__title a {
color: inherit !important;
text-decoration: none !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product h2 a:hover,
.sp-filter-search-ajax__recommended .splide__slide li.product .woocommerce-loop-product__title a:hover {
color: #52b2e1 !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product .price {
color: #383e42 !important;
font-weight: 800 !important;
font-size: 1.25rem !important;
margin: 0 !important;
padding: 10px 20px !important;
margin-top: auto !important;
flex-grow: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product .price del {
color: #9ca3af !important;
font-weight: normal !important;
font-size: 0.75rem !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product .button.add_to_cart_button,
.sp-filter-search-ajax__recommended .splide__slide li.product a.button {
background-color: #52b2e1 !important;
color: #fff !important;
border: 2px solid #52b2e1 !important;
padding: 8px 0 !important;
border-radius: 999px !important;
cursor: pointer !important;
text-align: center !important;
width: calc(100% - 40px) !important;
box-sizing: border-box !important;
transition: background .25s, color .25s !important;
margin: 15px 20px 20px 20px !important;
display: block !important;
white-space: nowrap !important;
font-size: .7rem !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product .button.add_to_cart_button:hover {
background-color: #fff !important;
color: #52b2e1 !important;
} .sp-filter-search-ajax__recommended .splide__slide li.product span.onsale,
.sp-filter-search-ajax__recommended .splide__slide li.product > span.onsale {
display: inline-block !important;
width: auto !important;
min-width: unset !important;
min-height: unset !important;
max-width: fit-content !important;
padding: 3px 8px !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
position: absolute !important;
top: 10px !important;
left: 10px !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
background-color: #52b2e1 !important;
border-radius: 4px !important;
color: #ffffff !important;
line-height: 1.4 !important;
text-align: center !important;
z-index: 9 !important;
transform: none !important;
} .sp-filter-search-ajax__recommended .splide__arrow {
width: 40px;
height: 40px;
background-color: #ffffff;
border: 1px solid var(--sp_color_filtros_gris_claro);
border-radius: 50%;
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease, color 0.3s ease;
}
.sp-filter-search-ajax__recommended .splide__arrow svg {
fill: var(--sp_color_filtros_negro);
transition: fill 0.3s ease;
}
.sp-filter-search-ajax__recommended .splide__arrow:hover {
background-color: var(--sp_color_filtros_negro);
}
.sp-filter-search-ajax__recommended .splide__arrow:hover svg {
fill: #ffffff;
} .sp-catalogo-buscar-btn {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
background-color: var(--sp_color_filtros_blanco);
border: 1px solid var(--sp_color_filtros_gris_claro);
color: var(--sp_color_filtros_gris_medio);
font-size: 15px;
cursor: text;
width: 100%;
max-width: 320px;
border-radius: 0px;
transition: all 0.2s ease;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02);
}
.sp-catalogo-buscar-btn:hover {
border-color: var(--sp_color_filtros_gris_oscuro);
color: var(--sp_color_filtros_gris_oscuro);
}
.sp-catalogo-buscar-btn svg {
flex-shrink: 0;
}
.sp-catalogo-buscar-btn span {
flex-grow: 1;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .sp-rec-loading .products {
display: flex;
gap: 12px;
}
.sp-rec-loading .products li.product {
visibility: hidden;
position: relative;
min-height: 220px;
border-radius: 8px;
overflow: hidden;
background: #f0f0f0;
}
.sp-rec-loading .products li.product::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: sp-shimmer 1.2s infinite;
}
@keyframes sp-shimmer {
0%   { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.sp-recommended-slider-container.splide {
position: relative;
} #sp-recommended-splide .splide__track {
padding-top: 15px !important;
padding-bottom: 25px !important;
overflow: hidden; }
#sp-recommended-splide .splide__list {
display: flex;
}
#sp-recommended-splide .splide__slide {
box-sizing: border-box;
}
#sp-recommended-splide .splide__slide .product {
width: auto !important;
max-width: none !important;
margin: 0 !important;
}
#sp-recommended-splide .splide__slide li.product {
position: relative !important;
width: auto !important;
min-width: auto !important;
max-width: none !important;
margin: 0 !important;
float: none !important;
background: #fff !important;
border-radius: 12px !important;
border: 1px solid transparent !important;
box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease !important;
padding: 0 !important;
text-align: left;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
height: 100% !important;
min-height: unset !important;
max-height: unset !important;
overflow: hidden !important;
flex-shrink: 0 !important;
clear: both !important;
list-style: none !important;
}
#sp-recommended-splide .splide__slide li.product:hover {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important;
transform: translateY(-4px) !important;
border-color: rgba(82,178,225,.12) !important;
}
.sp-filter-search-ajax__recommended .splide__slide ul.products {
display: contents !important;
width: auto !important;
max-width: none !important;
min-width: auto !important;
margin: 0 !important;
padding: 0 !important;
grid-template-columns: none !important;
gap: 0 !important;
} .sp-rec-spinner {
display: flex;
justify-content: center;
align-items: center;
padding: 60px 0;
width: 100%;
}
.sp-rec-spinner__wheel {
width: 34px;
height: 34px;
border: 3px solid #e5e7eb;
border-top-color: #1d2327;
border-radius: 50%;
animation: sp-spin 0.7s linear infinite;
}
@keyframes sp-spin {
to { transform: rotate(360deg); }
} #sp-recommended-splide .splide__slide li.product a img {
width: 100% !important;
height: auto !important;
aspect-ratio: 1 !important;
object-fit: contain !important;
transition: transform .6s ease !important;
padding: 12px !important;
box-sizing: border-box !important;
margin: 0 !important;
border: none !important;
border-bottom: none !important;
display: block !important;
background: #ffffff !important;
}
#sp-recommended-splide .splide__slide li.product:hover a img {
transform: scale(1.1) !important;
} #sp-recommended-splide .splide__slide li.product h2.woocommerce-loop-product__title,
#sp-recommended-splide .splide__slide li.product .woocommerce-loop-product__title {
margin: 0 !important;
padding: 20px 20px 0 20px !important;
font-size: .9375rem !important;
font-weight: 700 !important;
color: #383e42 !important;
line-height: 1.25 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: 2.5rem !important;
flex-grow: 0 !important;
}
#sp-recommended-splide .splide__slide li.product h2 a,
#sp-recommended-splide .splide__slide li.product .woocommerce-loop-product__title a {
color: inherit !important;
text-decoration: none !important;
}
#sp-recommended-splide .splide__slide li.product h2 a:hover,
#sp-recommended-splide .splide__slide li.product .woocommerce-loop-product__title a:hover {
color: #52b2e1 !important;
} #sp-recommended-splide .splide__slide li.product .price {
color: #383e42 !important;
font-weight: 800 !important;
font-size: 1.25rem !important;
margin: 0 !important;
padding: 10px 20px !important;
margin-top: auto !important;
flex-grow: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
text-align: left !important;
}
#sp-recommended-splide .splide__slide li.product .price del {
color: #9ca3af !important;
font-weight: normal !important;
font-size: 0.75rem !important;
} #sp-recommended-splide .splide__slide li.product .price-tax,
#sp-recommended-splide .splide__slide li.product .woocommerce-Price-amount,
#sp-recommended-splide .splide__slide li.product .woocommerce-price-suffix,
#sp-recommended-splide .splide__slide li.product > * {
text-align: left !important;
} #sp-recommended-splide .splide__slide li.product article.fp-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
} #sp-recommended-splide .splide__slide li.product,
#sp-recommended-splide .splide__slide article.fp-card,
.sp-filter-search-ajax__recommended .splide__slide li.product,
.sp-filter-search-ajax__recommended .splide__slide article.fp-card {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
} #sp-recommended-splide .splide__slide li.product .button.add_to_cart_button,
#sp-recommended-splide .splide__slide li.product a.button {
background-color: #52b2e1 !important;
color: #fff !important;
border: 2px solid #52b2e1 !important;
padding: 8px 0 !important;
border-radius: 999px !important;
cursor: pointer !important;
text-align: center !important;
width: 100% !important;
box-sizing: border-box !important;
transition: background .25s, color .25s !important;
margin: 15px 0 20px 0 !important;
display: block !important;
white-space: nowrap !important;
font-size: .7rem !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
}
#sp-recommended-splide .splide__slide li.product .button.add_to_cart_button:hover {
background-color: #fff !important;
color: #52b2e1 !important;
} #sp-recommended-splide .splide__slide li.product span.onsale,
#sp-recommended-splide .splide__slide li.product > span.onsale {
display: inline-block !important;
width: auto !important;
min-width: unset !important;
min-height: unset !important;
max-width: fit-content !important;
padding: 3px 8px !important;
font-size: 9px !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
position: absolute !important;
top: 10px !important;
left: 10px !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
background-color: #52b2e1 !important;
border-radius: 4px !important;
color: #ffffff !important;
line-height: 1.4 !important;
text-align: center !important;
} .sp-filter-search-ajax__recommended .splide__slide li.product.fp-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product article.fp-card {
background: #fff !important;
border-radius: 12px !important;
border: 1px solid transparent !important;
box-shadow: 0 1px 3px rgba(0,0,0,.05) !important;
transition: box-shadow .4s ease, transform .4s ease, border-color .4s ease !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.sp-filter-search-ajax__recommended .splide__slide li.product article.fp-card:hover {
box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1) !important;
transform: translateY(-4px) !important;
border-color: rgba(82,178,225,.12) !important;
} #sp-recommended-splide .splide__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
color: #1d2327;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
transition: all 0.3s ease;
padding: 0;
}
#sp-recommended-splide .splide__arrow:hover {
background-color: #52b2e1 ;
color: #ffffff;
}
#sp-recommended-splide .splide__arrow--prev {
left: 0;
}
#sp-recommended-splide .splide__arrow--next {
right: 0;
}
@media (max-width: 480px) {
#sp-recommended-splide .splide__arrow {
width: 28px;
height: 28px;
}
#sp-recommended-splide .splide__arrow svg {
width: 14px;
height: 14px;
}
} .sp-filter-search-ajax__recommended {
background-color: #ffffff;
padding: 40px 20px;
width: 100%;
display: none;
opacity: 0;
}
@media (max-width: 480px) {
.sp-filter-search-ajax__recommended {
padding: 24px 12px;
}
}
.sp-filter-search-ajax__recommended.sp-animate-fade-up {
animation: sp_fade_up_entrance 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
@keyframes sp_fade_up_entrance {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .sp-filter-search-ajax__results,
.sp-filter-search-ajax__recommended,
.sp-filter-products-container {
position: relative;
} .sp-filter-products-container a.added_to_cart.wc-forward,
.sp-filter-search-ajax__recommended a.added_to_cart.wc-forward,
#sp-recommended-splide a.added_to_cart.wc-forward {
background-color: transparent !important;
color: #52b2e1 !important;
border: none !important;
padding: 4px 0 !important;
border-radius: 0 !important;
cursor: pointer !important;
text-align: center !important;
text-decoration: underline !important;
display: block !important;
font-size: .65rem !important;
font-weight: 600 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
line-height: 1.4 !important;
transition: color .25s !important;
margin-top: 8px !important;
}
.sp-filter-products-container a.added_to_cart.wc-forward:hover,
.sp-filter-search-ajax__recommended a.added_to_cart.wc-forward:hover,
#sp-recommended-splide a.added_to_cart.wc-forward:hover {
color: #4392ba !important;
text-decoration: none !important;
} .sp-filter-sidebar .sp-filter-item p.toggle {
color: var(--fq-text-dark) !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
margin-bottom: 15px !important;
border-bottom: 1px solid #eee !important;
padding-bottom: 8px !important;
} .sp-filter-sidebar ul {
padding-left: 5px !important;
}
.sp-filter-sidebar li {
margin-bottom: 10px !important;
font-size: 13px !important;
font-weight: 400 !important;
color: var(--fq-text-muted) !important;
}
.sp-filter-sidebar label {
color: var(--fq-text-muted) !important;
} .sp-filter-sidebar input[type="checkbox"] {
accent-color: var(--fq-primary) !important;
cursor: pointer !important;
} #sp-filter-apply {
background-color: var(--fq-primary) !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
border: none !important;
padding: 12px !important;
transition: opacity 0.2s ease !important;
border-radius: 0px !important;
}
#sp-filter-apply:hover {
opacity: 0.8 !important;
background-color: var(--fq-primary) !important;
} .sp-filter-search-ajax .sp-filter-main {
max-width: 1450px !important;
margin: 0 auto !important;
padding: 0 16px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.sp-filter-search-ajax .sp-filter-wrapper {
width: 100% !important;
} .sp-filter-search-ajax .sp-filter-wrapper--lateral {
gap: 20px !important;
}
.sp-filter-search-ajax .sp-filter-wrapper--lateral .sp-filter-sidebar {
position: relative !important;
left: auto !important;
visibility: visible !important;
}
.menu_movil .back-arrow span.icono_cerrar,
.menu_movil .menu-close span.icono_cerrar{
font-weight: bold;
font-size: 28px;
margin-right: 4px !important;
margin-bottom: 0;
}
.menu_movil .back-arrow span.txt_cerrar,
.menu_movil .menu-close span.txt_cerrar{
font-weight: 400;
font-size: 16px;
} .sp-filter-search-ajax .sp-filter-wrapper--fixed .sp-filter-sidebar {
position: fixed ;
width: 100% ;
max-width: 420px ;
height: 100% ;
top: 0 ;
left: -100% ;
z-index: 100001 ;
visibility: hidden ;
background: #fff ;
padding: 20px 16px 28px ;
overflow-y: auto ;
transition: left 0.3s, visibility 0.3s ;
display: flex ;
flex-direction: column ;
gap: 18px ;
border: 0 ;
box-sizing: border-box;
}
.sp-filter-search-ajax .sp-filter-wrapper--fixed .sp-filter-sidebar.active {
left: 0 !important;
visibility: visible !important;
}
.sp-filter-search-ajax .sp-filter-overlay {
z-index: 10000 !important;
}
.sp-filter-search-ajax .sp-filter-sidebar-header {
display: none !important;
} @media (min-width: 992px) {
.sp-filter-search-ajax .sp-filter-main #sp_btn_filtrar_movil {
display: none !important;
}
}
@media (max-width: 991px) {
.sp-filter-search-ajax .sp-filter-main #sp_btn_filtrar_movil {
display: flex !important;
}
}.ui-draggable-handle {
touch-action: none;
} .ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
}
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
pointer-events: none;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
user-select: none;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input {
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: pointer;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
background-image: none;
}  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//farmaciaqueiles.com/wp-content/plugins/superplus-for-woocommerce-pro/includes/modules/catalog-search/assets/css/images/ui-icons_777777_256x240.png);
}  .ui-icon-blank.ui-icon-blank.ui-icon-blank {
background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
} .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
}
.ui-widget-shadow {
box-shadow: 0px 0px 5px #666666;
}.sp-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 999998;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
backdrop-filter: blur(2px);
}
.sp-popup-overlay--visible {
display: flex;
} .sp-popup {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.07), 0 16px 48px -4px rgba(0,0,0,0.14);
width: 100%;
max-width: 560px;
max-height: 88vh;
overflow-y: auto;
z-index: 999999;
opacity: 0;
transform: translateY(12px) scale(0.985);
transition: opacity 0.2s ease, transform 0.2s ease;
box-sizing: border-box;
}
.sp-popup--visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.sp-popup__head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 22px 14px;
border-bottom: 1px solid #f3f4f6;
}
.sp-popup__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
color: #111827;
line-height: 1.3;
letter-spacing: -0.01em;
}
.sp-popup__close {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: none;
border: none;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
color: #9ca3af;
border-radius: 6px;
padding: 0;
transition: color 0.15s, background 0.15s;
}
.sp-popup__close:hover {
color: #111827;
background: #f3f4f6;
}
.sp-popup__body {
padding: 18px 22px 22px;
transition: opacity 0.15s ease;
} .sp-popup.sp_loading .sp-popup__body {
opacity: 0.45;
pointer-events: none;
} .sp-popup-error-banner {
display: none;
align-items: flex-start;
gap: 8px;
margin: 0 22px;
padding: 10px 14px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 7px;
font-size: 13px;
color: #b91c1c;
line-height: 1.45;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.25s ease, transform 0.25s ease;
margin-bottom: 0;
}
.sp-popup-error-banner + .sp-popup__body {
padding-top: 14px;
}
.sp-popup-error-banner svg {
flex-shrink: 0;
margin-top: 1px;
color: #ef4444;
}
.sp-popup-error-banner--visible {
opacity: 1;
transform: translateY(0);
display: flex !important;
} .sp-popup-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
} @media screen and (max-width: 600px) {
.sp-popup {
max-height: 95vh;
border-radius: 10px;
}
.sp-popup-footer {
flex-direction: column;
gap: 8px;
}
.sp-popup-footer button {
width: 100%;
justify-content: center;
}
} body.sp-wsv-theme-dark .sp-popup-overlay {
background: rgba(0, 0, 0, 0.6);
}
body.sp-wsv-theme-dark .sp-popup {
background: #1f2937;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 16px 48px -4px rgba(0,0,0,0.5);
}
body.sp-wsv-theme-dark .sp-popup__head {
border-bottom-color: #374151;
}
body.sp-wsv-theme-dark .sp-popup__title {
color: #f9fafb;
}
body.sp-wsv-theme-dark .sp-popup__close {
color: #9ca3af;
}
body.sp-wsv-theme-dark .sp-popup__close:hover {
color: #f9fafb;
background: #374151;
}
body.sp-wsv-theme-dark .sp-popup-error-banner {
background: #450a0a;
border-color: #7f1d1d;
color: #fca5a5;
}.spwsv-pro-notice {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 1rem;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
margin-top: 1.25rem;
min-width: 0;
}
.spwsv-pro-notice .dashicons {
color: #6c757d;
font-size: 1.25rem;
flex-shrink: 0;
margin-top: 2px;
}
.spwsv-pro-notice p {
margin: 0;
font-size: 0.75rem;
color: #6c757d;
line-height: 1.6;
word-break: break-word;
min-width: 0;
} .spwsv-notice {
display: flex;
align-items: flex-start;
gap: 0.625rem;
margin-top: 0.625rem;
padding: 0.6875rem 0.875rem;
border-radius: 8px;
font-size: 0.75rem;
line-height: 1.5;
min-width: 0;
word-break: break-word;
}
.spwsv-notice--info {
background: #eff6ff;
border: 1px solid #bfdbfe;
color: #1e40af;
}
.spwsv-notice__icon {
flex-shrink: 0;
margin-top: 1px;
color: #3b82f6;
}
.spwsv-notice__body {
flex: 1;
min-width: 0;
}
.spwsv--notice__body strong {
display: inline-block;
margin-right: 4px;
font-weight: 600;
}
.spwsv-notice__body a {
color: #1d4ed8;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 2px;
}
.spwsv-notice__body a:hover {
color: #1e3a8a;
}
@media (max-width: 600px) {
.spwsv-pro-notice {
gap: 0.5rem;
padding: 0.75rem;
}
}
@media (max-width: 480px) {
.spwsv-pro-notice {
flex-direction: column;
padding: 0.75rem;
}
.spwsv-pro-notice p {
font-size: 0.6875rem;
}
.spwsv-notice {
flex-direction: column;
gap: 0.375rem;
padding: 0.625rem 0.75rem;
font-size: 0.6875rem;
}
.spwsv-notice__icon {
margin-top: 0;
}
}.sp-dir-checkout-bar {
margin-bottom: 20px;
}
.sp-dir-trigger-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 9px 16px;
background: #fff;
color: #111827;
border: 1.5px solid #d1d5db;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
line-height: 1.4;
}
.sp-dir-trigger-btn svg {
flex-shrink: 0;
opacity: 0.6;
}
.sp-dir-trigger-btn:hover {
border-color: #111827;
color: black;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
background: #f9fafb;
} body.sp-wsv-theme-dark .sp-dir-trigger-btn {
background: #1f2937;
color: #f9fafb;
border-color: #374151;
}
body.sp-wsv-theme-dark .sp-dir-trigger-btn:hover {
background: #374151;
border-color: #4b5563;
color: #fff;
box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
body.sp-wsv-theme-dark .sp-dir-trigger-btn svg {
opacity: 0.7;
} body.sp-wsv-theme-dark .sp-dir-overlay {
background: rgba(0, 0, 0, 0.6);
}
body.sp-wsv-theme-dark .sp-dir-popup {
background: #1f2937;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.3), 0 16px 48px -4px rgba(0,0,0,0.5);
}
body.sp-wsv-theme-dark .sp-dir-popup__head {
border-bottom-color: #374151;
}
body.sp-wsv-theme-dark .sp-dir-popup__title {
color: #f9fafb;
}
body.sp-wsv-theme-dark .sp-dir-popup__close {
color: #9ca3af;
}
body.sp-wsv-theme-dark .sp-dir-popup__close:hover {
color: #f9fafb;
background: #374151;
} body.sp-wsv-theme-dark .sp_direccion_guardada {
background: #374151;
border-color: #4b5563;
}
body.sp-wsv-theme-dark .sp_direccion_guardada.clickable:hover {
background: #4b5563;
border-color: #6b7280;
}
body.sp-wsv-theme-dark .sp_direccion_guardada .alias_direccion {
color: #f9fafb;
}
body.sp-wsv-theme-dark .sp_direccion_guardada .direccion {
color: #d1d5db;
}
body.sp-wsv-theme-dark .sp_direccion_guardada .borrar_direccion {
background: #1f2937;
color: #d1d5db;
border-color: #4b5563;
}
body.sp-wsv-theme-dark .sp_direccion_guardada .borrar_direccion:hover {
color: #f9fafb;
border-color: #6b7280;
} body.sp-wsv-theme-dark .sp-popup-footer button:first-child,
body.sp-wsv-theme-dark .sp-popup-footer .btn_iny_direccion {
background: #f9fafb;
color: #111827;
border-color: #f9fafb;
}
body.sp-wsv-theme-dark .sp-popup-footer button:first-child:hover,
body.sp-wsv-theme-dark .sp-popup-footer .btn_iny_direccion:hover {
background: #e5e7eb;
border-color: #e5e7eb;
}
body.sp-wsv-theme-dark .sp-popup-footer button:last-child:not(:first-child) {
background: #1f2937;
color: #d1d5db;
border-color: #4b5563;
}
body.sp-wsv-theme-dark .sp-popup-footer button:last-child:not(:first-child):hover {
border-color: #6b7280;
background: #374151;
color: #f9fafb;
}
body.sp-wsv-theme-dark .sp-popup-footer .btn_iny_direccion + .btn_iny_direccion {
background: #1f2937;
color: #d1d5db;
border-color: #4b5563;
}
body.sp-wsv-theme-dark .sp-popup-footer .btn_iny_direccion + .btn_iny_direccion:hover {
border-color: #6b7280;
background: #374151;
color: #f9fafb;
} body.sp-wsv-theme-dark .sp-popup__body input[type="text"],
body.sp-wsv-theme-dark .sp-popup__body input[type="search"] {
background: #374151;
color: #f9fafb;
border-color: #4b5563;
}
body.sp-wsv-theme-dark .sp-popup__body input[type="text"]::placeholder,
body.sp-wsv-theme-dark .sp-popup__body input[type="search"]::placeholder {
color: #9ca3af;
}
body.sp-wsv-theme-dark .sp-popup__body input[type="text"]:focus,
body.sp-wsv-theme-dark .sp-popup__body input[type="search"]:focus {
border-color: #f9fafb;
box-shadow: 0 0 0 3px rgba(249,250,251,0.15);
} body.sp-wsv-theme-dark #listado_mis_direcciones.loading {
color: #d1d5db;
}
body.sp-wsv-theme-dark #listado_mis_direcciones.loading::after {
border-color: #4b5563;
border-top-color: #f9fafb;
}
body.sp-wsv-theme-dark .sp-dir-error-banner {
background: #450a0a;
border-color: #7f1d1d;
color: #fca5a5;
}
body.sp-wsv-theme-dark .sp-dir-empty {
color: #d1d5db;
}
body.sp-wsv-theme-dark .sp-dir-choose-label {
color: #d1d5db;
} .sp-dir-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 999998;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
backdrop-filter: blur(2px);
}
.sp-dir-overlay--visible {
display: flex;
} .sp-dir-popup {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.07), 0 16px 48px -4px rgba(0,0,0,0.14);
width: 100%;
max-width: 560px;
max-height: 88vh;
overflow-y: auto;
z-index: 999999;
opacity: 0;
transform: translateY(12px) scale(0.985);
transition: opacity 0.2s ease, transform 0.2s ease;
box-sizing: border-box;
}
.sp-dir-popup--visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.sp-dir-popup__head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 22px 14px;
border-bottom: 1px solid #f3f4f6;
}
.sp-dir-popup__title {
margin: 0;
font-size: 1rem;
font-weight: 600;
color: #111827;
line-height: 1.3;
letter-spacing: -0.01em;
}
.sp-dir-popup__close {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: none;
border: none;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
color: #9ca3af;
border-radius: 6px;
padding: 0;
transition: color 0.15s, background 0.15s;
}
.sp-dir-popup__close:hover {
color: #111827;
background: #f3f4f6;
}  #listado_mis_direcciones {
display: flex;
gap: 8px;
flex-direction: column;
margin: 0 0 18px;
}
.sp_direccion_guardada {
padding: 14px 16px;
border-radius: 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
justify-content: space-between;
background: #f9fafb;
border: 1px solid #e5e7eb;
transition: border-color 0.15s, background 0.15s;
}
.sp_direccion_guardada.clickable {
cursor: pointer;
}
.sp_direccion_guardada.clickable:hover {
background: #f3f4f6;
border-color: #111827;
}
.sp_direccion_guardada .datos_direccion {
flex: 1;
min-width: 0;
}
.sp_direccion_guardada .alias_direccion {
margin: 0 0 2px;
font-size: 0.875rem;
font-weight: 600;
color: #111827;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sp_direccion_guardada .direccion {
font-size: 0.8rem;
color: #6b7280;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .sp_direccion_guardada .borrar_direccion {
flex-shrink: 0;
padding: 5px 12px;
font-size: 0.78rem;
font-weight: 500;
background: #fff;
color: #6b7280;
border: 1px solid #e5e7eb;
border-radius: 6px;
cursor: pointer;
transition: color 0.15s, border-color 0.15s;
}
.sp_direccion_guardada .borrar_direccion:hover {
color: #111827;
border-color: #9ca3af;
}  .sp-popup-footer button:first-child,
.sp-popup-footer .btn_iny_direccion {
padding: 9px 18px;
background: #111827;
color: #fff;
border: 1.5px solid #111827;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: background 0.15s, border-color 0.15s;
}
.sp-popup-footer button:first-child:hover,
.sp-popup-footer .btn_iny_direccion:hover {
background: #1f2937;
border-color: #1f2937;
} .sp-popup-footer button:last-child:not(:first-child) {
padding: 9px 18px;
background: #fff;
color: #374151;
border: 1.5px solid #d1d5db;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: border-color 0.15s, background 0.15s;
}
.sp-popup-footer button:last-child:not(:first-child):hover {
border-color: #9ca3af;
background: #f9fafb;
} .sp-popup-footer .btn_iny_direccion + .btn_iny_direccion {
background: #fff;
color: #374151;
border-color: #d1d5db;
}
.sp-popup-footer .btn_iny_direccion + .btn_iny_direccion:hover {
border-color: #9ca3af;
background: #f9fafb;
color: #111827;
} #listado_mis_direcciones.loading {
flex-direction: row;
align-items: center;
justify-content: center;
min-height: 72px;
font-size: 0.85rem;
color: #6b7280;
gap: 10px;
} #listado_mis_direcciones .img_cargando {
display: none !important;
}
#listado_mis_direcciones.loading::after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid #e5e7eb;
border-top-color: #111827;
border-radius: 50%;
animation: sp-dir-spin 0.65s linear infinite;
flex-shrink: 0;
}
@keyframes sp-dir-spin {
to { transform: rotate(360deg); }
}
.sp-popup.sp_loading .sp-popup__body {
opacity: 0.45;
pointer-events: none;
}  .sp-popup__body .row {
display: flex;
gap: 10px;
margin-bottom: 0;
}
.sp-popup__body .row p {
flex: 1;
margin: 0 0 10px;
}
.sp-popup__body .col-md-6 {
flex: 1 1 calc(50% - 5px);
min-width: 0;
}
.sp-popup__body .col-md-12 {
flex: 1 1 100%;
}
.sp-popup__body input[type="text"],
.sp-popup__body input[type="search"] {
width: 100%;
box-sizing: border-box;
padding: 9px 12px;
background: #fff;
color: #111827;
border: 1.5px solid #d1d5db;
border-radius: 7px;
font-size: 13px;
line-height: 1.4;
transition: border-color 0.15s, box-shadow 0.15s;
outline: none;
}
.sp-popup__body input[type="text"]::placeholder,
.sp-popup__body input[type="search"]::placeholder {
color: #9ca3af;
}
.sp-popup__body input[type="text"]:focus,
.sp-popup__body input[type="search"]:focus {
border-color: #111827;
box-shadow: 0 0 0 3px rgba(17,24,39,0.07);
} @media screen and (max-width: 600px) {
.sp-dir-popup {
max-height: 95vh;
border-radius: 10px;
}
.sp-popup-footer {
flex-direction: column;
gap: 8px;
}
.sp-popup-footer button {
width: 100%;
justify-content: center;
}
.sp-popup__body .row {
flex-direction: column;
gap: 0;
}
.sp-popup__body .col-md-6 {
flex: 1 1 100%;
}
} .sp-dir-error-banner {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0 22px;
padding: 10px 14px;
background: #fef2f2;
border: 1px solid #fecaca;
border-radius: 7px;
font-size: 13px;
color: #b91c1c;
line-height: 1.45;
opacity: 0;
transform: translateY(-4px);
transition: opacity 0.25s ease, transform 0.25s ease;
margin-bottom: 0;
}
.sp-dir-error-banner + .sp-popup__body {
padding-top: 14px;
}
.sp-dir-error-banner svg {
flex-shrink: 0;
margin-top: 1px;
color: #ef4444;
}
.sp-dir-error-banner--visible {
opacity: 1;
transform: translateY(0);
} .sp-dir-empty {
font-size: 0.85rem;
color: #6b7280;
text-align: center;
padding: 16px 0 8px;
margin: 0;
} .sp-dir-choose-label {
font-size: 0.9rem;
color: #374151;
margin: 0 0 16px;
}  .sp-dir-footer-col {
flex-direction: column;
align-items: stretch;
}
.sp-dir-footer-col button {
width: 100%;
text-align: center;
justify-content: center;
}:root {
--sp_wsv_alerts_color_rojo: #db2a1b;
--sp_wsv_alerts_color_amarillo: #bf953e;
--sp_wsv_alerts_color_verde: #00b07c;
--sp_wsv_alerts_color_azul: #0081b0;
--sp_wsv_alerts_color_blanco: #fff;
} .woocommerce-notices-wrapper {
animation: spwsv-notice-fade-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
display: flex;
justify-content: start;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
animation: spwsv-notice-fade-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
width: 100%;
}
@keyframes spwsv-notice-fade-in {
from {
opacity: 0;
transform: translateY(-16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
position: relative;
background-color: var(--sp_wsv_alerts_color_amarillo);
color: var(--sp_wsv_alerts_color_blanco);
border-radius: 10px;
list-style: none outside;
word-wrap: break-word;
box-shadow: 0px 0px 20px #0001;
border-top: 0px;
}
body .woocommerce .woocommerce-error :where(a, a:hover, a:focus, a:active, a:visited),
body .woocommerce .woocommerce-info :where(a, a:hover, a:focus, a:active, a:visited), 
body .woocommerce .woocommerce-message :where(a, a:hover, a:focus, a:active, a:visited){
color: var(--sp_wsv_alerts_color_blanco);
}
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
content: " ";
display: table;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
clear: both;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
content: "\e028"/"";
display: inline-block;
position: relative;
top: auto;
left: auto;
margin-right: 12px;
color: var(--sp_wsv_alerts_color_blanco);
flex-shrink: 0;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: right;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed;
}
.woocommerce-message {
background-color: var(--sp_wsv_alerts_color_verde);
}
.woocommerce-message::before {
content: "\e015";
color: var(--sp_wsv_alerts_color_blanco);
}
.woocommerce-info {
background-color: var(--sp_wsv_alerts_color_azul);
}
.woocommerce-info::before {
color: var(--sp_wsv_alerts_color_blanco);
}
.woocommerce-error {
background-color: var(--sp_wsv_alerts_color_rojo);
}
.woocommerce-error::before {
content: "\e016";
color: var(--sp_wsv_alerts_color_blanco);
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
color: var(--sp_wsv_alerts_color_blanco);
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
display: flex;
align-items: center;
gap: 20px;
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
flex-shrink: 0;
white-space: nowrap;
font-weight: 600;
padding: 8px 16px !important;
border-radius: 6px !important;
background: rgba(255, 255, 255, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
color: #333 !important;
text-decoration: none !important;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover {
background: rgba(255, 255, 255, 1) !important;
border-color: rgba(255, 255, 255, 1) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: 12px 16px 12px 40px;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
position: absolute;
top: 12px;
left: 12px;
margin-right: 0;
font-size: 18px;
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
width: 100%;
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 216px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #3B29FF; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #3B29FF; --cmplz_button_accept_border_color: #3B29FF; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #3B29FF; --cmplz_slider_inactive_color: #555; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; gap: 1px; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 769px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;} .wpforms-recaptcha-container { position: relative !important; } div.wpforms-container-full .wpforms-form .cmplz-accept-marketing { background: grey; }