.ms-shop{font-family:Arial,Helvetica,sans-serif;color:#24231f;background:#fff}
.ms-shop *{box-sizing:border-box}
.ms-shop-filters{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #eee}
.ms-shop-toggle-summary{display:none;border:0;background:none;padding:0}
.ms-shop-filters-inner{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0;align-items:center;overflow-x:auto;scrollbar-width:none}
.ms-shop-filters-inner::-webkit-scrollbar{display:none}
.ms-shop-field{flex:none}
.ms-shop-field select{appearance:none;-webkit-appearance:none;border:1px solid #ddd6cf;border-radius:24px;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2324231f" stroke-width="2"><path d="m6 9 6 6 6-6"/></svg>') no-repeat right 14px center;padding:11px 34px 11px 18px;font-size:12.5px;font-weight:700;letter-spacing:.03em;color:#24231f;cursor:pointer;min-width:120px}
.ms-shop-price{display:flex;align-items:center;gap:6px;border:1px solid #ddd6cf;border-radius:24px;padding:6px 8px 6px 16px}
.ms-shop-price input{width:78px;border:0;font-size:12.5px;padding:5px 0}
.ms-shop-price input::-webkit-outer-spin-button,.ms-shop-price input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ms-shop-price button{border:0;border-radius:18px;background:#d97f91;color:#fff;font-size:12px;font-weight:700;padding:8px 16px;cursor:pointer}
.ms-shop-apply{border:0;border-radius:24px;background:#24231f;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:11px 28px;cursor:pointer}
.ms-shop-apply:hover{background:#3a3833}
.ms-shop-heading{padding:28px 0 6px;text-align:center}
.ms-shop-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(26px,3vw,38px);margin:0 0 8px}
.ms-shop-count{margin:0;color:#8a877f;font-size:13.5px}
.ms-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;padding:24px 0 12px}
.ms-shop-card .ms-product-photo{position:relative}
.ms-shop-quick-add{position:absolute;left:8px;right:8px;bottom:8px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none}
.ms-shop-card:hover .ms-shop-quick-add,.ms-shop-card:focus-within .ms-shop-quick-add{opacity:1;transform:translateY(0);pointer-events:auto}
.ms-shop-card .ms-shop-quick-add a.button,.ms-shop-card .ms-shop-quick-add a.button.added_to_cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:6px;background:#d97f91;color:#fff!important;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;padding:12px 10px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.ms-shop-card .ms-shop-quick-add a.button:hover{background:#c96e81}
.ms-shop-quick-add a::before{content:"";display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 7h16l1 15H3zM8 8V5a4 4 0 0 1 8 0v3" fill="none" stroke="black" stroke-width="1.7"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 7h16l1 15H3zM8 8V5a4 4 0 0 1 8 0v3" fill="none" stroke="black" stroke-width="1.7"/></svg>') center/contain no-repeat}
.ms-shop-quick-add a.loading::before{opacity:.4}
.ms-product-badge--sale{background:#a3324a}
.ms-shop-swatches{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:14px 0 0;padding:0}
.ms-shop-swatches li{position:relative;width:24px;height:24px;border-radius:50%;background:var(--ms-shop-swatch);border:1px solid rgba(0,0,0,.15)}
.ms-shop-swatches li.ms-shop-unavailable:not(.ms-shop-swatch-text){background:linear-gradient(to top right,transparent calc(50% - 1px),#a3324a calc(50% - 1px),#a3324a calc(50% + 1px),transparent calc(50% + 1px)),color-mix(in srgb,var(--ms-shop-swatch) 35%,#fff);border-color:rgba(0,0,0,.08)}
.ms-shop-sizes{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0;padding:0}
.ms-shop-sizes li{font-size:13px;font-weight:700;color:#4c4a45;border:1px solid #e2ddd7;border-radius:5px;padding:5px 10px}
.ms-shop-sizes li.ms-shop-unavailable{color:#b7b2ab;text-decoration:line-through;border-color:#eee}
.ms-shop-oos{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55)}
.ms-shop-oos::before,.ms-shop-oos::after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:#24231f;opacity:.75}
.ms-shop-oos::before{transform:rotate(45deg)}
.ms-shop-oos::after{transform:rotate(-45deg)}
.ms-shop-oos span{position:relative;z-index:1;background:#24231f;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:4px}
.ms-shop-card.ms-shop-oos-card .ms-product-photo img{filter:grayscale(.5)}
.ms-shop-pagination{display:flex;justify-content:center;padding:24px 0 48px}
.ms-shop-pagination .page-numbers{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.ms-shop-pagination .page-numbers li{display:flex}
.ms-shop-pagination .page-numbers a,.ms-shop-pagination .page-numbers span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:50%;text-decoration:none;color:#24231f;font-size:13.5px;font-weight:600}
.ms-shop-pagination .page-numbers.current{background:#24231f;color:#fff}
.ms-shop-pagination .page-numbers a:hover{background:#f3efec}
@media(max-width:900px){
    .ms-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
    .ms-shop-quick-add{opacity:1;transform:none;pointer-events:auto;position:static;margin-top:10px}
    .ms-shop-quick-add a{box-shadow:none}
    .ms-shop-filters.is-open{background:#fbe6ea}
    .ms-shop-toggle-summary{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:16px;font-size:13px;font-weight:800;letter-spacing:.04em;color:#24231f}
    .ms-shop-toggle-chevron{transition:transform .2s;flex:none}
    .ms-shop-toggle-summary[aria-expanded=true] .ms-shop-toggle-chevron{transform:rotate(180deg)}
    .ms-shop-filters-inner{display:none;flex-direction:column;align-items:stretch;overflow-x:visible;padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.08)}
    .ms-shop-filters.is-open .ms-shop-filters-inner{display:flex}
    .ms-shop-field{width:100%}
    .ms-shop-field select{width:100%;background-color:#fff}
    .ms-shop-price{width:100%;flex-wrap:wrap;row-gap:8px;background:#fff}
    .ms-shop-price input{flex:1;width:auto;min-width:0}
    .ms-shop-price button{flex:0 0 100%}
    .ms-shop-apply{width:100%;padding:14px;margin-top:4px}
}

.ms-shop-swatches li.ms-shop-swatch-text{width:auto;height:auto;min-height:24px;padding:3px 10px;border-radius:14px;background:#fff;border:1px solid #d8d3cd;font-size:12px;line-height:1.4;font-weight:600;color:#24231f}.ms-shop-swatches li.ms-shop-swatch-text.ms-shop-unavailable{text-decoration:line-through}

/* bocadillo con el nombre del color */
[data-tip]{position:relative}
[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text)::before,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text)::after{position:absolute;left:50%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:20}
[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text)::after{content:attr(data-tip);bottom:calc(100% + 10px);transform:translate(-50%,4px);background:#24231f;color:#fff;font:600 12.5px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.02em;text-transform:none;white-space:nowrap;padding:7px 11px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text)::before{content:"";bottom:calc(100% + 4px);transform:translate(-50%,4px);border:6px solid transparent;border-top-color:#24231f;border-bottom-width:0}
[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):hover::before,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):hover::after,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):focus-visible::before,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):focus-visible::after,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):focus::before,[data-tip]:not(.ms-shop-swatch-text):not(.ms-p-swatch-text):focus::after,.ms-p-swatch[aria-current=true]::before,.ms-p-swatch[aria-current=true]::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ms-shop-swatches li:focus{outline:none}
