/* V103: favoritos del detalle y encabezado, sin alterar carrito ni otros iconos. */
html[data-theme="dark"] .deFlexDetail .favoritos-btn { color:#fff!important; }
html[data-theme="dark"] .deFlexDetail .favoritos-btn svg,
html[data-theme="dark"] .deFlexDetail .favoritos-btn svg[style*="gray"],
html[data-theme="dark"] .deFlexDetail .favoritos-btn svg[style*="grey"] {color:#fff!important;fill:#fff!important;stroke:#fff!important;}
html[data-theme="dark"] .deFlexDetail .favoritos-btn svg[style*="red"],
html[data-theme="dark"] .deFlexDetail .favoritos-btn[aria-pressed="true"] svg,
html[data-theme="dark"] .deFlexDetail .favoritos-btn.is-active svg {color:var(--sf-fav-selected,#ed168b)!important;fill:var(--sf-fav-selected,#ed168b)!important;stroke:var(--sf-fav-selected,#ed168b)!important;}
/* En el detalle el estado se reconoce por el color inline red/gray del SVG React. */
@media(max-width:1024px){
 html[data-theme="dark"] :is(header,.header,.Header,.navbar,.navbarHeader,.HeaderContain) .cartIcon,
 html[data-theme="dark"] :is(header,.header,.Header,.navbar,.navbarHeader,.HeaderContain) .cartIcon svg {color:var(--sf-fav-header-mobile,#fff)!important;fill:var(--sf-fav-header-mobile,#fff)!important;stroke:var(--sf-fav-header-mobile,#fff)!important;opacity:1!important;visibility:visible!important;}
}
@media(min-width:1025px){
 :is(header,.header,.Header,.navbar,.navbarHeader,.HeaderContain) .cartIcon,
 :is(header,.header,.Header,.navbar,.navbarHeader,.HeaderContain) .cartIcon svg {color:var(--sf-fav-header-desktop,#ed168b)!important;fill:var(--sf-fav-header-desktop,#ed168b)!important;stroke:var(--sf-fav-header-desktop,#ed168b)!important;}
}