/* =========================================================
CONFIGURACIÓN GENERAL
========================================================= */
#pvtfilter44-store{
--pvt-purple:#7c2c84;
--pvt-purple-dark:#37133f;
--pvt-purple-soft:#f8eef9;
--pvt-pink:#e2136c;
--pvt-green:#5ba238;
--pvt-dark:#29242b;
--pvt-text:#514b53;
--pvt-muted:#7a757b;
--pvt-bg:#faf8fb;
--pvt-border:rgba(124,44,132,.16);
--pvt-shadow:0 16px 38px rgba(124,44,132,.17);
--pvt-shadow-hover:0 25px 55px rgba(124,44,132,.29);
position:relative!important;
isolation:isolate!important;
display:block!important;
clear:both!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
color:var(--pvt-text)!important;
background:var(--pvt-bg)!important;
font-family:inherit!important;
}
#pvtfilter44-store,
#pvtfilter44-store *,
#pvtfilter44-store *::before,
#pvtfilter44-store *::after{
box-sizing:border-box!important;
}
#pvtfilter44-store h1,
#pvtfilter44-store h2,
#pvtfilter44-store h3,
#pvtfilter44-store p,
#pvtfilter44-store ul{
margin-top:0!important;
}
#pvtfilter44-store a{
color:inherit;
text-decoration:none!important;
}
#pvtfilter44-store img,
#pvtfilter44-store svg{
display:block;
}
#pvtfilter44-store button,
#pvtfilter44-store input,
#pvtfilter44-store select{
font:inherit;
}
#pvtfilter44-store .pvtfilter44-container{
width:calc(100% - 40px);
max-width:1440px;
margin:0 auto!important;
}
/* =========================================================
HERO
========================================================= */
#pvtfilter44-store .pvtfilter44-hero{
position:relative;
padding:62px 0 75px;
overflow:hidden;
background:
radial-gradient(
circle at 8% 15%,
rgba(56,169,224,.15),
transparent 27%
),
radial-gradient(
circle at 92% 18%,
rgba(226,19,108,.15),
transparent 29%
),
linear-gradient(
135deg,
#fff,
#faf2fb
);
}
#pvtfilter44-store .pvtfilter44-hero::after{
content:"";
position:absolute;
top:-180px;
right:-110px;
width:470px;
height:470px;
border:65px solid rgba(124,44,132,.045);
border-radius:50%;
}
#pvtfilter44-store .pvtfilter44-hero-copy{
position:relative;
z-index:2;
max-width:850px;
}
#pvtfilter44-store .pvtfilter44-label{
display:inline-flex;
align-items:center;
gap:9px;
margin:0 0 14px!important;
color:var(--pvt-pink);
font-size:13px;
font-weight:850;
text-transform:uppercase;
letter-spacing:.1em;
}
#pvtfilter44-store .pvtfilter44-label::before{
content:"";
width:28px;
height:3px;
border-radius:20px;
background:linear-gradient(
90deg,
var(--pvt-purple),
var(--pvt-pink)
);
}
#pvtfilter44-store .pvtfilter44-hero h1{
margin:0 0 18px!important;
color:var(--pvt-dark)!important;
font-size:clamp(42px,6vw,65px);
font-weight:900;
line-height:1.04;
letter-spacing:-.055em;
}
#pvtfilter44-store .pvtfilter44-hero h1 span{
color:var(--pvt-purple);
}
#pvtfilter44-store .pvtfilter44-hero p{
max-width:760px;
margin:0!important;
color:var(--pvt-muted)!important;
font-size:17px;
line-height:1.75;
}
/* =========================================================
TOOLBAR
========================================================= */
#pvtfilter44-store .pvtfilter44-toolbar-wrap{
position:relative;
z-index:5;
}
#pvtfilter44-store .pvtfilter44-toolbar{
display:grid;
grid-template-columns:minmax(270px,1fr) auto;
align-items:center;
gap:18px;
margin:-30px 0 0!important;
padding:15px;
border:1px solid var(--pvt-border);
border-radius:19px;
background:#fff;
box-shadow:0 15px 38px rgba(55,19,63,.11);
}
#pvtfilter44-store .pvtfilter44-search{
position:relative;
}
#pvtfilter44-store .pvtfilter44-search svg{
position:absolute;
top:50%;
left:16px;
width:21px;
height:21px;
fill:var(--pvt-purple);
transform:translateY(-50%);
pointer-events:none;
}
#pvtfilter44-store .pvtfilter44-search input{
display:block!important;
width:100%!important;
height:51px!important;
margin:0!important;
padding:10px 15px 10px 48px!important;
border:1px solid var(--pvt-border)!important;
border-radius:13px!important;
outline:none!important;
color:var(--pvt-dark)!important;
background:var(--pvt-bg)!important;
box-shadow:none!important;
font-size:14px!important;
}
#pvtfilter44-store .pvtfilter44-search input:focus{
border-color:var(--pvt-purple)!important;
background:#fff!important;
box-shadow:0 0 0 4px rgba(124,44,132,.1)!important;
}
#pvtfilter44-store .pvtfilter44-toolbar-actions{
display:flex;
align-items:center;
gap:11px;
}
#pvtfilter44-store .pvtfilter44-count{
margin:0 5px 0 0!important;
color:var(--pvt-muted)!important;
font-size:12px;
white-space:nowrap;
}
#pvtfilter44-store .pvtfilter44-count strong{
color:var(--pvt-purple);
}
#pvtfilter44-store .pvtfilter44-sort{
height:47px!important;
min-width:190px;
margin:0!important;
padding:9px 35px 9px 13px!important;
border:1px solid var(--pvt-border)!important;
border-radius:12px!important;
color:var(--pvt-dark)!important;
background:#fff!important;
font-size:13px!important;
font-weight:700!important;
}
#pvtfilter44-store .pvtfilter44-mobile-filter{
display:none!important;
align-items:center;
justify-content:center;
gap:7px;
height:47px;
padding:10px 14px!important;
border:0!important;
border-radius:12px!important;
color:#fff!important;
background:var(--pvt-purple)!important;
font-size:12px!important;
font-weight:800!important;
cursor:pointer;
}
/* =========================================================
ESTRUCTURA
========================================================= */
#pvtfilter44-store .pvtfilter44-main{
padding:48px 0 95px;
}
#pvtfilter44-store .pvtfilter44-layout{
display:grid;
grid-template-columns:310px minmax(0,1fr);
align-items:start;
gap:31px;
}
/* =========================================================
PANEL DE FILTROS
========================================================= */
#pvtfilter44-store .pvtfilter44-filters{
position:sticky;
top:115px;
max-height:calc(100vh - 135px);
padding:22px 18px;
overflow-y:auto;
border:1px solid var(--pvt-border);
border-radius:21px;
background:#fff;
box-shadow:0 14px 35px rgba(55,19,63,.09);
scrollbar-width:thin;
scrollbar-color:rgba(124,44,132,.35) transparent;
}
#pvtfilter44-store .pvtfilter44-filters::-webkit-scrollbar{
width:6px;
}
#pvtfilter44-store .pvtfilter44-filters::-webkit-scrollbar-thumb{
border-radius:20px;
background:rgba(124,44,132,.3);
}
#pvtfilter44-store .pvtfilter44-filter-top{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:0 0 18px!important;
}
#pvtfilter44-store .pvtfilter44-filter-title{
margin:0!important;
color:var(--pvt-dark)!important;
font-size:22px!important;
font-weight:900!important;
}
#pvtfilter44-store .pvtfilter44-clear{
margin:0!important;
padding:7px 0!important;
border:0!important;
color:var(--pvt-purple)!important;
background:transparent!important;
font-size:12px!important;
font-weight:700!important;
cursor:pointer;
}
#pvtfilter44-store .pvtfilter44-filter-close{
display:none;
align-items:center;
justify-content:center;
width:35px;
height:35px;
padding:0!important;
border:0!important;
border-radius:10px!important;
color:var(--pvt-purple)!important;
background:var(--pvt-purple-soft)!important;
font-size:23px;
cursor:pointer;
}
/* =========================================================
FILTROS APLICADOS
========================================================= */
#pvtfilter44-store .pvtfilter44-applied{
display:none;
margin:0 0 12px!important;
padding:0 3px 20px;
border-bottom:1px solid rgba(41,36,43,.25);
}
#pvtfilter44-store .pvtfilter44-applied.is-visible{
display:block;
}
#pvtfilter44-store .pvtfilter44-applied h3{
margin:0 0 16px!important;
color:var(--pvt-dark)!important;
font-size:17px!important;
font-weight:800!important;
}
#pvtfilter44-store .pvtfilter44-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
}
#pvtfilter44-store .pvtfilter44-chip{
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:6px;
min-height:31px;
margin:0!important;
padding:5px 10px!important;
border:1px solid rgba(41,36,43,.22)!important;
border-radius:8px!important;
color:#676168!important;
background:#fff!important;
font-size:11px!important;
font-weight:500!important;
cursor:pointer;
}
#pvtfilter44-store .pvtfilter44-chip:hover{
color:var(--pvt-purple)!important;
border-color:var(--pvt-purple)!important;
}
#pvtfilter44-store .pvtfilter44-chip-dot{
width:11px;
height:11px;
flex:0 0 11px;
overflow:hidden;
border:1px solid rgba(0,0,0,.28);
border-radius:50%;
background-color:#d7d7d7;
background-image:var(--pvt-chip-color,none);
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
}
#pvtfilter44-store .pvtfilter44-chip-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:14px;
height:14px;
border:1px solid currentColor;
border-radius:50%;
font-size:9px;
line-height:1;
}
/* =========================================================
ACORDEONES
========================================================= */
#pvtfilter44-store .pvtfilter44-accordion{
margin:0!important;
padding:0!important;
border-bottom:1px solid rgba(41,36,43,.25);
}
#pvtfilter44-store .pvtfilter44-accordion[hidden]{
display:none!important;
}
#pvtfilter44-store .pvtfilter44-accordion-title{
display:flex!important;
align-items:center;
justify-content:space-between;
width:100%!important;
min-height:45px;
margin:0!important;
padding:10px 3px!important;
border:0!important;
border-radius:0!important;
color:var(--pvt-dark)!important;
background:transparent!important;
box-shadow:none!important;
font-size:17px!important;
font-weight:800!important;
text-align:left;
cursor:pointer;
}
#pvtfilter44-store .pvtfilter44-accordion-symbol{
color:#5e595f;
font-size:20px;
font-weight:500;
}
#pvtfilter44-store .pvtfilter44-accordion-content{
display:none;
padding:1px 3px 18px;
}
#pvtfilter44-store
.pvtfilter44-accordion.is-open
.pvtfilter44-accordion-content{
display:block;
}
/* =========================================================
CHECKBOXES
========================================================= */
#pvtfilter44-store .pvtfilter44-check{
position:relative;
display:grid!important;
grid-template-columns:17px minmax(0,1fr);
align-items:center;
gap:10px;
width:100%;
min-height:31px;
margin:0!important;
padding:4px 0!important;
color:#3f3a40!important;
font-size:12px!important;
font-weight:500!important;
cursor:pointer;
}
#pvtfilter44-store .pvtfilter44-check input{
position:absolute!important;
width:1px!important;
height:1px!important;
opacity:0!important;
pointer-events:none!important;
}
#pvtfilter44-store .pvtfilter44-box{
position:relative;
display:block;
width:14px;
height:14px;
border:1px solid #a6a1a6;
border-radius:2px;
background:#fff;
}
#pvtfilter44-store
.pvtfilter44-check input:checked
+ .pvtfilter44-box{
border-color:var(--pvt-purple);
background:var(--pvt-purple);
}
#pvtfilter44-store
.pvtfilter44-check input:checked
+ .pvtfilter44-box::after{
content:"";
position:absolute;
top:2px;
left:4px;
width:4px;
height:7px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
}
/* =========================================================
CATEGORÍAS
========================================================= */
#pvtfilter44-store .pvtfilter44-category-tree,
#pvtfilter44-store .pvtfilter44-category-children{
display:grid;
gap:3px;
margin:0!important;
padding:0!important;
list-style:none!important;
}
#pvtfilter44-store .pvtfilter44-category-item{
margin:0!important;
padding:0!important;
}
#pvtfilter44-store .pvtfilter44-category-row{
display:grid;
grid-template-columns:minmax(0,1fr) 28px;
align-items:center;
gap:5px;
min-height:33px;
padding-left:calc(var(--pvt-level,0) * 16px);
}
#pvtfilter44-store .pvtfilter44-category-arrow{
display:flex!important;
align-items:center;
justify-content:center;
width:28px;
height:28px;
margin:0!important;
padding:0!important;
border:0!important;
color:#29242b!important;
background:transparent!important;
cursor:pointer;
}
#pvtfilter44-store .pvtfilter44-category-arrow svg{
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-width:2;
transition:transform .2s ease;
}
#pvtfilter44-store
.pvtfilter44-category-item.is-expanded
> .pvtfilter44-category-row
.pvtfilter44-category-arrow svg{
transform:rotate(180deg);
}
#pvtfilter44-store .pvtfilter44-category-panel{
display:none;
}
#pvtfilter44-store
.pvtfilter44-category-item.is-expanded
> .pvtfilter44-category-panel{
display:block;
}
#pvtfilter44-store .pvtfilter44-loading-text{
padding:12px 0!important;
color:var(--pvt-muted)!important;
font-size:12px!important;
}
/* =========================================================
COLORES ESTILO ROLY
========================================================= */
#pvtfilter44-store .pvtfilter44-color-grid{
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:13px 7px!important;
max-height:430px!important;
padding:8px 2px!important;
overflow-y:auto!important;
}
#pvtfilter44-store .pvtfilter44-color-option{
position:relative;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:5px!important;
min-width:0!important;
margin:0!important;
padding:0!important;
cursor:pointer!important;
}
#pvtfilter44-store .pvtfilter44-color-option input{
position:absolute!important;
width:1px!important;
height:1px!important;
opacity:0!important;
pointer-events:none!important;
}
#pvtfilter44-store .pvtfilter44-color-circle{
position:relative!important;
display:block!important;
width:31px!important;
height:31px!important;
flex:0 0 31px!important;
overflow:hidden!important;
border:1px solid rgba(0,0,0,.28)!important;
border-radius:50%!important;
background-color:#d7d7d7!important;
background-image:var(--pvt-color-value,none)!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:100% 100%!important;
box-shadow:
0 0 0 2px #fff,
0 0 0 3px transparent!important;
transition:
transform .18s ease,
box-shadow .18s ease!important;
}
#pvtfilter44-store
.pvtfilter44-color-option:hover
.pvtfilter44-color-circle{
transform:scale(1.08)!important;
}
#pvtfilter44-store
.pvtfilter44-color-option input:checked
+ .pvtfilter44-color-circle{
box-shadow:
0 0 0 2px #fff,
0 0 0 4px var(--pvt-purple)!important;
}
#pvtfilter44-store
.pvtfilter44-color-option input:checked
+ .pvtfilter44-color-circle::after{
content:"";
position:absolute;
z-index:3;
top:50%;
left:50%;
width:7px;
height:11px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.85));
transform:translate(-50%,-61%) rotate(45deg);
}
#pvtfilter44-store .pvtfilter44-color-name{
display:block!important;
width:100%!important;
min-width:0!important;
overflow:hidden!important;
color:#686268;
font-size:9px!important;
font-weight:600!important;
line-height:1.1!important;
text-align:center!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
/* =========================================================
PRECIO
========================================================= */
#pvtfilter44-store .pvtfilter44-price-grid{
display:grid;
gap:10px;
}
#pvtfilter44-store .pvtfilter44-price-field label{
display:block;
margin:0 0 6px;
color:var(--pvt-muted);
font-size:11px;
font-weight:700;
}
#pvtfilter44-store .pvtfilter44-price-wrap{
position:relative;
}
#pvtfilter44-store .pvtfilter44-price-wrap input{
display:block!important;
width:100%!important;
height:43px!important;
margin:0!important;
padding:8px 27px 8px 10px!important;
border:1px solid var(--pvt-border)!important;
border-radius:10px!important;
outline:none!important;
color:var(--pvt-dark)!important;
background:var(--pvt-bg)!important;
box-shadow:none!important;
font-size:12px!important;
}
#pvtfilter44-store .pvtfilter44-price-wrap span{
position:absolute;
top:50%;
right:10px;
color:var(--pvt-purple);
font-size:13px;
font-weight:850;
transform:translateY(-50%);
}
/* =========================================================
PRODUCTOS
========================================================= */
#pvtfilter44-store .pvtfilter44-products-column{
min-width:0;
}
#pvtfilter44-store .pvtfilter44-products{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
gap:23px;
}
#pvtfilter44-store .pvtfilter44-card{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
height:100%;
overflow:hidden;
border:1px solid rgba(124,44,132,.15);
border-radius:20px;
background:#fff;
box-shadow:var(--pvt-shadow);
transition:
transform .25s ease,
box-shadow .25s ease;
}
#pvtfilter44-store .pvtfilter44-card:hover{
transform:translateY(-8px);
box-shadow:var(--pvt-shadow-hover);
}
#pvtfilter44-store .pvtfilter44-image-area{
position:relative;
display:block;
width:100%;
background:#efefef;
}
#pvtfilter44-store .pvtfilter44-image-link{
position:relative;
display:block!important;
width:100%;
aspect-ratio:1/1.08;
overflow:hidden;
background:#efefef;
}
#pvtfilter44-store .pvtfilter44-product-image{
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
object-fit:contain!important;
object-position:center!important;
background:#efefef;
transition:
transform .3s ease,
opacity .15s ease;
}
#pvtfilter44-store
.pvtfilter44-card:hover
.pvtfilter44-product-image{
transform:scale(1.02);
}
#pvtfilter44-store .pvtfilter44-badges{
position:absolute;
z-index:4;
top:12px;
left:12px;
display:flex;
flex-direction:column;
gap:6px;
}
#pvtfilter44-store .pvtfilter44-badge{
padding:6px 10px;
border-radius:9px;
color:#fff;
background:var(--pvt-purple);
font-size:9px;
font-weight:850;
text-transform:uppercase;
}
#pvtfilter44-store .pvtfilter44-badge-sale{
background:var(--pvt-pink);
}
/* =========================================================
COLORES DE CADA PRODUCTO
========================================================= */
#pvtfilter44-store .pvtfilter44-product-colors{
position:relative!important;
z-index:20!important;
display:flex!important;
align-items:center!important;
width:100%!important;
min-height:64px!important;
margin:0!important;
padding:9px 42px!important;
overflow:hidden!important;
border-top:1px solid rgba(41,36,43,.07)!important;
border-bottom:1px solid rgba(41,36,43,.08)!important;
background:rgba(255,255,255,.97)!important;
box-shadow:
0 -8px 20px rgba(41,36,43,.04),
0 8px 20px rgba(41,36,43,.04)!important;
}
#pvtfilter44-store .pvtfilter44-product-swatches{
display:flex!important;
flex:1 1 auto!important;
align-items:center!important;
gap:15px!important;
width:auto!important;
min-width:0!important;
padding:5px 3px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-behavior:smooth!important;
scrollbar-width:none!important;
}
#pvtfilter44-store
.pvtfilter44-product-swatches::-webkit-scrollbar{
display:none!important;
}
#pvtfilter44-store .pvtfilter44-product-swatch{
position:relative!important;
display:block!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
flex:0 0 34px!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
border:1px solid rgba(0,0,0,.28)!important;
border-radius:50%!important;
outline:none!important;
background-color:#d7d7d7!important;
background-image:var(--pvt-swatch-color,none)!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:100% 100%!important;
box-shadow:0 0 0 2px #fff!important;
cursor:pointer!important;
transition:
transform .16s ease,
box-shadow .16s ease!important;
}
#pvtfilter44-store .pvtfilter44-product-swatch:hover{
transform:scale(1.1)!important;
}
#pvtfilter44-store .pvtfilter44-product-swatch.is-active{
box-shadow:
0 0 0 2px #fff,
0 0 0 4px var(--pvt-purple)!important;
}
#pvtfilter44-store
.pvtfilter44-product-swatch.is-active::after{
content:"";
position:absolute;
z-index:3;
top:50%;
left:50%;
width:7px;
height:11px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
filter:drop-shadow(0 1px 1px rgba(0,0,0,.85));
transform:translate(-50%,-61%) rotate(45deg);
}
#pvtfilter44-store .pvtfilter44-product-colors-arrow{
position:absolute!important;
z-index:4!important;
top:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:31px!important;
height:43px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:8px!important;
color:#29242b!important;
background:rgba(255,255,255,.98)!important;
cursor:pointer!important;
transform:translateY(-50%)!important;
}
#pvtfilter44-store .pvtfilter44-product-colors-prev{
left:5px!important;
}
#pvtfilter44-store .pvtfilter44-product-colors-next{
right:5px!important;
}
#pvtfilter44-store .pvtfilter44-product-colors-arrow svg{
width:16px!important;
height:16px!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
}
#pvtfilter44-store .pvtfilter44-product-colors-arrow:disabled{
opacity:.25!important;
cursor:default!important;
}
#pvtfilter44-store
.pvtfilter44-product-colors.is-short
.pvtfilter44-product-swatches{
justify-content:center!important;
}
#pvtfilter44-store
.pvtfilter44-product-colors.is-short
.pvtfilter44-product-colors-arrow{
visibility:hidden!important;
}
/* =========================================================
CUERPO DE PRODUCTO
========================================================= */
#pvtfilter44-store .pvtfilter44-card-body{
display:flex;
flex:1;
flex-direction:column;
padding:18px 19px 19px;
}
#pvtfilter44-store .pvtfilter44-product-category{
margin:0 0 8px!important;
color:var(--pvt-purple)!important;
font-size:10px;
font-weight:850;
text-transform:uppercase;
letter-spacing:.06em;
}
#pvtfilter44-store .pvtfilter44-product-name{
margin:0 0 12px!important;
color:var(--pvt-dark)!important;
font-size:18px;
font-weight:900;
line-height:1.32;
}
#pvtfilter44-store .pvtfilter44-product-name a{
color:var(--pvt-dark)!important;
}
#pvtfilter44-store .pvtfilter44-product-price{
margin:auto 0 12px!important;
color:var(--pvt-purple)!important;
font-size:22px;
font-weight:900;
}
#pvtfilter44-store .pvtfilter44-product-price del{
margin-right:6px;
color:#999299;
font-size:13px;
font-weight:600;
}
#pvtfilter44-store .pvtfilter44-product-price ins{
color:var(--pvt-pink);
text-decoration:none;
}
#pvtfilter44-store .pvtfilter44-stock{
display:flex;
align-items:center;
gap:7px;
margin:0 0 14px!important;
color:var(--pvt-green)!important;
font-size:11px;
font-weight:800;
}
#pvtfilter44-store .pvtfilter44-stock::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:currentColor;
box-shadow:0 0 0 4px rgba(91,162,56,.12);
}
#pvtfilter44-store .pvtfilter44-product-link{
display:flex!important;
align-items:center;
justify-content:center;
min-height:45px;
padding:10px 15px!important;
border-radius:12px;
color:#fff!important;
background:linear-gradient(
135deg,
var(--pvt-purple),
var(--pvt-pink)
);
font-size:12px;
font-weight:850;
}
/* =========================================================
ESTADOS
========================================================= */
#pvtfilter44-store .pvtfilter44-loading{
display:none;
align-items:center;
justify-content:center;
gap:12px;
padding:35px;
color:var(--pvt-purple);
font-size:13px;
font-weight:800;
}
#pvtfilter44-store .pvtfilter44-loading.is-visible{
display:flex;
}
#pvtfilter44-store .pvtfilter44-spinner{
width:27px;
height:27px;
border:3px solid rgba(124,44,132,.17);
border-top-color:var(--pvt-purple);
border-radius:50%;
animation:pvtfilter44-spin .8s linear infinite;
}
@keyframes pvtfilter44-spin{
to{
transform:rotate(360deg);
}
}
#pvtfilter44-store .pvtfilter44-message{
display:none;
padding:40px 22px;
border:1px dashed rgba(124,44,132,.3);
border-radius:19px;
background:#fff;
text-align:center;
}
#pvtfilter44-store .pvtfilter44-message.is-visible{
display:block;
}
#pvtfilter44-store .pvtfilter44-message h3{
margin:0 0 7px!important;
color:var(--pvt-dark)!important;
font-size:20px;
}
#pvtfilter44-store .pvtfilter44-message p{
margin:0!important;
color:var(--pvt-muted)!important;
font-size:13px;
}
#pvtfilter44-store .pvtfilter44-sentinel{
height:5px;
margin-top:10px;
}
#pvtfilter44-store .pvtfilter44-end{
display:none;
margin:29px 0 0!important;
padding:16px;
border-radius:14px;
color:var(--pvt-purple);
background:var(--pvt-purple-soft);
font-size:12px;
font-weight:800;
text-align:center;
}
#pvtfilter44-store .pvtfilter44-end.is-visible{
display:block;
}
#pvtfilter44-store .pvtfilter44-overlay{
position:fixed;
z-index:9990;
inset:0;
display:none;
background:rgba(30,10,33,.62);
backdrop-filter:blur(3px);
}
#pvtfilter44-store .pvtfilter44-overlay.is-visible{
display:block;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media(max-width:1100px){
#pvtfilter44-store .pvtfilter44-layout{
grid-template-columns:270px minmax(0,1fr);
gap:23px;
}
#pvtfilter44-store .pvtfilter44-products{
grid-template-columns:repeat(2,minmax(0,1fr));
}
#pvtfilter44-store .pvtfilter44-color-grid{
grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
}
@media(max-width:800px){
#pvtfilter44-store .pvtfilter44-toolbar{
grid-template-columns:1fr;
}
#pvtfilter44-store .pvtfilter44-toolbar-actions{
justify-content:space-between;
}
#pvtfilter44-store .pvtfilter44-count{
display:none;
}
#pvtfilter44-store .pvtfilter44-sort{
flex:1;
min-width:0;
}
#pvtfilter44-store .pvtfilter44-mobile-filter{
display:flex!important;
}
#pvtfilter44-store .pvtfilter44-layout{
display:block;
}
#pvtfilter44-store .pvtfilter44-filters{
position:fixed;
z-index:9995;
top:0;
right:0;
bottom:0;
width:min(380px,91vw);
max-height:100vh;
padding:22px 18px 35px;
overflow-y:auto;
border:0;
border-radius:23px 0 0 23px;
transform:translateX(110%);
transition:transform .28s ease;
}
#pvtfilter44-store .pvtfilter44-filters.is-open{
transform:translateX(0);
}
#pvtfilter44-store .pvtfilter44-filter-top{
padding-right:43px;
}
#pvtfilter44-store .pvtfilter44-filter-close{
position:absolute;
top:0;
right:0;
display:flex;
}
#pvtfilter44-store .pvtfilter44-color-grid{
grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
body.pvtfilter44-lock{
overflow:hidden!important;
}
}
@media(max-width:580px){
#pvtfilter44-store .pvtfilter44-container{
width:calc(100% - 28px);
}
#pvtfilter44-store .pvtfilter44-hero{
padding:48px 0 60px;
}
#pvtfilter44-store .pvtfilter44-hero h1{
font-size:40px;
}
#pvtfilter44-store .pvtfilter44-toolbar{
margin-top:-22px!important;
padding:11px;
}
#pvtfilter44-store .pvtfilter44-main{
padding:34px 0 65px;
}
#pvtfilter44-store .pvtfilter44-products{
grid-template-columns:1fr;
gap:18px;
}
#pvtfilter44-store .pvtfilter44-color-grid{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
#pvtfilter44-store .pvtfilter44-image-link{
aspect-ratio:1/1.06;
}
}