/* Reglas activas únicamente al guardar/visualizar un diseño personalizado. */
html.appearance-design-enabled body {
    background: var(--design-page-bg);
    color: var(--design-text-color);
    font-size: var(--design-body-size);
}
/* La personalización general no cambia tipografía ni espaciado del pie de página. */
html.appearance-design-enabled body :where(*):not(i):not([class*="fa-"]):not(svg):not(svg *):not(footer):not(footer *) {
    font-family: var(--design-font);
}
html.appearance-design-enabled .container:not(footer .container) { max-width: var(--design-content-width); }
html.appearance-design-enabled :is(.storefront-header-sticky, header.header-main) {
    background: var(--design-header-bg);
    color: var(--design-header-text);
}
html.appearance-design-enabled .storefront-header-sticky {
    box-shadow: var(--design-header-shadow);
    border-bottom: var(--design-header-border-width) solid var(--design-border-color);
}
html.appearance-design-enabled header.header-main {
    height: auto;
    min-height: var(--design-header-height-desktop);
    padding-top: 10px;
    padding-bottom: 10px;
}
html.appearance-design-enabled header.header-main .header-brand-logo {
    width: min(100%, var(--design-logo-width-desktop));
    max-height: calc(var(--design-header-height-desktop) - 20px);
}
html.appearance-design-enabled .header-main .header-action { color: var(--design-header-text); }
html.appearance-design-enabled .header-main .cart-count { background: var(--design-accent-color); color: var(--design-button-text); }
html.appearance-design-enabled .main-nav.storefront-nav {
    height: var(--design-nav-height);
    background: var(--design-nav-bg);
    color: var(--design-nav-text);
    border-color: var(--design-border-color);
}
html.appearance-design-enabled .storefront-nav > a,
html.appearance-design-enabled .storefront-nav .desktop-products-toggle {
    color: var(--design-nav-text);
    line-height: var(--design-nav-height);
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Diseño alternativo: la navegación forma parte visualmente del header.
   Los colores de header prevalecen sobre los ajustes de navegación, que siguen
   disponibles para el diseño original. Esto funciona también en vista previa. */
html.appearance-design-enabled[data-store-header-design="reference_39"] .main-nav.storefront-nav {
    height: auto;
    background: var(--design-header-bg);
    color: var(--design-header-text);
}
html.appearance-design-enabled[data-store-header-design="reference_39"] .storefront-nav > a,
html.appearance-design-enabled[data-store-header-design="reference_39"] .storefront-nav .desktop-products-toggle {
    color: var(--design-header-text);
    line-height: normal;
}
html.appearance-design-enabled .header-main .header-action-label { max-width: clamp(70px, 14vw, 180px); overflow: hidden; text-overflow: ellipsis; }
html.appearance-design-enabled .storefront-nav > .nav-sale { color: var(--design-nav-sale-color); }
html.appearance-design-enabled :is(.desktop-products-submenu, .modal-box, .cart-drawer, .mobile-menu-drawer, .checkout-section, .product-detail-section, .store-faq-item, .review-card) {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html.appearance-design-enabled :is(.section-title, .store-faq-heading, .testimonial-carousel-title) {
    color: var(--design-text-color);
    font-size: var(--design-heading-size);
}
html.appearance-design-enabled :is(.section-subtitle, .store-faq-intro) { color: var(--design-muted-color); }
html.appearance-design-enabled :is(.store-faq-answer, .store-faq-intro, .product-detail-description) { font-size: var(--design-body-size); }
/* Preguntas frecuentes: una sola superficie de color con el fondo de la tienda.
   Antes, la sección quedaba blanca, cada pregunta tenía otro fondo y en móvil
   .container pintaba una tercera capa blanca, creando franjas y cortes. */
html.appearance-design-enabled .store-faq-section {
    background-color: var(--design-page-bg);
    color: var(--design-text-color);
}
/* Incluye el responsive del sitio que establece .container { background: #fff }. */
html.appearance-design-enabled .store-faq-section .store-faq-inner,
html.appearance-design-enabled .store-faq-section .store-faq-list,
html.appearance-design-enabled .store-faq-section .store-faq-item {
    background: transparent;
}
html.appearance-design-enabled .store-faq-section .store-faq-list {
    border-top-color: var(--design-border-color);
}
html.appearance-design-enabled .store-faq-section .store-faq-item {
    color: var(--design-text-color);
    border-bottom-color: var(--design-border-color);
}
html.appearance-design-enabled .store-faq-section .store-faq-item > summary {
    color: var(--design-text-color);
}
html.appearance-design-enabled .store-faq-section .store-faq-answer {
    color: var(--design-muted-color);
}
html.appearance-design-enabled .store-faq-section .store-faq-icon,
html.appearance-design-enabled .store-faq-section :is(.store-faq-answer a, .store-faq-link) {
    color: var(--design-accent-color);
}
html.appearance-design-enabled #productsGrid {
    grid-template-columns: repeat(var(--design-columns-desktop), minmax(0, 1fr));
    gap: var(--design-gap-desktop);
}
html.appearance-design-enabled #productsGrid .product-card {
    min-width: 0;
    padding: var(--design-card-padding);
    background: var(--design-card-bg);
    color: var(--design-card-text);
    border: var(--design-card-border-width) solid var(--design-border-color);
    border-radius: var(--design-card-radius);
    box-shadow: var(--design-card-shadow);
    overflow: visible;
}
html.appearance-design-enabled[data-design-card="outline"] #productsGrid .product-card { background: transparent; }
html.appearance-design-enabled[data-design-card="plain"] #productsGrid .product-card { background: transparent; border-color: transparent; box-shadow: none; }
html.appearance-design-enabled #productsGrid .product-title {
    font-size: var(--design-title-size-desktop);
    font-weight: var(--design-title-weight);
    color: var(--design-card-text);
    line-height: 1.3;
    overflow-wrap: anywhere;
}
html.appearance-design-enabled #productsGrid .price-new { color: var(--design-price-color); font-size: var(--design-price-size-desktop); }
html.appearance-design-enabled #productsGrid .price-old,
html.appearance-design-enabled #productsGrid .product-stars span { color: var(--design-muted-color); }
html.appearance-design-enabled #productsGrid :is(.price-transfer, .price-off) { color: var(--design-discount-color); }
html.appearance-design-enabled #productsGrid .product-image {
    aspect-ratio: var(--design-image-ratio);
    padding: var(--design-image-padding);
    background: var(--design-image-bg);
    border-radius: var(--design-image-radius);
    margin-bottom: var(--design-card-spacing);
    overflow: visible;
}
html.appearance-design-enabled #productsGrid .product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--design-image-fit);
    object-position: var(--design-image-position);
    border-radius: var(--design-image-radius);
}
html.appearance-design-enabled[data-design-image-ratio="natural"]:not([data-design-image-shape="circle"]) #productsGrid .product-image img { height: auto; }
html.appearance-design-enabled[data-design-image-shape="square"] #productsGrid .product-image,
html.appearance-design-enabled[data-design-image-shape="square"] #productsGrid .product-image img { border-radius: 0; }
html.appearance-design-enabled[data-design-image-shape="arch"] #productsGrid .product-image,
html.appearance-design-enabled[data-design-image-shape="arch"] #productsGrid .product-image img { border-radius: 48% 48% var(--design-image-radius) var(--design-image-radius); }
html.appearance-design-enabled[data-design-image-shape="circle"] #productsGrid .product-image,
html.appearance-design-enabled[data-design-image-shape="circle"] #productsGrid .product-image img { border-radius: 50%; }
/* Las etiquetas conservan su contenido y no se recortan por la forma de la foto. */
html.appearance-design-enabled #productsGrid .sold-out-badge { background: var(--design-stock-bg); color: var(--design-stock-text); }
html.appearance-design-enabled[data-design-alignment="center"] #productsGrid .product-card { text-align: center; }
html.appearance-design-enabled[data-design-alignment="center"] #productsGrid .price-box { align-items: center; }
html.appearance-design-enabled[data-design-alignment="center"] #productsGrid .btn-comprar { align-self: center; }
html.appearance-design-enabled :is(.btn-primary, .btn-comprar) {
    background: var(--design-button-bg);
    color: var(--design-button-text);
    border: var(--design-button-border-width) solid var(--design-button-border-color);
    border-radius: var(--design-button-radius);
    padding-top: var(--design-button-padding);
    padding-bottom: var(--design-button-padding);
    font-size: var(--design-button-font-size);
    text-transform: var(--design-button-case);
    box-shadow: var(--design-button-shadow);
}
html.appearance-design-enabled #productsGrid .btn-comprar {
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    margin-left: 0;
    margin-right: 0;
}
html.appearance-design-enabled[data-design-button-width="full"] #productsGrid .btn-comprar { width: 100%; }
html.appearance-design-enabled[data-design-button-width="auto"] #productsGrid .btn-comprar { width: auto; }
html.appearance-design-enabled :is(.btn-primary, .btn-comprar):hover { background: var(--design-button-hover-bg); color: var(--design-button-hover-text); }
/* Stock sigue controlado por el código original; solo se reemplaza su color inline. */
html.appearance-design-enabled #productsGrid .product-card[data-stock="0"] .btn-comprar,
html.appearance-design-enabled :is(.btn-primary, .btn-comprar):disabled {
    background: var(--design-button-disabled-bg) !important;
    color: var(--design-button-disabled-text);
    box-shadow: none;
}
/* El pie conserva su fondo, colores, tamaños y ancho del diseño base. 
   Los estilos del footer están en index.html y no reciben variables de presets. */
