.share-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal-content{z-index:10000;background-color:var(--background);border-radius:var(--radius,.5rem);flex-direction:column;width:90%;max-width:28rem;max-height:90vh;animation:.3s ease-out slideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.share-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.share-modal-header-content{align-items:center;gap:.75rem;display:flex}.share-modal-icon{width:1.5rem;height:1.5rem;color:var(--foreground)}.share-modal-title{color:var(--foreground);margin:0;font-size:1.25rem;font-weight:600}.share-modal-close{cursor:pointer;border-radius:var(--radius,.5rem);color:var(--muted-foreground);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.share-modal-close:hover{background-color:var(--accent);color:var(--foreground)}.share-modal-close:focus{outline:2px solid var(--ring);outline-offset:2px}.share-modal-close-icon{width:1.25rem;height:1.25rem}.share-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.share-modal-options{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.share-modal-option{border:1px solid var(--border);border-radius:var(--radius,.5rem);background-color:var(--background);cursor:pointer;outline:none;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;transition:all .2s;display:flex}.share-modal-option:hover{background-color:var(--accent);border-color:var(--option-color,var(--border));transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.share-modal-option:focus{outline:2px solid var(--ring);outline-offset:2px}.share-modal-option-icon-wrapper{background-color:color-mix(in oklch,var(--option-color,#6b7280)10%,transparent);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex}.share-modal-option:hover .share-modal-option-icon-wrapper{background-color:var(--option-color,#6b7280)}.share-modal-option-icon{width:1.5rem;height:1.5rem;color:var(--option-color,#6b7280);transition:color .2s}.share-modal-option:hover .share-modal-option-icon{color:#fff;color:#fff!important}.share-modal-option-label{color:var(--foreground);text-align:center;font-size:.875rem;font-weight:500}.share-modal-url-section{flex-direction:column;gap:.5rem;display:flex}.share-modal-url-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.share-modal-url-input-wrapper{border:1px solid var(--border);border-radius:var(--radius,.5rem);background-color:var(--muted);align-items:center;gap:.75rem;padding:.75rem;display:flex}.share-modal-url-icon{width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0}.share-modal-url-input{color:var(--foreground);cursor:text;background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.share-modal-url-input::selection{background-color:var(--accent)}@media (max-width:640px){.share-modal-content{width:95%;max-width:none}.share-modal-options{grid-template-columns:repeat(2,1fr);gap:.75rem}.share-modal-option{padding:1rem .75rem}.share-modal-option-icon-wrapper{width:2.5rem;height:2.5rem}.share-modal-option-icon{width:1.25rem;height:1.25rem}}
.share-button{border:1px solid var(--border);border-radius:var(--radius,.5rem);background-color:var(--background);color:var(--foreground);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.share-button:hover{background-color:var(--accent);border-color:var(--border)}.share-button:focus{outline:2px solid var(--ring);outline-offset:2px}.share-button-icon{width:1.125rem;height:1.125rem}.share-button-text{line-height:1}
.add-to-cart{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.add-to-cart-button{letter-spacing:.1em;text-transform:uppercase;width:100%;height:3.5rem;font-size:.875rem}.add-to-cart-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.add-to-cart-action-button{background-color:#0000;height:3.5rem}.add-to-cart-favorite-active{color:var(--foreground);border-color:var(--foreground)}.add-to-cart-share-wrapper{width:100%}.add-to-cart-share-wrapper .share-button{letter-spacing:.1em;text-transform:uppercase;width:100%;height:3.5rem;font-size:.875rem}
.producto-breadcrumb{padding-top:7rem;padding-bottom:2rem}.producto-breadcrumb-links{max-width:100%;color:var(--muted-foreground);align-items:center;gap:.5rem;margin-left:auto;margin-right:auto;font-size:.875rem;display:flex}.producto-breadcrumb-link{color:var(--muted-foreground);text-decoration:none;transition:color .15s}.producto-breadcrumb-link:hover{color:var(--foreground)}.producto-detail{flex-direction:column;gap:3rem;display:flex}@media (min-width:1024px){.producto-detail{flex-direction:row;align-items:center;gap:5rem}.producto-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem}}.producto-detail-image-container{aspect-ratio:1;background-color:var(--muted);width:100%;position:relative;overflow:hidden}.producto-detail-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.producto-detail-info,.producto-detail-header{flex-direction:column;display:flex}.producto-detail-title{font-size:2.25rem;font-family:var(--font-playfair,serif)}.producto-detail-price{font-size:1.875rem;font-weight:500;line-height:2.25rem}.producto-detail-description{color:var(--muted-foreground);font-size:1.125rem;line-height:1.625}.producto-detail-features{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.producto-detail-features-title{letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:500}.producto-detail-features-list{flex-direction:column;gap:.75rem;display:flex}.producto-detail-feature-item{align-items:flex-start;gap:.75rem;display:flex}.producto-detail-feature-icon{width:1.25rem;height:1.25rem;color:var(--foreground);flex-shrink:0;margin-top:.125rem}.producto-detail-feature-text{color:var(--muted-foreground);line-height:1.625}.producto-detail-additional{border-top:1px solid var(--border);color:var(--muted-foreground);flex-direction:column;gap:1rem;padding-top:2rem;font-size:.875rem;display:flex}.producto-detail-additional-row{justify-content:space-between;display:flex}.producto-detail-additional-label{color:var(--foreground);font-weight:500}.producto-related{background-color:color-mix(in oklch,var(--muted)30%,transparent);padding-top:6rem;padding-bottom:6rem}.producto-related-header{text-align:center;flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.producto-related-title{font-size:1.875rem;line-height:2.25rem;font-family:var(--font-playfair,serif)}@media (min-width:768px){.producto-related-title{font-size:2.25rem;line-height:2.5rem}}.producto-related-subtitle{color:var(--muted-foreground)}.producto-related-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (min-width:768px){.producto-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.producto-related-item{flex-direction:column;gap:1rem;display:flex}.producto-related-item-image-container{aspect-ratio:1;background-color:var(--background);position:relative;overflow:hidden}.producto-related-item-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s;display:block}.producto-related-item:hover .producto-related-item-image{transform:scale(1.1)}.producto-related-item-info{flex-direction:column;gap:.5rem;display:flex}.producto-related-item-title{font-size:1.25rem;line-height:1.75rem;font-family:var(--font-playfair,serif);transition:color .15s}.producto-related-item:hover .producto-related-item-title{color:var(--muted-foreground)}.producto-related-item-price{font-size:.875rem;font-weight:500}.producto-breadcrumb-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.producto-breadcrumb-container{padding-left:2rem;padding-right:2rem}}.producto-detail-section{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-bottom:6rem;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.producto-detail-section{padding-left:2rem;padding-right:2rem}}.producto-related-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.producto-related-container{padding-left:2rem;padding-right:2rem}}.producto-detail-actions{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}@media (min-width:1024px){.producto-detail-info{padding-top:3rem}}.producto-breadcrumb-text{color:var(--foreground)}.producto-detail-badge{background-color:var(--foreground);color:var(--background);padding:.5rem 1rem;font-size:.875rem;position:absolute;top:1.5rem;right:1.5rem}.producto-detail-badge-category{letter-spacing:.1em;text-transform:uppercase}
