/* Perfil de marca: TONE GIRL (landing de un solo producto) — tema OSCURO con rojo carmesí.
   Se carga después de style.css (ver senseben_marcas_perfiles en functions.php) y redefine las
   variables del :root. Valores tomados de la landing prototipo (c:\xampp\htdocs\landing-tonegirl). */
:root {
    --color-marca:        #c32c49;   /* Marca */
    --color-primary:      #ad203b;   /* Botones */
    --color-primary-dark: #8f1830;
    --color-resaltado:       #ff7d92;
    --color-resaltado-claro: #ff9fb0;
    --color-rose:         #3a0c17;   /* Contenedor */
    --color-rose-soft:    #1b0a0f;
    --color-nude:         #0e0e0e;
    --color-plum:         #f4eded;   /* T. Principal (claro sobre oscuro) */
    --color-sale:         #ff5e7a;

    --bg:                 #080808;   /* Fondo G. */
    --bg-muted:           #121212;
    --fg:                 #eee9e8;   /* T. Principal */
    --fg-muted:           #9a9494;   /* T. Secundario */
    --border:             rgba(255,255,255,.10);
    --white:              #111111;   /* "blanco" de tarjetas = superficie oscura */
    --card:               #111111;

    --font-display: 'Manrope', sans-serif;
    --font-sans: 'DM Sans', sans-serif;

    --shadow-card: 0 2px 14px rgba(0,0,0,.5);
    --shadow-hover: 0 10px 30px rgba(173,32,59,.28);
    color-scheme: dark;
}
html, body { background: #080808; color: var(--fg); }

/* Logo: se pinta casi blanco (la máscara usa --color-primary por defecto) */
body.marca-tonegirl .logo::after { background: #f4eded; }

/* Cabecera, menú y pie sobre fondo oscuro */
body.marca-tonegirl .site-header { background: rgba(8,8,8,.94); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(14px); }
body.marca-tonegirl .categories-nav { background: #0b0b0b; border-bottom: 1px solid rgba(255,255,255,.07); }
body.marca-tonegirl .site-footer { background: #060606; border-top: 1px solid rgba(255,255,255,.08); }
body.marca-tonegirl .search-bar { background: #151515; border-color: rgba(255,255,255,.12); }
body.marca-tonegirl .search-bar input { color: #eee9e8; }

/* Controles de formulario y tablas de WooCommerce: fondo oscuro, texto claro */
body.marca-tonegirl input[type="text"], body.marca-tonegirl input[type="email"], body.marca-tonegirl input[type="tel"],
body.marca-tonegirl input[type="number"], body.marca-tonegirl input[type="password"], body.marca-tonegirl select, body.marca-tonegirl textarea {
    background: #151515; color: #eee9e8; border-color: rgba(255,255,255,.14);
}
body.marca-tonegirl ::placeholder { color: #7d7878; }

/* Logo de la cabecera a un tamaño proporcionado (la máscara sigue al <img>) */



/* Pie de página oscuro: redes y medios de pago */
body.marca-tonegirl .footer-social a { background: #151515; border-color: rgba(255,255,255,.14); color: #eee9e8; }
body.marca-tonegirl .footer-social a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
body.marca-tonegirl .payment-icons span { background: #151515; color: #9a9494; border: 1px solid rgba(255,255,255,.12); }
body.marca-tonegirl .footer-col-title { color: #f4eded; }
body.marca-tonegirl .footer-links a, body.marca-tonegirl .footer-bottom { color: #9a9494; }
body.marca-tonegirl .footer-links a:hover { color: #fff; }
body.marca-tonegirl .roger-editor-topbar { background: #1b0a0f; color: #f1dede; }

/* Pie de página oscuro: redes y medios de pago */
body.marca-tonegirl .footer-social a { background: #151515; border-color: rgba(255,255,255,.14); color: #eee9e8; }
body.marca-tonegirl .footer-social a:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
body.marca-tonegirl .payment-icons span { background: #151515; color: #9a9494; border: 1px solid rgba(255,255,255,.12); }
body.marca-tonegirl .footer-col-title { color: #f4eded; }
body.marca-tonegirl .footer-links a, body.marca-tonegirl .footer-bottom { color: #9a9494; }
body.marca-tonegirl .footer-links a:hover { color: #fff; }
body.marca-tonegirl .roger-editor-topbar { background: #1b0a0f; color: #f1dede; }

/* ==========================================================================
   Tienda, ficha, carrito y checkout sobre fondo oscuro: las superficies que traían "#fff" fijo
   pasan a superficie oscura; los botones "contorno" se invierten.
   ========================================================================== */
body.marca-tonegirl .roger-editor-pf-relacionado-card, body.marca-tonegirl .roger-editor-trust-item, body.marca-tonegirl .roger-editor-cart-seccion,
body.marca-tonegirl .roger-editor-cart-item-qty button, body.marca-tonegirl .roger-editor-sug-seccion, body.marca-tonegirl .search-dropdown,
body.marca-tonegirl .search-modal, body.marca-tonegirl .mobile-menu, body.marca-tonegirl .mobile-bottom-nav, body.marca-tonegirl .blog-card,
body.marca-tonegirl .blog-filtro, body.marca-tonegirl .blog-sidebar-card, body.marca-tonegirl .auth-card, body.marca-tonegirl .stepper-item,
body.marca-tonegirl .checkout-main, body.marca-tonegirl .ck-toggle, body.marca-tonegirl .checkout-sidebar-card,
body.marca-tonegirl .woocommerce-order-overview, body.marca-tonegirl table.woocommerce-table--order-details, body.marca-tonegirl .woocommerce-column,
body.marca-tonegirl .woocommerce-customer-details > address, body.marca-tonegirl .pdp-qty-row, body.marca-tonegirl .plp-sidebar,
body.marca-tonegirl .plp-sidebar-footer-mobile, body.marca-tonegirl .plp-orden select, body.marca-tonegirl .container.plp-marca-header,
body.marca-tonegirl .roger-editor-pf-seccion-relacionada .product-card, body.marca-tonegirl .roger-editor-catalogo .product-card,
body.marca-tonegirl .roger-editor-seccion-productos .product-card, body.marca-tonegirl .roger-editor-lr-card, body.marca-tonegirl .roger-editor-lr-confirmacion,
body.marca-tonegirl .roger-editor-pv-card, body.marca-tonegirl .roger-editor-pv-modal-panel, body.marca-tonegirl .roger-editor-pv-filtro-row select,
body.marca-tonegirl .destacados-arrow {
    background: #111; color: var(--fg); border-color: rgba(255,255,255,.10);
}
body.marca-tonegirl .roger-editor-lr-field textarea:focus { background: #151515; }

/* Botones de añadir / comprar: contorno rojo sobre fondo oscuro, relleno al pasar el mouse */
body.marca-tonegirl .btn-add, body.marca-tonegirl a.add_to_cart_button, body.marca-tonegirl .roger-editor-catalogo .btn-add,
body.marca-tonegirl .roger-editor-seccion-productos .btn-add {
    background: transparent; color: #ff8da1; border-color: #c32c49;
}
body.marca-tonegirl .btn-add:hover, body.marca-tonegirl a.add_to_cart_button:hover { background: #c32c49; color: #fff; }

/* Ficha: selector Caja / Vial, miniaturas y título pequeño */
body.marca-tonegirl .pdp-tipo-btn { background: #151515; color: var(--fg); border-color: rgba(255,255,255,.14); }
body.marca-tonegirl .pdp-tipo-btn.activo, body.marca-tonegirl .pdp-tipo-btn.active { background: rgba(173,32,59,.18); border-color: #c32c49; color: #fff; }
body.marca-tonegirl .pdp-tipo-btn .pdp-tipo-detalle { color: #b7b1b0; }
body.marca-tonegirl .pdp-tipo-btn.activo .pdp-tipo-detalle { color: #f0d9de; }
body.marca-tonegirl .pdp-thumb { background: #111; border-color: rgba(255,255,255,.14); }
body.marca-tonegirl .pdp-thumb.active { border-color: #c32c49; }

/* Tarjetas de producto: categoría, nombre y precio legibles */
body.marca-tonegirl .product-cat { color: #ff8da1; }
body.marca-tonegirl .product-name { color: #d8d2d1; }
body.marca-tonegirl .product-img, body.marca-tonegirl .product-image { background: #fff; }

/* Carrito lateral y checkout: textos y separadores */
body.marca-tonegirl .roger-editor-cart-drawer, body.marca-tonegirl #roger-editor-carrito { background: #0e0e0e; color: var(--fg); }
body.marca-tonegirl .woocommerce table, body.marca-tonegirl .woocommerce td, body.marca-tonegirl .woocommerce th { color: var(--fg); border-color: rgba(255,255,255,.10); }

/* ==========================================================================
   Landing de UN producto: sin buscador, sin favoritos (corazón) y sin topbar.
   (El PHP del encabezado ya no los imprime; esto oculta los corazones de las tarjetas.)
   ========================================================================== */
body.marca-tonegirl .product-fav, body.marca-tonegirl .roger-editor-btn-favorito { display: none !important; }

/* Logo grande que se reduce al hacer scroll (la clase .scrolled la pone header-scroll.js) */
body.marca-tonegirl .header-main { padding: 0.9rem 1.5rem; transition: padding .3s ease; }
body.marca-tonegirl .logo img { height: 4.8rem; width: auto; transition: height .3s ease; }
body.marca-tonegirl .site-header.scrolled .header-main { padding: 0.4rem 1.5rem; }
body.marca-tonegirl .site-header.scrolled .logo img { height: 2.9rem; }
@media (max-width: 767px) {
    body.marca-tonegirl .logo img { height: 3.4rem; }
    body.marca-tonegirl .site-header.scrolled .logo img { height: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) { body.marca-tonegirl .logo img, body.marca-tonegirl .header-main { transition: none; } }

/* Encabezado FIJO y fuera del flujo: al achicarse el logo ya no se mueve el contenido (antes, siendo "sticky", la
   página saltaba ~47 px / ~29 px y el navegador corregía el scroll, lo que provocaba un rebote al pasar de ~10 px).
   El espacio que ocupa se reserva con padding-top = alto expandido, que header-scroll.js mide y publica en
   --tg-header-h (los valores de aquí son el respaldo si el JS no corre). */
body.marca-tonegirl { --tg-header-h: 158px; padding-top: var(--tg-header-h); }
body.marca-tonegirl .site-header { position: fixed; top: 0; left: 0; right: 0; }
body.marca-tonegirl.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.marca-tonegirl.admin-bar .site-header { top: 46px; } }
@media (max-width: 767px) { body.marca-tonegirl { --tg-header-h: 84px; } }
/* Anclas del menú (#activos, #faq…): al saltar a una sección el encabezado fijo no debe tapar su inicio. Se reserva el
   alto COMPACTO del encabezado (el que tiene tras bajar), medido por header-scroll.js en --tg-header-s; estos valores
   son el respaldo si el JS no corre. Con administrador logueado el encabezado baja 32/46 px (barra de WordPress). */
html { --tg-header-s: 111px; scroll-padding-top: var(--tg-header-s); }
@media (max-width: 767px) { html { --tg-header-s: 52px; } }
/* Términos y políticas: su separación propia de 195px era para el encabezado antiguo; ahora basta el scroll-padding */
body.marca-tonegirl .roger-editor-legal-seccion { scroll-margin-top: 1rem; }
/* durante la medición del alto expandido no deben correr las transiciones */
html.tg-medir body.marca-tonegirl .site-header, html.tg-medir body.marca-tonegirl .site-header * { transition: none !important; }
/* ==========================================================================
   Páginas informativas (Cómo comprar, Términos y políticas, Libro de reclamaciones): TODO el texto en blanco.
   Libro: la tarjeta de datos de la empresa (.roger-editor-lr-header) conserva sus colores.
   ========================================================================== */
body.marca-tonegirl .roger-editor-como-comprar, body.marca-tonegirl .roger-editor-como-comprar *,
body.marca-tonegirl .roger-editor-legal-pagina, body.marca-tonegirl .roger-editor-legal-pagina *:not(a.activo),
body.marca-tonegirl .roger-editor-breadcrumb, body.marca-tonegirl .roger-editor-breadcrumb a { color: #fff; }
body.marca-tonegirl .roger-editor-legal-index a { color: #fff; }
body.marca-tonegirl .roger-editor-legal-index a:hover, body.marca-tonegirl .roger-editor-legal-index a.activo { color: #fff; border-color: #c32c49; }
body.marca-tonegirl .roger-editor-legal-index a.activo { background: #c32c49; }
body.marca-tonegirl .roger-editor-como-comprar a:hover, body.marca-tonegirl .roger-editor-legal-seccion a:hover, body.marca-tonegirl .roger-editor-breadcrumb a:hover { color: #ff8da1; }

/* Libro de reclamaciones */
body.marca-tonegirl .roger-editor-lr { color: #fff; }
body.marca-tonegirl .roger-editor-lr-card, body.marca-tonegirl .roger-editor-lr-card h2, body.marca-tonegirl .roger-editor-lr-field label,
body.marca-tonegirl .roger-editor-lr-nota, body.marca-tonegirl .roger-editor-lr-definiciones, body.marca-tonegirl .roger-editor-lr-definiciones strong,
body.marca-tonegirl .roger-editor-lr-observaciones-nota, body.marca-tonegirl .roger-editor-lr-legal, body.marca-tonegirl .roger-editor-lr-check,
body.marca-tonegirl .roger-editor-lr-archivos-lista li, body.marca-tonegirl .roger-editor-lr-confirmacion h2, body.marca-tonegirl .roger-editor-lr-confirmacion p,
body.marca-tonegirl .roger-editor-lr-confirmacion-nota { color: #fff; }
body.marca-tonegirl .roger-editor-lr-field input, body.marca-tonegirl .roger-editor-lr-field select, body.marca-tonegirl .roger-editor-lr-field textarea { color: #fff; }
body.marca-tonegirl .roger-editor-lr-field input::placeholder, body.marca-tonegirl .roger-editor-lr-field textarea::placeholder { color: #cfc9c8; }
/* la tarjeta de datos de la empresa se queda como está (sus textos mantienen su color) */
body.marca-tonegirl .roger-editor-lr-header .roger-editor-lr-datos-empresa { color: #8d8d8d; }
body.marca-tonegirl .roger-editor-lr-header .roger-editor-lr-titulo { color: #333333; }


/* ==========================================================================
   Escritorio: logo solo y centrado arriba; los iconos (puntos de venta, cuenta, carrito) van a la derecha de la barra de anclas.
   Móvil: no cambia (hamburguesa arriba y barra inferior).
   ========================================================================== */
@media (min-width: 768px) {
    body.marca-tonegirl .header-main { justify-content: center; }
    body.marca-tonegirl .header-actions { display: none; }
    body.marca-tonegirl .categories-nav ul { justify-content: flex-start; gap: clamp(1rem, 3vw, 2.6rem); align-items: center; }
    body.marca-tonegirl .categories-nav .nav-iconos { margin-left: auto; display: flex; align-items: center; gap: 1.1rem; }
    body.marca-tonegirl .categories-nav .nav-iconos .icon-btn { display: flex; position: relative; color: #fff; border: 0; }
    body.marca-tonegirl .categories-nav .nav-iconos .icon-btn:hover { color: #ff8da1; }
    body.marca-tonegirl .categories-nav .nav-iconos a { border-bottom: 0; padding: 0; }
}
@media (max-width: 767px) { body.marca-tonegirl .nav-iconos { display: none; } }

/* Menú de anclas: al pasar el mouse (o enfocar con teclado) las LETRAS toman el mismo rosa claro que los íconos de la
   derecha (#ff8da1), también la línea inferior. Antes usaban el rojo oscuro del tema (--color-primary). */
body.marca-tonegirl .categories-nav ul > li:not(.nav-iconos) > a,
body.marca-tonegirl .categories-nav .nav-iconos .icon-btn { transition: color .25s ease, border-color .25s ease; }
body.marca-tonegirl .categories-nav ul > li:not(.nav-iconos) > a:hover,
body.marca-tonegirl .categories-nav ul > li:not(.nav-iconos) > a:focus-visible { color: #ff8da1; border-bottom-color: #ff8da1; }

/* ==========================================================================
   Puntos de venta: sin imagen de fondo en el hero (se diseñará una propia más adelante), todo el texto en blanco.
   Se conservan en rojo: "Ver mapa →", los puntos del listado y las etiquetas de línea.
   ========================================================================== */
/* El fondo del hero (mapa del Perú, escritorio y móvil) se elige desde el widget; aquí solo el color de respaldo. */
body.marca-tonegirl .roger-editor-pv-hero { background-color: #080808; }
body.marca-tonegirl .roger-editor-pv-hero::before { display: none; }
body.marca-tonegirl .roger-editor-pv-hero, body.marca-tonegirl .roger-editor-pv-hero h1, body.marca-tonegirl .roger-editor-pv-hero .roger-editor-eyebrow,
body.marca-tonegirl .roger-editor-pv-subtitulo, body.marca-tonegirl .roger-editor-pv-hero-breadcrumb, body.marca-tonegirl .roger-editor-pv-hero-breadcrumb a,
body.marca-tonegirl .roger-editor-pv-filtro-row label, body.marca-tonegirl .roger-editor-pv-directorio-head, body.marca-tonegirl .roger-editor-pv-directorio-head .roger-editor-eyebrow,
body.marca-tonegirl .roger-editor-pv-depto-nombre, body.marca-tonegirl .roger-editor-pv-card-texto strong, body.marca-tonegirl .roger-editor-pv-card-ciudad,
body.marca-tonegirl .roger-editor-pv-envio-provincia strong, body.marca-tonegirl .roger-editor-pv-modal-panel, body.marca-tonegirl .roger-editor-pv-modal-panel h2,
body.marca-tonegirl .roger-editor-pv-modal-panel h3, body.marca-tonegirl .roger-editor-pv-modal-panel p { color: #fff; }
body.marca-tonegirl .roger-editor-pv-hero-breadcrumb a:hover { color: #ff8da1; }
/* el desplegable "Selecciona un departamento" se ve como un campo oscuro con texto blanco */
body.marca-tonegirl .roger-editor-pv-filtro-row select { background-color: #151515; color: #fff; border-color: rgba(255,255,255,.2); }
/* textos en rojo que se conservan */
body.marca-tonegirl .roger-editor-pv-depto-ver-mapa { color: #ff5e7a; }
body.marca-tonegirl .roger-editor-pv-depto-nombre:hover .roger-editor-pv-depto-ver-mapa { color: #ff8da1; }

/* Entradas del blog: botón "Volver al blog" más visible y en rojo claro de la paleta */
body.marca-tonegirl .blog-post-volver {
    display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 2rem; padding: 0.8rem 1.5rem;
    border: 1px solid #ff8da1; border-radius: 6px; background: #ff8da1; color: #1a0509;
    font-size: 0.95rem; font-weight: 700; letter-spacing: .01em;
    box-shadow: 0 0.6rem 1.6rem -0.6rem rgba(255,125,146,.55);
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.marca-tonegirl .blog-post-volver:hover { background: #ffb0be; border-color: #ffb0be; color: #1a0509; transform: translateX(-0.25rem); box-shadow: 0 0.8rem 2rem -0.6rem rgba(255,125,146,.8); }
/* ==========================================================================
   Mi cuenta (WooCommerce, con sesión iniciada) con la estética de Tone Girl: menú lateral en tarjetas, contenido en
   un panel oscuro, avisos, botones, tablas, formularios y direcciones en negro / rojo / rosa claro.
   (El formulario de ingreso y registro ya tiene su propio estilo: .auth-card.)
   ========================================================================== */
body.marca-tonegirl.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    max-width: 1184px; margin: 2.5rem auto 3.5rem; padding: 0 24px;
    display: grid; grid-template-columns: 16.5rem minmax(0, 1fr); gap: 2rem; align-items: start;
}
body.marca-tonegirl.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
/* el clearfix de WooCommerce (::before/::after) se contaría como una celda de la rejilla y desplazaría las columnas */
body.marca-tonegirl.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before, body.marca-tonegirl.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { display: none; content: none; }
body.marca-tonegirl .woocommerce-MyAccount-navigation, body.marca-tonegirl .woocommerce-MyAccount-content { float: none; width: auto; }

/* Menú lateral */
body.marca-tonegirl .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
body.marca-tonegirl .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; }
body.marca-tonegirl .woocommerce-MyAccount-navigation li a {
    display: flex; align-items: center; padding: 0.85rem 1.1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 0.7rem;
    background: #111; color: #e7e2e1; font-size: 0.95rem; font-weight: 600; text-decoration: none;
    transition: color .25s ease, border-color .25s ease, background .25s ease;
}
body.marca-tonegirl .woocommerce-MyAccount-navigation li a:hover,
body.marca-tonegirl .woocommerce-MyAccount-navigation li a:focus-visible { color: #ff8da1; border-color: #c32c49; background: #17090d; }
body.marca-tonegirl .woocommerce-MyAccount-navigation li.is-active a {
    color: #fff; border-color: #c32c49; background: linear-gradient(160deg, #3a0c17 0%, #1b0a0f 80%); box-shadow: inset 3px 0 0 #c32c49;
}
body.marca-tonegirl .woocommerce-MyAccount-navigation li.is-active a:hover { color: #fff; }
body.marca-tonegirl .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a { margin-top: 0.5rem; color: #a39e9e; background: transparent; }

/* Panel de contenido */
body.marca-tonegirl .woocommerce-MyAccount-content {
    padding: 1.8rem; border: 1px solid rgba(255,255,255,.09); border-radius: 0.9rem; background: #0e0e0e; color: #eee9e8; line-height: 1.7; min-width: 0;
}
body.marca-tonegirl .woocommerce-MyAccount-content p { margin: 0 0 1rem; }
body.marca-tonegirl .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; }
body.marca-tonegirl .woocommerce-MyAccount-content strong { color: #fff; }
body.marca-tonegirl .woocommerce-MyAccount-content a:not(.button) { color: #ff8da1; text-decoration: underline; text-underline-offset: 0.2em; transition: color .25s ease; }
body.marca-tonegirl .woocommerce-MyAccount-content a:not(.button):hover { color: #ffb0be; }
body.marca-tonegirl .woocommerce-MyAccount-content h2, body.marca-tonegirl .woocommerce-MyAccount-content h3 {
    margin: 0 0 1rem; color: #fff; font-family: 'Manrope', var(--font-display, sans-serif); font-size: 1.3rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.25;
}
body.marca-tonegirl .woocommerce-MyAccount-content mark { background: rgba(195,44,73,.35); color: #fff; padding: 0 0.3em; border-radius: 3px; }

/* Avisos (info, éxito, error): tarjeta oscura con acento rojo */
body.marca-tonegirl.woocommerce-account .woocommerce-info, body.marca-tonegirl.woocommerce-account .woocommerce-message, body.marca-tonegirl.woocommerce-account .woocommerce-error {
    margin: 0 0 1.4rem; border: 1px solid rgba(173,32,59,.45); border-left: 4px solid #c32c49; border-radius: 0.6rem;
    background: #151010; color: #eee9e8; box-shadow: none;
}
body.marca-tonegirl.woocommerce-account .woocommerce-error { border-left-color: #ff5e7a; }
body.marca-tonegirl.woocommerce-account .woocommerce-info::before, body.marca-tonegirl.woocommerce-account .woocommerce-message::before { color: #ff8da1; }
body.marca-tonegirl.woocommerce-account .woocommerce-error::before { color: #ff5e7a; }
body.marca-tonegirl.woocommerce-account .woocommerce-info a:not(.button), body.marca-tonegirl.woocommerce-account .woocommerce-message a:not(.button), body.marca-tonegirl.woocommerce-account .woocommerce-error a:not(.button) { color: #ff8da1; }

/* Botones */
body.marca-tonegirl.woocommerce-account .woocommerce a.button, body.marca-tonegirl.woocommerce-account .woocommerce button.button,
body.marca-tonegirl.woocommerce-account .woocommerce input.button, body.marca-tonegirl.woocommerce-account .woocommerce .woocommerce-Button {
    display: inline-flex; align-items: center; justify-content: center; padding: 0.7rem 1.3rem; border: 1px solid #ad203b; border-radius: 6px;
    background: #ad203b; color: #fff; font-size: 0.95rem; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer;
    transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
body.marca-tonegirl.woocommerce-account .woocommerce a.button:hover, body.marca-tonegirl.woocommerce-account .woocommerce button.button:hover,
body.marca-tonegirl.woocommerce-account .woocommerce input.button:hover, body.marca-tonegirl.woocommerce-account .woocommerce .woocommerce-Button:hover { background: #c32c49; border-color: #c32c49; color: #fff; }

/* Tablas (pedidos, detalle del pedido, descargas) */
body.marca-tonegirl .woocommerce-MyAccount-content table.shop_table, body.marca-tonegirl .woocommerce-MyAccount-content table.woocommerce-orders-table,
body.marca-tonegirl .woocommerce-MyAccount-content table.account-orders-table {
    width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 0.7rem; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #0b0b0b; margin: 0 0 1.4rem;
}
body.marca-tonegirl .woocommerce-MyAccount-content table thead th {
    padding: 0.8rem 1rem; background: #141010; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #ff8da1;
    font-size: 0.78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-align: left;
}
body.marca-tonegirl .woocommerce-MyAccount-content table td, body.marca-tonegirl .woocommerce-MyAccount-content table tbody th, body.marca-tonegirl .woocommerce-MyAccount-content table tfoot th {
    padding: 0.85rem 1rem; border: 0; border-top: 1px solid rgba(255,255,255,.07); background: transparent; color: #e7e2e1; text-align: left;
}
body.marca-tonegirl .woocommerce-MyAccount-content table tbody tr:hover td, body.marca-tonegirl .woocommerce-MyAccount-content table tbody tr:hover th { background: rgba(173,32,59,.1); }
body.marca-tonegirl .woocommerce-MyAccount-content table .button { padding: 0.45rem 1rem; font-size: 0.85rem; }

/* Formularios (detalles de la cuenta, direcciones) */
body.marca-tonegirl .woocommerce-MyAccount-content label { display: block; margin: 0 0 0.4rem; color: #e7e2e1; font-size: 0.9rem; font-weight: 600; }
body.marca-tonegirl .woocommerce-MyAccount-content .required, body.marca-tonegirl .woocommerce-MyAccount-content abbr.required { color: #ff5e7a; text-decoration: none; }
body.marca-tonegirl .woocommerce-MyAccount-content form .form-row { margin: 0 0 1.1rem; padding: 0; }
body.marca-tonegirl .woocommerce-MyAccount-content input.input-text, body.marca-tonegirl .woocommerce-MyAccount-content input[type="text"],
body.marca-tonegirl .woocommerce-MyAccount-content input[type="email"], body.marca-tonegirl .woocommerce-MyAccount-content input[type="tel"],
body.marca-tonegirl .woocommerce-MyAccount-content input[type="password"], body.marca-tonegirl .woocommerce-MyAccount-content input[type="number"],
body.marca-tonegirl .woocommerce-MyAccount-content select, body.marca-tonegirl .woocommerce-MyAccount-content textarea {
    width: 100%; box-sizing: border-box; padding: 0.75rem 0.9rem; border: 1px solid rgba(255,255,255,.14); border-radius: 6px;
    background: #151515; color: #fff; font-size: 0.95rem; line-height: 1.4; transition: border-color .25s ease, box-shadow .25s ease;
}
body.marca-tonegirl .woocommerce-MyAccount-content input:focus, body.marca-tonegirl .woocommerce-MyAccount-content select:focus, body.marca-tonegirl .woocommerce-MyAccount-content textarea:focus {
    outline: 0; border-color: #c32c49; box-shadow: 0 0 0 3px rgba(195,44,73,.25);
}
body.marca-tonegirl .woocommerce-MyAccount-content fieldset { margin: 1.6rem 0 1.2rem; padding: 1.2rem 1.2rem 0.4rem; border: 1px solid rgba(255,255,255,.12); border-radius: 0.7rem; }
body.marca-tonegirl .woocommerce-MyAccount-content legend { padding: 0 0.6rem; color: #ff8da1; font-size: 0.95rem; font-weight: 700; }
body.marca-tonegirl .woocommerce-MyAccount-content em, body.marca-tonegirl .woocommerce-MyAccount-content .description { color: #a39e9e; font-style: normal; font-size: 0.85rem; }
body.marca-tonegirl .woocommerce-MyAccount-content .show-password-input { color: #a39e9e; }
body.marca-tonegirl .woocommerce-MyAccount-content .show-password-input:hover { color: #ff8da1; }

/* Direcciones */
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin-top: 1rem; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses .col-1, body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 { float: none; width: auto; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address { padding: 1.2rem; border: 1px solid rgba(255,255,255,.1); border-radius: 0.8rem; background: #111; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 0.6rem; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title h2, body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title h3 { margin: 0; font-size: 1.1rem; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { float: none; font-size: 0.85rem; font-weight: 600; white-space: nowrap; }
body.marca-tonegirl .woocommerce-MyAccount-content address { margin: 0; color: #cfc9c8; font-style: normal; line-height: 1.7; }

@media (max-width: 900px) {
    body.marca-tonegirl.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; margin: 1.5rem auto 2.5rem; padding: 0 16px; }
    body.marca-tonegirl .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
    body.marca-tonegirl .woocommerce-MyAccount-navigation li a { padding: 0.6rem 0.95rem; font-size: 0.88rem; }
    body.marca-tonegirl .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a { margin-top: 0; }
    body.marca-tonegirl .woocommerce-MyAccount-content { padding: 1.2rem; }
    body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
}
/* Direcciones: sin el relleno (clearfix) de WooCommerce como celda de la rejilla; título arriba y enlace "Editar" debajo */
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses::before, body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Addresses::after { display: none; content: none; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; padding: 0; margin: 0 0 0.8rem; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title h2, body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title h3 { float: none; margin: 0; padding: 0; width: auto; }
body.marca-tonegirl .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { float: none; margin: 0; padding: 0; }