html.appearance-design-enabled footer { font-size: 16px; }
html.appearance-design-enabled :is(button, a, .product-card):not(footer *):focus-visible { outline: 2px solid var(--design-accent-color); outline-offset: 3px; }
@media (max-width: 900px) {
    html.appearance-design-enabled header.header-main { min-height: var(--design-header-height-mobile); padding-top: 8px; padding-bottom: 8px; }
    html.appearance-design-enabled header.header-main .header-brand-logo { width: min(100%, var(--design-logo-width-mobile), 48vw); max-height: calc(var(--design-header-height-mobile) - 16px); }
    html.appearance-design-enabled #productsGrid { grid-template-columns: repeat(var(--design-columns-mobile), minmax(0, 1fr)); gap: var(--design-gap-mobile); }
    html.appearance-design-enabled #productsGrid .product-title { font-size: var(--design-title-size-mobile); }
    html.appearance-design-enabled #productsGrid .price-new { font-size: var(--design-price-size-mobile); }
}
@media (prefers-reduced-motion: reduce) {
    html.appearance-design-enabled #productsGrid .product-card { transition: none; }
}

/* Solo colores: utiliza las medidas, fotos, tipografía y distribución del CSS original. */
html.appearance-design-colors-enabled,
html.appearance-design-colors-enabled body {
    background-color: var(--design-page-bg);
    color: var(--design-text-color);
}
html.appearance-design-colors-enabled :is(.storefront-header-sticky, header.header-main) {
    background-color: var(--design-header-bg);
    color: var(--design-header-text);
    border-color: var(--design-border-color);
}
html.appearance-design-colors-enabled .header-main .header-action {
    color: var(--design-header-text);
}
html.appearance-design-colors-enabled .header-main .cart-count {
    background-color: var(--design-button-bg);
    color: var(--design-button-text);
}
html.appearance-design-colors-enabled .main-nav.storefront-nav {
    background-color: var(--design-nav-bg);
    color: var(--design-nav-text);
    border-color: var(--design-border-color);
}
html.appearance-design-colors-enabled .storefront-nav > a,
html.appearance-design-colors-enabled .storefront-nav .desktop-products-toggle {
    color: var(--design-nav-text);
}
html.appearance-design-colors-enabled[data-store-header-design="reference_39"] .main-nav.storefront-nav {
    background-color: var(--design-header-bg);
    color: var(--design-header-text);
}
html.appearance-design-colors-enabled[data-store-header-design="reference_39"] .storefront-nav > a,
html.appearance-design-colors-enabled[data-store-header-design="reference_39"] .storefront-nav .desktop-products-toggle {
    color: var(--design-header-text);
}
html.appearance-design-colors-enabled .storefront-nav > .nav-sale {
    color: var(--design-nav-sale-color);
}
html.appearance-design-colors-enabled :is(.desktop-products-submenu, .modal-box, .cart-drawer, .mobile-menu-drawer, .checkout-section, .product-detail-section, .store-faq-item, .review-card) {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html.appearance-design-colors-enabled :is(.section-title, .store-faq-heading, .testimonial-carousel-title) {
    color: var(--design-text-color);
}
html.appearance-design-colors-enabled :is(.section-subtitle, .store-faq-intro, .store-faq-answer) {
    color: var(--design-muted-color);
}
html.appearance-design-colors-enabled .store-faq-section,
html.appearance-design-colors-enabled .store-faq-section :is(.store-faq-inner, .store-faq-list, .store-faq-item) {
    background-color: var(--design-page-bg);
    border-color: var(--design-border-color);
}
html.appearance-design-colors-enabled .store-faq-section .store-faq-item > summary {
    color: var(--design-text-color);
}
html.appearance-design-colors-enabled .store-faq-section :is(.store-faq-icon, .store-faq-answer a, .store-faq-link) {
    color: var(--design-accent-color);
}
html.appearance-design-colors-enabled #productsGrid .product-card {
    background-color: var(--design-card-bg);
    color: var(--design-card-text);
    border-color: var(--design-border-color);
}
html.appearance-design-colors-enabled #productsGrid .product-title {
    color: var(--design-card-text);
}
html.appearance-design-colors-enabled #productsGrid .price-new {
    color: var(--design-price-color);
}
html.appearance-design-colors-enabled #productsGrid :is(.price-old, .product-stars span) {
    color: var(--design-muted-color);
}
html.appearance-design-colors-enabled #productsGrid :is(.price-transfer, .price-off) {
    color: var(--design-discount-color);
}
html.appearance-design-colors-enabled #productsGrid .product-image {
    background-color: var(--design-image-bg);
}
html.appearance-design-colors-enabled #productsGrid .sold-out-badge {
    background-color: var(--design-stock-bg);
    color: var(--design-stock-text);
}
html.appearance-design-colors-enabled :is(.btn-primary, .btn-comprar) {
    background-color: var(--design-button-bg);
    color: var(--design-button-text);
    border-color: var(--design-button-border-color);
}
html.appearance-design-colors-enabled :is(.btn-primary, .btn-comprar):hover {
    background-color: var(--design-button-hover-bg);
    color: var(--design-button-hover-text);
}
html.appearance-design-colors-enabled #productsGrid .product-card[data-stock="0"] .btn-comprar,
html.appearance-design-colors-enabled :is(.btn-primary, .btn-comprar):disabled {
    background-color: var(--design-button-disabled-bg) !important;
    color: var(--design-button-disabled-text);
}
html.appearance-design-colors-enabled :is(button, a, .product-card):not(footer *):focus-visible {
    outline-color: var(--design-accent-color);
}

