/* ========================================================================== Flor de Jaguar — Rediseño "Mi Cuenta" Solo reestiliza el HTML nativo de WooCommerce/YITH (navigation.php, orders.php, my-address.php, payment-methods.php, form-edit-account.php, my-points-view.php) — mismo criterio que fdj-cart-checkout.css: sin reemplazar templates para no romper Stripe, YITH Points/Membership/Wishlist. ========================================================================== */ :root { --fdj-purple: #593bad; --fdj-purple-light: #f3f0fb; --fdj-orange: #e16b19; --fdj-text: #18172a; --fdj-text-secondary: #686273; --fdj-border: #e5e2f0; --fdj-card-radius: 18px; --fdj-pill-radius: 999px; } .woocommerce-account .entry-content { font-family: Poppins, sans-serif; color: var(--fdj-text); } /* ── Ancho del contenedor ───────────────────────────────────────────────── * La página "Mi cuenta" está armada en Divi con una sola fila (.et_pb_row), * que por defecto trae el ancho estándar del tema (1080px) — con eso, en * pantallas grandes el contenido se ve angosto y comprimido (texto y tarjetas * apretados) en vez de aprovechar el ancho disponible. Se amplía SOLO para * esta página (por body class, no toca el resto del sitio armado con Divi). */ @media (min-width: 1300px) { body.woocommerce-account .et_pb_row { width: 90% !important; max-width: 1280px !important; } } /* ── Layout de 2 columnas ─────────────────────────────────────────────── */ @media (min-width: 901px) { .woocommerce-account .entry-content .woocommerce { display: grid; grid-template-columns: 320px 1fr; gap: 40px; align-items: start; } } .woocommerce-account .entry-content .woocommerce-MyAccount-content { min-width: 0; } /* ── FIX: causa real del texto "comprimido" en el sidebar ───────────────── * woocommerce-layout.css (core, no es nuestro) trae por defecto * ".woocommerce-account .woocommerce-MyAccount-navigation { width:30% }" * (pensado para su layout clásico de 2 columnas flotantes). Como nuestro *