/* MUSA_NEW_DISCOVER_EDITORIAL_V3_START */ /* * MUSA PRESTIGE — NUEVOS PARA DESCUBRIR * Hermano editorial de Los más elegidos. * * Conserva: * - root y clases existentes * - JS * - carrito * - descuentos * - precios * - toast * * Cambia únicamente presentación visual. */ html body.product-product #fresa-pdp-related-v3, html body.product-product #fresa-pdp-related-v3 *{ box-sizing:border-box!important; } html body.product-product #fresa-pdp-related-v3{ width:100%!important; margin:0!important; padding:16px 14px 26px!important; background:#EDE4D9!important; color:var(--musa-carbon,#272321)!important; font-family: "Plus Jakarta Sans", Arial, sans-serif!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__inner{ width:100%!important; max-width:1360px!important; margin:0 auto!important; padding:0!important; } /* ========================================================== CABECERA EDITORIAL ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__head{ width:100%!important; margin:0 0 13px!important; padding:0!important; display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:12px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy{ min-width:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow{ margin:0 0 5px!important; padding:0!important; display:flex!important; align-items:center!important; gap:9px!important; color:var(--musa-mocha,#704B3E)!important; font-size:11px!important; line-height:1.2!important; font-weight:700!important; letter-spacing:.13em!important; text-transform:uppercase!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow i{ display:block!important; width:30px!important; height:1px!important; flex:0 0 30px!important; background:var(--musa-gold,#B68B4E)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow span{ color:var(--musa-gold,#B68B4E)!important; font-weight:800!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title{ margin:0!important; padding:0!important; color:var(--musa-carbon,#272321)!important; font-family: "Playfair Display", Georgia, serif!important; font-size:32px!important; line-height:1.02!important; font-weight:600!important; letter-spacing:-.025em!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title > span{ color:var(--musa-gold,#B68B4E)!important; font:inherit!important; font-weight:700!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy p{ margin:5px 0 0!important; padding:0!important; color:rgba(39,35,33,.66)!important; font-size:13.5px!important; line-height:1.35!important; font-weight:400!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__all{ flex:0 0 auto!important; margin:0 0 2px!important; padding:0 0 3px!important; color:var(--musa-wine,#762F3D)!important; border:0!important; border-bottom: 1px solid rgba(118,47,61,.30)!important; background:none!important; text-decoration:none!important; font-size:12px!important; line-height:1.2!important; font-weight:800!important; white-space:nowrap!important; } /* ========================================================== GRID ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid{ width:100%!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; column-gap:8px!important; row-gap:14px!important; } /* ========================================================== CARD — FICHA EDITORIAL, NO CAJA ROSADA ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__card{ position:relative!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0 0 8px!important; display:grid!important; grid-template-rows:auto auto!important; align-content:start!important; overflow:visible!important; background:transparent!important; border:0!important; border-bottom: 1px solid rgba(112,75,62,.17)!important; border-radius:0!important; box-shadow:none!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__card::after{ content:""!important; position:absolute!important; left:0!important; bottom:-1px!important; width:30px!important; height:1px!important; background: var(--musa-gold,#B68B4E)!important; } /* ========================================================== FOTOGRAFÍA Producto protagonista, ancho completo. ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__media{ position:relative!important; width:100%!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:8px!important; box-shadow:none!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__image{ display:block!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; background:transparent!important; text-decoration:none!important; line-height:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__image img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:initial!important; border:0!important; border-radius:8px!important; background:transparent!important; transform:none!important; } /* ========================================================== DESCUENTO ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__discount{ position:absolute!important; z-index:5!important; top:8px!important; left:8px!important; min-height:24px!important; margin:0!important; padding:0 8px!important; display:flex!important; align-items:center!important; justify-content:center!important; border: 1px solid rgba(245,240,233,.22)!important; border-radius:999px!important; background: rgba(118,47,61,.94)!important; color:var(--musa-bone,#F5F0E9)!important; -webkit-text-fill-color: var(--musa-bone,#F5F0E9)!important; font-size:10px!important; line-height:1!important; font-weight:800!important; box-shadow: 0 5px 14px rgba(39,35,33,.12)!important; } /* ========================================================== CARRITO Se conserva la acción real; cambia únicamente la firma. ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart{ position:absolute!important; z-index:6!important; right:8px!important; bottom:8px!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; border: 1px solid rgba(182,139,78,.42)!important; border-radius:50%!important; background: rgba(118,47,61,.96)!important; color:var(--musa-bone,#F5F0E9)!important; box-shadow: 0 7px 18px rgba(39,35,33,.15)!important; cursor:pointer!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart svg{ width:18px!important; height:18px!important; fill:none!important; stroke:var(--musa-bone,#F5F0E9)!important; stroke-width:1.8!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart span{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; } /* ========================================================== FICHA ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__body{ width:100%!important; min-height:0!important; margin:0!important; padding:7px 0 0!important; display:flex!important; flex-direction:column!important; background:transparent!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__name{ width:100%!important; margin:0!important; padding:0!important; color:var(--musa-carbon,#272321)!important; -webkit-text-fill-color: var(--musa-carbon,#272321)!important; text-decoration:none!important; text-align:left!important; font-size:13px!important; line-height:1.2!important; font-weight:750!important; overflow:hidden!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__prices{ width:100%!important; min-height:0!important; margin:4px 0 0!important; padding:0!important; display:flex!important; align-items:baseline!important; justify-content:flex-start!important; gap:5px!important; background:none!important; border:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__now{ display:inline!important; margin:0!important; padding:0!important; color:var(--musa-gold,#B68B4E)!important; -webkit-text-fill-color: var(--musa-gold,#B68B4E)!important; background:none!important; background-image:none!important; text-shadow:none!important; font-size:18px!important; line-height:1!important; font-weight:800!important; letter-spacing:-.02em!important; font-variant-numeric:tabular-nums!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__before{ display:inline!important; margin:0!important; padding:0!important; color:rgba(112,75,62,.62)!important; -webkit-text-fill-color: rgba(112,75,62,.62)!important; background:none!important; text-decoration:line-through!important; font-size:10.5px!important; line-height:1!important; font-weight:500!important; white-space:nowrap!important; } /* ========================================================== ACCESIBILIDAD ========================================================== */ html body.product-product #fresa-pdp-related-v3 a:focus-visible, html body.product-product #fresa-pdp-related-v3 button:focus-visible{ outline: 2px solid var(--musa-gold,#B68B4E)!important; outline-offset:2px!important; } /* ========================================================== TOAST — MISMA LÓGICA, IDENTIDAD MUSA ========================================================== */ html body .fresa-new-discover-toast{ position:fixed!important; z-index:2147483647!important; left:16px!important; right:16px!important; bottom:18px!important; width:auto!important; display:flex!important; justify-content:center!important; pointer-events:none!important; } html body .fresa-new-discover-toast__box{ width:100%!important; max-width:410px!important; min-width:0!important; min-height:54px!important; margin:0!important; padding:10px!important; display:grid!important; grid-template-columns: 38px minmax(0,1fr) 44px!important; align-items:center!important; gap:9px!important; overflow:hidden!important; border: 1px solid rgba(112,75,62,.18)!important; border-radius:15px!important; background:#F5F0E9!important; box-shadow: 0 12px 30px rgba(39,35,33,.14)!important; pointer-events:auto!important; } html body .fresa-new-discover-toast__ok{ width:38px!important; height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; background:rgba(182,139,78,.15)!important; color:var(--musa-wine,#762F3D)!important; font-weight:900!important; } html body .fresa-new-discover-toast__text{ min-width:0!important; overflow:hidden!important; } html body .fresa-new-discover-toast__text strong{ display:block!important; margin:0!important; color:var(--musa-carbon,#272321)!important; font-size:13px!important; line-height:1.15!important; font-weight:750!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body .fresa-new-discover-toast__text span{ display:-webkit-box!important; margin:3px 0 0!important; color:rgba(39,35,33,.62)!important; font-size:11px!important; line-height:1.2!important; overflow:hidden!important; overflow-wrap:anywhere!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } html body .fresa-new-discover-toast__view{ width:44px!important; height:44px!important; min-width:44px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:50%!important; background:var(--musa-wine,#762F3D)!important; color:var(--musa-bone,#F5F0E9)!important; -webkit-text-fill-color: var(--musa-bone,#F5F0E9)!important; text-decoration:none!important; font-size:10px!important; font-weight:800!important; } /* ========================================================== DESKTOP ========================================================== */ @media(min-width:768px){ html body.product-product #fresa-pdp-related-v3{ padding:22px 28px 38px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__head{ margin-bottom:18px!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size: clamp( 2.375rem, 3.1vw, 2.75rem )!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy p{ margin-top:7px!important; font-size:15px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__all{ font-size:13px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid{ grid-template-columns: repeat(4,minmax(0,1fr))!important; gap:18px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__card{ padding-bottom:10px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart{ right:11px!important; bottom:11px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__body{ padding-top:9px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__name{ font-size:17px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__prices{ margin-top:6px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__now{ font-size:22px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__before{ font-size:12px!important; } } /* MUSA_NEW_DISCOVER_EDITORIAL_V3_END */ /* MUSA_NEW_DISCOVER_MAGAZINE_V4_START */ /* * MUSA PRESTIGE * NUEVOS PARA DESCUBRIR * * 1 PORTADA HORIZONTAL + 4 FICHAS * * Se apoya en Editorial V3 para las fichas inferiores. * Esta capa redefine únicamente: * * - cabecera * - título * - hero horizontal * - separación/grid final */ /* ========================================================== ROOT ========================================================== */ html body.product-product #fresa-pdp-related-v3{ background:#EDE4D9!important; } /* ========================================================== CABECERA ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__head{ display:block!important; width:100%!important; margin:0 0 13px!important; padding:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__bar{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; margin:0 0 5px!important; padding:0!important; gap:10px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow{ min-width:0!important; display:flex!important; align-items:center!important; gap:9px!important; margin:0!important; padding:0!important; color: var(--musa-gold,#B68B4E)!important; font-size:11px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.13em!important; text-transform:uppercase!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow i{ display:block!important; width:30px!important; height:1px!important; flex:0 0 30px!important; background: var(--musa-gold,#B68B4E)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__all{ position:static!important; top:auto!important; flex:0 0 auto!important; min-height:0!important; height:auto!important; margin:0!important; padding:0 0 4px!important; color: var(--musa-wine,#762F3D)!important; border:0!important; border-bottom: 1px solid rgba(118,47,61,.30)!important; background:none!important; text-decoration:none!important; font-size:12px!important; line-height:1.2!important; font-weight:800!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy{ width:100%!important; margin:0!important; padding:0!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title{ width:100%!important; margin:0!important; padding:0!important; color: var(--musa-carbon,#272321)!important; font-family: "Playfair Display", Georgia, serif!important; /* * UNA SOLA LÍNEA. * En teléfonos normales queda cerca de 29px. */ font-size: clamp( 27px, 7.5vw, 32px )!important; line-height:1.02!important; font-weight:600!important; letter-spacing:-.032em!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title > span{ color: var(--musa-gold,#B68B4E)!important; font:inherit!important; font-weight:700!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy p{ margin:5px 0 0!important; padding:0!important; color: rgba(39,35,33,.66)!important; font-size:13.5px!important; line-height:1.35!important; font-weight:400!important; } /* ========================================================== PORTADA HORIZONTAL ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-host{ width:100%!important; margin:0 0 12px!important; padding:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero{ width:100%!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns: 42% 58%!important; overflow:hidden!important; border: 1px solid rgba(112,75,62,.18)!important; border-radius:12px!important; background: var(--musa-bone,#F5F0E9)!important; box-shadow: 0 8px 22px rgba(39,35,33,.055)!important; } /* * FOTO: * llega hasta el borde izquierdo. * No se mete en una caja pequeña. * No se recorta con cover. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-media{ display:block!important; min-width:0!important; width:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#E8D9C6!important; border:0!important; line-height:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-media img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; object-fit:initial!important; } /* ========================================================== PANEL REVISTA MUSA ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-copy{ min-width:0!important; margin:0!important; padding: 17px 14px 14px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; color:#F8F2E9!important; background-color:#2D1B0F!important; background-image: linear-gradient( 180deg, rgba(22,12,6,.05) 0%, rgba(22,12,6,.01) 45%, rgba(22,12,6,.12) 100% ), url('/image/catalog/musa-brand/musa-header-reference-v6.webp?v=20261003-180331')!important; background-size: 100% 100%, 100% 100%!important; background-position: center, center!important; background-repeat: no-repeat, no-repeat!important; border-left: 1px solid rgba(112,75,62,.12)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-sign{ display:flex!important; align-items:center!important; gap:7px!important; margin:0 0 8px!important; padding:0!important; color: var(--musa-gold,#B68B4E)!important; font-size:9px!important; line-height:1!important; font-weight:800!important; letter-spacing:.15em!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-sign i{ display:block!important; width:17px!important; height:1px!important; flex:0 0 17px!important; background: var(--musa-gold,#B68B4E)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-copy small{ display:block!important; margin:0 0 4px!important; padding:0!important; color: rgba(245,240,233,.62)!important; font-size:9px!important; line-height:1.1!important; font-weight:700!important; letter-spacing:.12em!important; text-transform:uppercase!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-name{ margin:0!important; padding:0!important; color:#F8F2E9!important; text-decoration:none!important; font-family: "Playfair Display", Georgia, serif!important; font-size:20px!important; line-height:1.04!important; font-weight:600!important; overflow:hidden!important; display:-webkit-box!important; -webkit-box-orient: vertical!important; -webkit-line-clamp: 3!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-foot{ width:100%!important; margin:13px 0 0!important; padding:10px 0 0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:7px!important; border-top: 1px solid rgba(230,211,176,.22)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-prices{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:2px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-prices strong{ margin:0!important; padding:0!important; color: var(--musa-gold,#B68B4E)!important; font-size:18px!important; line-height:1!important; font-weight:800!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-prices del{ margin:0!important; padding:0!important; color: rgba(245,240,233,.54)!important; font-size:9.5px!important; line-height:1!important; white-space:nowrap!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-view{ flex:0 0 auto!important; margin:0!important; padding:0!important; color:#F8F2E9!important; text-decoration:none!important; font-size:11px!important; line-height:1!important; font-weight:800!important; white-space:nowrap!important; } /* ========================================================== GRID INFERIOR ========================================================== */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid{ margin-top:0!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; column-gap:8px!important; row-gap:14px!important; } /* * V3 ya hace las fotos protagonistas. * Se impide que reglas antiguas vuelvan * a limitar su altura. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__media{ height:auto!important; min-height:0!important; aspect-ratio:auto!important; padding:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__image{ padding:0!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__image img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; max-height:none!important; object-fit:initial!important; } /* ========================================================== MUY ANGOSTO ========================================================== */ @media(max-width:360px){ html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size:25.5px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow{ font-size:9.5px!important; gap:6px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__eyebrow i{ width:22px!important; flex-basis:22px!important; } } /* ========================================================== DESKTOP ========================================================== */ @media(min-width:768px){ html body.product-product #fresa-pdp-related-v3{ padding: 22px 28px 40px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__head{ margin-bottom:18px!important; } html body.product-product #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size: clamp( 2.375rem, 3.1vw, 2.75rem )!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__copy p{ margin-top:7px!important; font-size:15px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-host{ margin-bottom:20px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero{ grid-template-columns: 46% 54%!important; max-width:850px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-copy{ padding:34px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-name{ font-size:38px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-prices strong{ font-size:26px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__hero-view{ font-size:13px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid{ grid-template-columns: repeat(4,minmax(0,1fr))!important; gap:18px!important; } } /* MUSA_NEW_DISCOVER_MAGAZINE_V4_END */ /* MUSA_NEW_DISCOVER_CART_GOLD_V1_START Botón de carrito propio Musa. Oro REAL del logo + tamaño reducido para no tapar producto. No modifica cards, imágenes, productos, precios ni lógica. ============================================================= */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart{ right:8px!important; bottom:8px!important; width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; padding:0!important; border:1px solid rgba(91,51,10,.38)!important; border-radius:11px!important; background: linear-gradient( 135deg, #CC7009 0%, #E59716 18%, #F7B42A 42%, #FBDE5E 62%, #FCC836 80%, #E59716 100% )!important; color:#2D1B0F!important; -webkit-text-fill-color:#2D1B0F!important; box-shadow: 0 5px 13px rgba(83,45,10,.18), inset 0 1px 0 rgba(253,249,175,.72)!important; overflow:hidden!important; isolation:isolate!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart::before{ content:""!important; position:absolute!important; inset:2px!important; border:1px solid rgba(255,249,210,.42)!important; border-radius:8px!important; pointer-events:none!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart svg{ position:relative!important; z-index:2!important; width:18px!important; height:18px!important; fill:none!important; stroke:#2D1B0F!important; stroke-width:1.85!important; stroke-linecap:round!important; stroke-linejoin:round!important; filter:none!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible{ background: linear-gradient( 135deg, #E59716 0%, #F7B42A 26%, #FDF9AF 52%, #FBDE5E 68%, #CC7009 100% )!important; transform:translateY(-1px)!important; box-shadow: 0 7px 16px rgba(83,45,10,.22), inset 0 1px 0 rgba(255,255,255,.58)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active{ transform:translateY(0)!important; } @media (min-width:768px){ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart{ right:11px!important; bottom:11px!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; border-radius:12px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart::before{ border-radius:9px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart svg{ width:19px!important; height:19px!important; } } /* MUSA_NEW_DISCOVER_CART_GOLD_V1_END */ /* MUSA_NEW_DISCOVER_GOLD_COMPACT_V4_START MUSA PRESTIGE · ADD FASHION CONTROL Oro Musa visible + iconografía chocolate. Touch target invisible de 44px. ============================================================= */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active{ position:absolute!important; right:0!important; bottom:0!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; appearance:none!important; -webkit-appearance:none!important; border:0!important; outline:0!important; border-radius:0!important; /* * IMPORTANTE: * el área táctil nunca pinta fondo. */ background:transparent!important; background-color:transparent!important; background-image:none!important; box-shadow:none!important; color:#27170D!important; -webkit-text-fill-color:#27170D!important; overflow:visible!important; isolation:isolate!important; cursor:pointer!important; -webkit-tap-highlight-color:transparent!important; tap-highlight-color:transparent!important; } /* * ÚNICA superficie visible. * Dorado Musa basado en #F7B42A. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart::before{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:30px!important; height:30px!important; transform:translate(-50%,-50%)!important; border-radius:9px!important; background: linear-gradient( 145deg, #FFD36A 0%, #F7B42A 38%, #E39A18 100% )!important; border:1px solid rgba(117,69,10,.38)!important; box-shadow: 0 3px 8px rgba(58,31,10,.22), inset 0 1px 0 rgba(255,244,197,.72), inset 0 -1px 0 rgba(128,74,7,.15)!important; z-index:1!important; pointer-events:none!important; transition: transform .14s ease, box-shadow .14s ease, filter .14s ease!important; } /* * El V3 tenía un ::after de focus alrededor. * Se elimina por completo para que jamás aparezca * el cuadrado dorado exterior. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart::after, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover::after, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus::after, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible::after, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active::after{ content:none!important; display:none!important; background:none!important; border:0!important; box-shadow:none!important; } /* * Percha + agregar: * chocolate profundo encima del oro. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart svg, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover svg, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus svg, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible svg, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active svg{ position:relative!important; z-index:2!important; width:18px!important; height:18px!important; display:block!important; margin:0!important; padding:0!important; fill:none!important; color:#27170D!important; stroke:#27170D!important; stroke-width:1.7!important; stroke-linecap:round!important; stroke-linejoin:round!important; filter:none!important; pointer-events:none!important; transition:transform .14s ease!important; } /* * Hover escritorio: * misma pieza, solo un poco más refinada. * No aumenta el área dorada. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover::before{ filter:brightness(1.04)!important; box-shadow: 0 4px 10px rgba(58,31,10,.25), inset 0 1px 0 rgba(255,247,213,.82), inset 0 -1px 0 rgba(128,74,7,.16)!important; } /* * Focus por teclado: * señal contenida DENTRO de los 30px. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible::before{ box-shadow: 0 3px 8px rgba(58,31,10,.22), inset 0 0 0 2px rgba(39,23,13,.30), inset 0 1px 0 rgba(255,244,197,.72)!important; } /* * Tap/click: * solamente microcompresión. * Nada aparece a los lados. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active::before{ transform: translate(-50%,-50%) scale(.92)!important; box-shadow: 0 2px 5px rgba(58,31,10,.18), inset 0 1px 0 rgba(255,244,197,.62)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active svg{ transform:scale(.94)!important; } /* Estado mientras agrega */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart.is-loading::before{ filter:saturate(.82) brightness(.94)!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart.is-loading svg{ opacity:.58!important; } /* * Desktop: * solo 32px visibles. * Touch/click target sigue en 44px. */ @media (min-width:768px){ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:hover, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:focus-visible, html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart:active{ right:1px!important; bottom:1px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; background:transparent!important; background-color:transparent!important; background-image:none!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart::before{ width:32px!important; height:32px!important; border-radius:10px!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__cart svg{ width:19px!important; height:19px!important; } } /* MUSA_NEW_DISCOVER_GOLD_COMPACT_V4_END */ /* MUSA_NEW_DISCOVER_TITLE_SIZE_V1_START */ /* * "Nuevos para descubrir" * Misma escala tipográfica que: * - "Descubre tu esencia" * - "Encuentra tu estilo" */ /* Móvil */ @media (max-width:767px){ html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size:clamp(34px,9.2vw,38px)!important; } } /* Móvil pequeño */ @media (max-width:374px){ html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size:32px!important; } } /* Tablet / escritorio */ @media (min-width:768px){ html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title{ font-size:clamp(40px,4.2vw,52px)!important; } } /* MUSA_NEW_DISCOVER_TITLE_SIZE_V1_END */ /* MUSA_HOME_TITLE_TEXTURE_V7_START */ html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title > span{ position:relative!important; display:inline-block!important; isolation:isolate!important; background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; -webkit-text-fill-color:currentColor!important; font-style:normal!important; } html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title > span::before{ content:""!important; position:absolute!important; z-index:1!important; left:-.10em!important; right:-.10em!important; top:66%!important; height:1.16em!important; transform: translateY(-46%) rotate(-.65deg)!important; pointer-events:none!important; background-color:#2D1B0F!important; background-image: linear-gradient( 90deg, rgba(20,12,9,.24) 0%, rgba(20,12,9,.10) 46%, rgba(20,12,9,.02) 100% ), url('/image/catalog/musa-brand/musa-header-reference-v6.webp?v=20261003-180331')!important; background-size: 100% 100%, cover!important; background-position: center, center!important; background-repeat: no-repeat, no-repeat!important; clip-path:polygon( 0% 20%, 7% 12%, 18% 16%, 30% 8%, 43% 14%, 56% 7%, 69% 13%, 82% 6%, 100% 14%, 99% 82%, 88% 89%, 75% 84%, 62% 93%, 48% 86%, 34% 94%, 20% 87%, 8% 92%, 0% 82% )!important; opacity:.98!important; } html body.product-product:not(.qivo-mayoristas-home) #fresa-pdp-related-v3 #fresa-new-discover-title > span > .musa-title-gold-text{ position:relative!important; z-index:2!important; display:inline!important; /* * V7 — ORO REAL DEL GLIFO. * Esta capa está por encima del brochazo. */ color:#F7B42A!important; background:linear-gradient( 90deg, #CC7009 0%, #E59716 18%, #F7B42A 38%, #FCC836 58%, #FBDE5E 78%, #FDF9AF 100% )!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; text-fill-color:transparent!important; opacity:1!important; } /* MUSA_HOME_TITLE_TEXTURE_V7_END */ /* MUSA_PDP_RELATED_IMAGES_V3_START Solo imagen directa. Sin cajas ni tarjetas nuevas. */ html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid .fresa-new-discover__image{ display:block!important; width:100%!important; background:transparent!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid .fresa-new-discover__image img{ display:block!important; width:100%!important; height:auto!important; aspect-ratio:4 / 5!important; object-fit:contain!important; object-position:center!important; background:transparent!important; } html body.product-product #fresa-pdp-related-v3 .fresa-new-discover__grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:start!important; } /* MUSA_PDP_RELATED_IMAGES_V3_END */