/* Tema oscuro. También sigue activo si se personalizan los colores del preset. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] {
    color-scheme: dark;
    background-color: var(--design-page-bg);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.container, .grid-4, .outfits-section, .reviews-section, .testimonial-carousel-section):not(footer .container) {
    background-color: var(--design-page-bg);
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(#searchModal, .product-detail-card, .size-guide-modal-card, .cart-footer, .cart-coupon) {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.form-input, .cart-coupon-input, .cart-coupon-btn, .qty-btn, .empty-cart, .size-option, .size-guide-grid-row, .size-guide-modal-close, .search-result-item) {
    background-color: var(--design-image-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.form-input, .cart-coupon-input)::placeholder {
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.form-input, .cart-coupon-input):focus {
    border-color: var(--design-accent-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.testimonial-carousel-heading, .product-detail-title, .product-detail-price .price-new, .desktop-products-submenu button, .mobile-products-submenu button, .mobile-menu-links a, .mobile-menu-products-toggle) {
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.testimonial-carousel-heading span, .product-detail-price .price-old, .product-detail-description, .cart-item-meta, .empty-cart) {
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.product-detail-transfer, .product-detail-price .price-off) {
    color: var(--design-discount-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.cart-item, .mobile-menu-links a, .mobile-menu-products-toggle, .mobile-products-submenu button, .testimonial-carousel-card, .size-guide-grid, .size-guide-grid-row span) {
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .desktop-products-submenu button:hover {
    background-color: var(--design-image-bg);
    color: var(--design-accent-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.cart-coupon-btn, .size-option):not(:disabled):not(.sold-out):hover,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .size-option.active {
    background-color: var(--design-button-bg);
    color: var(--design-button-text);
    border-color: var(--design-button-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.size-option.sold-out, .qty-btn:disabled, .cart-coupon-btn:disabled) {
    background-color: var(--design-button-disabled-bg);
    color: var(--design-button-disabled-text);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .size-guide-grid-row:nth-child(odd) {
    background-color: var(--design-surface-bg);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .header-main .cart-count {
    background-color: var(--design-button-bg);
    color: var(--design-button-text);
}
/* El sitio fuerza una X negra en celular: priorizar el contraste en este tema. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.mobile-menu-drawer, .cart-drawer, .modal-box, #searchModal) :is(.close-btn, .close-btn i) {
    color: var(--design-text-color) !important;
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(#searchModal, .cart-drawer, .modal-box) .close-btn {
    background-color: var(--design-image-bg);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(#searchModal, .cart-drawer, .modal-box) .close-btn:hover {
    background-color: var(--design-border-color);
}

/* Colores del contenido que abre el menú. Los IDs conservan prioridad frente al CSS móvil original. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu > .drawer-header,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu .mobile-menu-links > a,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu .mobile-menu-links > .mobile-menu-secondary,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu .mobile-menu-products-toggle,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu .mobile-products-submenu {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu .mobile-products-submenu button {
    background-color: var(--design-surface-bg);
    color: var(--design-muted-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #mobileMenu :is(.mobile-menu-links > a, .mobile-menu-products-toggle, .mobile-products-submenu button):hover,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #desktopProductsSubmenu button:hover {
    background-color: var(--design-button-disabled-bg);
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #desktopProductsSubmenu {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #desktopProductsSubmenu button {
    color: var(--design-text-color);
}

/* Buscador: cabecera, campo, lupa, resultados y mensajes comparten los colores del tema. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .modal-header,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .search-results,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .mobile-search-result {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal #searchInput {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal #searchInput:focus {
    border-color: var(--design-accent-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal #searchInput::placeholder {
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .search-row .btn-primary {
    background-color: transparent;
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .search-row .btn-primary:hover,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .mobile-search-result:is(:hover, :focus-visible) {
    background-color: var(--design-button-disabled-bg);
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .mobile-search-product-copy strong {
    color: var(--design-price-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .mobile-search-result img {
    background-color: var(--design-image-bg);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #searchModal .mobile-search-message {
    background-color: var(--design-surface-bg);
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(#mobileMenu, #searchModal) :is(a, button, input):focus-visible {
    outline-color: var(--design-accent-color);
}

/* Invertir Ver más productos únicamente en oscuro, sin modificar sus medidas. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productsLoadMore {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productsLoadMore:is(:hover, :focus-visible, :active) {
    background-color: #d9d9d9;
    color: #000000;
    border-color: #d9d9d9;
}

/* Descripción y títulos reales del detalle, conservando el formato escrito por el usuario. */
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productDetail :is(.product-detail-title, .detail-block-title, .product-reviews-head h2, .product-review-author, .product-reviews-summary strong, .product-review-reply strong),
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productDetail .product-description strong,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(.section-title-big, .store-catalog-status-title, .size-guide-display-title) {
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productDetail :is(.product-description, .size-help, .product-reviews-summary, .product-review-date, .product-review-card p, .product-review-reply span, .product-reviews-empty),
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .store-catalog-status-text {
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #productDetail :is(.product-reviews-panel, .product-review-card, .product-review-reply, .product-reviews-empty),
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .store-catalog-status-card {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] .store-catalog-status-icon {
    background-color: var(--design-button-disabled-bg);
    color: var(--design-muted-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #detailAddToCart,
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #detailSizeGuideBtn {
    background-color: var(--design-button-bg);
    color: var(--design-button-text);
    border-color: var(--design-button-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] :is(#detailAddToCart, #detailSizeGuideBtn):is(:hover, :focus-visible, :active) {
    background-color: var(--design-button-hover-bg);
    color: var(--design-button-hover-text);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #detailAddToCart:disabled {
    background-color: var(--design-button-disabled-bg) !important;
    color: var(--design-button-disabled-text);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #detailBackToProducts {
    background-color: var(--design-surface-bg);
    color: var(--design-text-color);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #detailBackToProducts:hover {
    background-color: var(--design-button-disabled-bg);
    color: var(--design-text-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #sizeGuideModal .size-guide-grid {
    background-color: var(--design-surface-bg);
    border-color: var(--design-border-color);
}
html:is(.appearance-design-enabled, .appearance-design-colors-enabled)[data-design-theme="dark"] #sizeGuideModal :is(.size-guide-size, .size-guide-value) {
    color: var(--design-text-color);
}