:root {
--pearfect-body-highlight: #452c82;
--pearfect-body-highlight-dark: #241645;
}
.round-10 {
border-radius: 10px;
}
.card-pearfect,
.card-pearfect-bg {
position: relative;
font-weight: bold;
color: #000000;
background-color: #ffffff;
border: 3px solid transparent;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
overflow: hidden;
transition:
color 0.5s ease,
background-color 0.5s ease,
box-shadow 0.5s ease;
}
.wp-block-uagb-slider-child::after {
content: "";
position: absolute;
left: -35%;
bottom: -35%;
width: 200%;
height: 200%;
pointer-events: none;
z-index: 2;
background: radial-gradient(
circle at bottom left,
rgba(255,255,255,0.45) 0%,
rgba(255,255,255,0.30) 18%,
rgba(255,255,255,0.18) 32%,
rgba(255,255,255,0.08) 45%,
transparent 65%
);
border-radius: 3000px;
opacity: 0;
transform: scale(0.2);
filter: blur(80px);
animation: pearfect-ripple 20s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
@keyframes pearfect-ripple {
0% {
opacity: 0;
transform: scale(0.2);
filter: blur(22px);
}
4% {
opacity: 0.9;
transform: scale(0.75);
filter: blur(16px);
}
8% {
opacity: 0.5;
transform: scale(1);
filter: blur(22px);
}
12% {
opacity: 0;
transform: scale(1.15);
filter: blur(30px);
}
100% {
opacity: 0;
transform: scale(1.15);
filter: blur(30px);
}
}
.card-pearfect-bg {
background-image:
url(https://www.pearfect.cl/wp-content/uploads/2025/12/fondo-peace-transparency.png);
background-repeat: repeat;
background-size: 400px;
background-position: 0 0; transition:
background-position 1.6s ease,
color 0.5s ease,
background-color 0.5s ease,
box-shadow 0.5s ease;
}
body.alt-mode .card-pearfect,
body.alt-mode .card-pearfect-bg {
color: #ffffff;
background-color: #000000;
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
animation: orange-border-flash 1.8s ease-in-out forwards;
}
body.alt-mode .card-pearfect-bg {
background-image: linear-gradient(
rgba(255,140,0,0.15),
rgba(255,140,0,0.15)
), url(https://www.pearfect.cl/wp-content/uploads/2025/12/fondo-peace-transparency-inverted.png);
background-repeat: repeat, repeat;
background-size: 400px, 400px; background-position: 0 400px, 0 400px; background-blend-mode: additive;
}
@keyframes orange-border-flash {
0%   { border-color: transparent; }
15%  { border-color: #ff9500; }
40%  { border-color: #ff9500; }
100% { border-color: transparent; }
}
body:not(.alt-mode) .card-pearfect,
body:not(.alt-mode) .card-pearfect-bg {
border-color: transparent;
animation: none;
}   .site-content {
position: relative;
background-color: #ffffff; overflow: hidden;
}
.site-content::after {
content: '';
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background-image: url(https://www.pearfect.cl/wp-content/uploads/2025/12/pearfect-bg.jpg);
background-repeat: repeat;
background-size: 200px;
background-position: center; -webkit-mask-image: linear-gradient(
to right, 
rgba(0,0,0,0.05) 0%,
rgba(0,0,0,0.02) 3%,
rgba(0,0,0,0.00) 5%,
rgba(0,0,0,0.00) 95%,
rgba(0,0,0,0.02) 97%,
rgba(0,0,0,0.05) 100%
);
mask-image: linear-gradient(
to right, 
rgba(0,0,0,0.05) 0%,
rgba(0,0,0,0.01) 3%,
rgba(0,0,0,0.00) 5%,
rgba(0,0,0,0.00) 95%,
rgba(0,0,0,0.02) 97%,
rgba(0,0,0,0.05) 100%
);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-repeat: no-repeat;
mask-size: cover;
} .site-content > * {
position: relative;
z-index: 2;
}
.woocommerce-info {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
border-radius: 16px;
padding: 20px 5% 20px 50px !important;
margin-top: 30px;
}
.entry-content .woocommerce-notices-wrapper ul.woocommerce-error {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
border-radius: 16px;
padding: 20px 5% 20px 50px !important;
}
@media (max-width: 767px) {
.woocommerce-info{
box-shadow: none !important;
border-radius: 0 !important;
margin-bottom: 0;
}
} .wp-block-uagb-slider-child {
position: relative;
overflow: hidden;
transition: transform 0.35s ease, box-shadow 0.35s ease;
will-change: transform; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.14);
} .wp-block-uagb-slider-child:hover {
transform: translateY(-px); box-shadow: 0 12px 0 rgba(36, 36, 36, 1);
} .wp-block-uagb-slider-child::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
background: rgba(255, 255, 255, 0.1);
opacity: 0;
transition: opacity 0.35s ease;
}
.wp-block-uagb-slider-child:hover::before {
opacity: 1;
}  .woocommerce-js div.product form.cart .button.single_add_to_cart_button {
padding: 8px 20px;
font-weight: bold;
width: 100%;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
#content a,
.site-content a:active {
color: var(--pearfect-body-highlight);
text-decoration: none;
}
.woocommerce-js div.product div.summary .single-product-category {
display: block;
line-height: 1;
margin-bottom: 1em;
font-weight: bold;
}
.site-content a:hover {
color: var(--pearfect-body-highlight-dark) !important;
text-decoration: none !important;
}
.site-content .ast-mobile-svg {
fill: var(--pearfect-body-highlight) !important;
color: var(--pearfect-body-highlight) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
font-weight: bold;
}           @media (max-width: 640px) {
.pearfect-group-sizes {
font-size: 0.88rem;
gap: 0.5em;
}
.pearfect-size-pill {
min-width: 2em;
padding: 0.4em 0.55em;
font-size: 0.82rem;
}
}      .woocommerce-pagination,
nav.woocommerce-pagination {
opacity: 0;
transition: opacity 0.6s ease, transform 0.6s ease;
transform: translateY(10px); pointer-events: none; } body:not(.is-pearfect-page) .woocommerce-pagination.pagination-visible,
body:not(.is-pearfect-page) nav.woocommerce-pagination.pagination-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
} body.is-pearfect-page .woocommerce-pagination,
body.is-pearfect-page nav.woocommerce-pagination {
display: none !important;
} .woocommerce-pagination[style*="display: none"],
.woocommerce-pagination.hidden {
display: none !important;
}             @media (max-width: 380px) {
.pearfect-size-btn {
width: 30px;
height: 30px;
font-size: 18px;
}
}    .woocommerce-product-gallery__image img {
max-width: 300px;
max-height: 300px;
width: auto;
height: auto;
object-fit: contain;
display: block;
background-color: #c6cdd4;
}
.enclose, .entry-summary, .woocommerce-tabs {
background-color: white;
border-radius: 15px;
padding: 30px;
display: flow-root;
box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}
h1.small-header {
font-size: 1em;
font-weight: 600;
margin-bottom: 0;
}
.mb-0 {margin-bottom: 0px;}
.mb-30 {margin-bottom: 30px;}
.mb-15 {margin-bottom: 15px;}
.enclose-glide {
background-color: white;
border-radius: 15px;
padding: 20px;
display: flow-root;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
max-height: 0;
transition:
max-height 600ms ease,
opacity 400ms ease,
transform 400ms ease;
}
.enclose-glide.is-visible {
opacity: 1;
transform: translateY(0);
max-height: 1000px;
}
@media (max-width: 480px) {
.enclose, 
.enclose-glide {
padding: 15px !important;
}
}
@media (max-width: 768px) {
.enclose,
.enclose-glide,
.entry-summary,
.woocommerce-tabs {
box-shadow: none !important;
border-radius: 0 !important;
}
}
.woocommerce-ordering {
margin-bottom: 0px !important;
}
.woocommerce-products-header__title {
font-size: 40px;
margin-bottom: 5px;
color:#452c82;
}
.entry-content ul {
padding:0 !important;
}  .filter-items .filter-item {
line-height: 1 !important;
margin: 0 !important;
}
.checkbox-list {
gap: 0px !important;
}
.filter-title{
color: #434343 
}  .is-base-size {
background-color: #dcd8e6 !important;
}
.is-base-size td:first-child {
border-left: 4px solid var(--pearfect-body-highlight) !important;
}
.is-elastic-range td {
color: var(--pearfect-body-highlight) !important;
background-color: #f0f9ff;
}
.elastic-badge {
display: block;
font-size: 0.75em;
color: #6b7280;
font-weight: normal;
}  .pearfect-sizing-standards {
margin: 20px 0;
}
.category-section {
margin-bottom: 40px;
}
.pearfect-size-guide-table {
margin: 16px 0 !important;
width: 100% !important;
max-width: 100% !important;
border-collapse: collapse;
}
.pearfect-size-guide-table th,
.pearfect-size-guide-table td {
padding: 6px 8px !important; text-align: center;
border: 1px solid #ddd;
font-size: 0.95em; }
.pearfect-size-guide-table th {
background: #f9fafb;
} @media (min-width: 640px) {
.pearfect-size-guide-table {
width: auto !important;
max-width: 360px !important;  }
.pearfect-size-guide-table th,
.pearfect-size-guide-table td {
padding: 3px 12px !important; }
} .pearfect-collapsible-container {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
background: #ffffff;
color: #222222;
border-bottom: 5px solid #222222;
}
.pearfect-toggle-btn {
width: 100%;
padding: 12px 24px;
font-size: 1.1em;
font-weight: 600;
color: #222222;
background: #ffffff;
border: none;
cursor: pointer;
display: flex;
justify-content: center; align-items: center;
box-shadow: none; transition: background 0.3s ease, color 0.3s ease;
}
.pearfect-toggle-btn:hover { background: #1d4ed8; transform: translateY(-2px); }
.pearfect-toggle-btn[aria-expanded="true"] .dashicons { transform: rotate(180deg); }
.pearfect-content {
background: white;
border-radius: 0 0 12px 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.pearfect-inner { padding: 1.5em; } .pearfect-constraints-container { margin: 0; }
.pearfect-constraints-badge {
display: inline-flex;
flex-direction: column;
padding: 12px 16px;
border-radius: 8px;
border: 1px solid #e5e7eb;
background: white;
cursor: pointer;
width: 100%;
}
.pearfect-constraints-badge:hover { background: #f1f5f9; }
.badge-header {
font-size: 1.1764705882353rem;
font-weight: 600;
color: #374151;
margin-bottom: 20px;
line-height: 1.4;
}
.badge-line {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #374151;
}
.badge-label {
font-weight: 400;
}
.badge-count {
color: #2563eb;
text-align: center;
font-weight: bold;
font-size: 14px;
}
@media (min-width: 641px) {
.pearfect-constraints-details {
position: absolute;
left: 100%;
transform: translateX(-50%);
background: white;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
padding: 12px;
min-width: 280px;
max-width: 360px;
z-index: 1000;
margin-top: 8px;
display: none;
pointer-events: none;
}
.pearfect-constraints-details::before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border: 9px solid transparent;
border-bottom-color: #e5e7eb;
}
.pearfect-constraints-badge:hover + .pearfect-constraints-details { display: block; }
.desktop-only { display: inline-flex; }
}
@media (max-width: 640px) {
.desktop-only { display: none !important; }
.pearfect-constraints-details {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 12px;
}
}
.details-category {
font-size: 1.1764705882353rem;
font-weight: 600;
color: #1d4ed8;
margin: 5px 0 0;
line-height: 1;
}
.details-row {
display: flex;
justify-content: space-between;
padding: 4px 0;
border-bottom: 1px dashed #e5e7eb;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #374151;
}
.details-row:last-child { border-bottom: none; }
.details-label { color: #4b5563; }
.details-value { font-weight: 600; color: #1f2937; }
.flash-green { animation: flashGreen 0.7s ease-out; }
@keyframes flashGreen { 0% { background: #22c55e; } 100% { background: #2563eb; } } .pearfect-loading-overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.4);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
color: #333;
font-weight: bold;
font-size: 1.1em;
pointer-events: none;
opacity: 0;
transition: opacity 0.4s ease;
border-radius: 16px;
}
.pearfect-loading-overlay span {
background: rgba(255,255,255,0.8);
padding: 12px 24px;
border-radius: 8px;
} .pearfect-filter-selector {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin: 0;
background: transparent;
padding: 0;
border: none;
}
.filter-group {
flex: 1 1 220px;
}
.filter-group > label {
display: block;
font-size: 1.1764705882353rem;
font-weight: 600;
color: #374151;
margin-bottom: 20px;
line-height: 1.4;
}
select {
width: 100%;
padding: 10px 12px;
border: 1px solid #d1d5db;
border-radius: 6px;
background: white;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #374151;
}
.checkbox-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.cat-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #374151;
user-select: none;
}
.cat-label input[type="checkbox"] {
margin: 0;
cursor: pointer;
} .cat-label.parent-controller.partial input[type="checkbox"] {
opacity: 0.6;
}
.cat-label.parent-controller input[type="checkbox"] {
transition: opacity 0.2s ease;
} .pearfect-summary-measurements {
margin: 20px 0 0 0;
}
.pearfect-pearfect-size {
margin: 0 0 16px 0;
font-size: 1.1em;
line-height: 1.4;
}
.pearfect-pearfect-size strong {
margin-right: 6px;
}
.pearfect-elastic-mention {
margin: 0 0 16px 0;
font-style: italic;
color: var(--pearfect-body-highlight);
}
.pearfect-measurements-table {
width: 100%;
border-collapse: collapse;
}
.pearfect-measurements-table td {
padding: 4px 10px 4px 10px;
vertical-align: middle;
}
.pearfect-measurement-label {
color: #555;
font-weight: 500;
}
.pearfect-measurement-label img { background: none;
box-shadow: none;
border-radius: 0;
}
.pearfect-measurement-value {
text-align: right;
color: #000;
font-size: 1em;
}
.elastic-highlight .pearfect-measurement-value strong {
color: var(--pearfect-body-highlight);
} .woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
display: flex !important;
flex-direction: column !important;
}
#billing_state_field, #shipping_state_field { order: 1 !important; }
#billing_city_field,  #shipping_city_field  { order: 2 !important; } .pearfect-measurement-row {
margin: 15px 0;
padding: 12px;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 6px;
}
.pearfect-measurement-row label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.pearfect-measurement-row input {
width: 120px;
padding: 8px;
}
.elastic-note {
font-style: italic;
color: #666;
font-size: 0.9em;
margin-top: 4px;
}
#image-preview img {
max-height: 100px;
border: 1px solid #ccc;
border-radius: 4px;
} .pearfect-points-bar {
width: 100%;
max-height: 48px;
background: #222;
color: #fff;
cursor: pointer;
border-radius: 16px;
box-shadow: 0 4px 16px rgba(0,0,0,0.4);
padding: 14px 20px;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: max-height .7s ease-in-out,
box-shadow .7s ease-in-out;
text-align: center;
}
.bar-main {
font-size: 15px;
font-weight: 500;
line-height: 1.5;
transition: opacity .24s ease;
}
.bar-detail {
position: relative;
margin-top: 12px;
padding: 14px 20px;
opacity: 0;
transition: opacity .28s ease .06s;
font-size: 14px;
line-height: 1.45;
color: #e0e0e0;
text-align: left;
}
.pearfect-points-bar.is-open {
max-height: 1000px;
box-shadow: 0 8px 28px rgba(0,0,0,0.55);
cursor: pointer;
}
.pearfect-points-bar.is-open .bar-main {
opacity: 0;
}
.pearfect-points-bar.is-open .bar-detail {
opacity: 1;
}
.grade-intro {
margin: 0 0 10px 0;
color: #d0d0d0;
}
.grade-box {
margin: 8px 0;
padding: 8px 10px;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 10px;
background: rgba(255,255,255,0.04);
}
@keyframes pulseBlueBgOnce {
0% {
background-color: #222;
}
35% {
background-color: rgba(59,130,246,0.35);
}
70% {
background-color: rgba(59,130,246,0.18);
}
100% {
background-color: #222;
}
}
.pulse-once-blue {
animation: pulseBlueBgOnce 1.8s ease-out forwards;
} .pearfect-blurrable {
filter: none;
opacity: 1;
transition: 
filter 1.3s ease-in-out, 
opacity 1.3s ease-in-out,
max-height .7s ease-in-out,
box-shadow .7s ease-in-out  !important;
} .pearfect-blurrable.pearfect-blurred {
filter: blur(2px);
opacity: 0.45;
pointer-events: none !important;
}
.pearfect-pulse-measures {
animation: pulse-orange 1.4s infinite ease-in-out;
position: relative;
}
.pearfect-pulse-measures::after {
content: "";
position: absolute;
inset: -6px;
border-radius: 12px;
background: rgba(255, 152, 0, 0.18);
animation: pulse-glow 2.4s infinite;
z-index: -1;
}
@keyframes pulse-orange {
0%, 100% { transform: scale(1); }
50%      { transform: scale(1.05); }
}
@keyframes pulse-glow {
0%, 100% { opacity: 0.15; transform: scale(1); }
50%      { opacity: 0.35; transform: scale(1.06); }
} .pearfect-points-ball {
position: fixed !important;
bottom: 100px !important;
right: 15px !important;
transition: right 0.4s ease, opacity 0.4s ease !important;
z-index: 9999!important;
}
.pearfect-points-ball.hidden-when-modal {
right: -120px !important;
opacity: 0!important;
}
.xoo-wsc-basket {
position: fixed !important;
transition: right 0.4s ease, opacity 0.4s ease !important;
}
.xoo-wsc-basket.hidden-when-modal {
right: -120px !important;
opacity: 0 !important;
}
.xoo-wsc-slider.hidden-when-modal {
transform: translateX(100%) !important;
}
@keyframes miniBallAppear {
from { opacity: 0; transform: translateX(-10px); }
to   { opacity: 1; transform: translateX(0); }
}
@media (max-width: 480px) {
.pearfect-points-mini-ball {
padding: 0 7px;
font-size: 13px;
}
.pearfect-points-mini-ball .symbol,
.pearfect-points-mini-ball .value {
font-size: 13px;
}
}
.pg-size-row        { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:1em 0; }
.pg-size-heading    { font-weight:700; white-space:nowrap; }
.pg-pills           { display:flex; flex-wrap:wrap; gap:6px; }
.pg-pill            { position:relative; display:inline-flex; align-items:center;
justify-content:center; min-width:44px; padding:3px 12px;
font-size:.9em; font-weight:700; letter-spacing:.04em;
border:2px solid #222; border-radius:6px; color:#fff; background:#222;
text-decoration:none; transition:background .15s,color .15s,transform .15s; }
.pg-pill:hover      { background:#111; color:#fff; transform:translateY(-2px); }
.pg-pill--current   { background:#666; color:#fff; border-color:#666; pointer-events:none; }
.pg-pill--oos       { opacity:.4; border-style:dashed; }
.pg-oos-line        { position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%) rotate(-45deg);
width:110%; height:1.5px; background:#d63638; display:block; } .product_cat-mujer  .pg-pill            { border-color:#4b1d6b; background:#4b1d6b; color:#fff !important; }
.product_cat-mujer  .pg-pill:hover      { background:#3a1554; border-color:#3a1554; color:#fff !important; }
.product_cat-mujer  .pg-pill--current   { background:#937aaa !important ; border-color:#937aaa !important ; color:#fff !important; }
.product_cat-hombre .pg-pill            { border-color:#0f3d4c; background:#0f3d4c; color:#fff !important; }
.product_cat-hombre .pg-pill:hover      { background:#092830; border-color:#092830; color:#fff !important; }
.product_cat-hombre .pg-pill--current   { background:#5a8a99 !important ; border-color:#5a8a99 !important ; color:#fff !important; }