.detalle-page{min-height:calc(100vh - 90px);padding-bottom:100px}.detalle-container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-size:.875rem;color:var(--color-text-secondary)}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-muted)}.detalle-content{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);align-items:flex-start}.detalle-image-section{background-color:var(--color-background-alt);border-radius:var(--radius-xl);overflow:hidden}.detalle-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detalle-titulo{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.detalle-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.detalle-categoria,.detalle-marca,.detalle-sku{font-size:.875rem;color:var(--color-text-secondary)}.detalle-precio-section{margin:var(--spacing-md) 0}.detalle-precio{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-primary)}.detalle-precio-note{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.detalle-actions{padding-top:var(--spacing-lg)}.btn-whatsapp-large{width:100%;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-whatsapp);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.btn-whatsapp-large:hover{background-color:var(--color-secondary)}.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.detalle-descripcion{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.detalle-descripcion h2{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.detalle-descripcion p{color:var(--color-text-secondary);line-height:1.8}.share-container{position:relative;gap:var(--spacing-md);margin-left:auto}.share-button,.share-container{display:flex;align-items:center}.share-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.share-button:hover{background-color:var(--color-background-alt);color:var(--color-primary)}.share-icon-svg{width:20px;height:20px;fill:currentColor}.copy-feedback-toast{position:absolute;top:50%;right:100%;transform:translate(-10px,-50%);background-color:var(--color-text-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;z-index:20;box-shadow:var(--shadow-md);animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(-10px,-50%)}80%{opacity:1;transform:translate(-10px,-50%)}to{opacity:0;visibility:hidden}}@media (max-width:1024px){.detalle-titulo{font-size:1.75rem}}@media (max-width:768px){.detalle-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.detalle-image-section{width:100%;max-width:100%;height:auto}.share-container{margin-left:auto}.copy-feedback-toast{display:none}}