/* ========================================================= ARITRIWOOD - MI CUENTA ========================================================= */ body.aw-account-preview { --aw-bg: #f8f5ee; --aw-paper: #ffffff; --aw-green: #39452c; --aw-green-dark: #29331f; --aw-text: #24231f; --aw-muted: #716d64; --aw-border: #ded9cf; --aw-gold: #c89b62; background: var(--aw-bg) !important; color: var(--aw-text); } /* --------------------------------------------------------- QUITAR DISEÑO ANTIGUO --------------------------------------------------------- */ body.aw-account-preview #masthead, body.aw-account-preview .site-header, body.aw-account-preview .site-top-header-wrap, body.aw-account-preview .kadence-top-header, body.aw-account-preview #colophon, body.aw-account-preview .site-footer { display: none !important; } /* Ocultar el enorme título antiguo */ body.aw-account-preview .entry-hero, body.aw-account-preview .entry-hero-container-inner, body.aw-account-preview .entry-header { display: none !important; } /* --------------------------------------------------------- CONTENEDOR --------------------------------------------------------- */ body.aw-account-preview .content-container, body.aw-account-preview #primary, body.aw-account-preview .content-area { width: 100% !important; max-width: none !important; margin: 0 !important; } body.aw-account-preview .site-main { width: min(1180px, calc(100% - 44px)) !important; margin: 0 auto !important; padding: 48px 0 72px !important; } /* WooCommerce se convierte en grid */ body.aw-account-preview .entry-content > .woocommerce, body.aw-account-preview .site-main > .woocommerce, body.aw-account-preview .woocommerce-account .woocommerce { display: grid; grid-template-columns: 255px minmax(0, 1fr); gap: 28px; align-items: start; } /* --------------------------------------------------------- CABECERA MI CUENTA --------------------------------------------------------- */ body.aw-account-preview .aw-account-intro { grid-column: 1 / -1; padding: 34px 38px; margin-bottom: 8px; border: 1px solid var(--aw-border); border-radius: 10px; background: linear-gradient( 120deg, #f1ede3, #faf8f2 ); } body.aw-account-preview .aw-account-eyebrow { display: block; margin-bottom: 8px; color: var(--aw-green); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } body.aw-account-preview .aw-account-intro h1 { margin: 0 0 8px !important; color: #15263a !important; font-size: 36px !important; font-weight: 800 !important; line-height: 1.05; } body.aw-account-preview .aw-account-intro p { margin: 0; color: var(--aw-muted); font-size: 14px; } /* Notices WooCommerce */ body.aw-account-preview .woocommerce-notices-wrapper { grid-column: 1 / -1; } /* --------------------------------------------------------- MENÚ LATERAL --------------------------------------------------------- */ body.aw-account-preview .woocommerce-MyAccount-navigation { width: 100% !important; float: none !important; padding: 12px !important; border: 1px solid var(--aw-border); border-radius: 10px; background: #ffffff; box-shadow: 0 6px 20px rgba(30, 30, 20, .04); } body.aw-account-preview .woocommerce-MyAccount-navigation ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.aw-account-preview .woocommerce-MyAccount-navigation li { margin: 0 !important; border: 0 !important; list-style: none !important; } body.aw-account-preview .woocommerce-MyAccount-navigation li a { display: flex !important; min-height: 46px; align-items: center; padding: 0 15px !important; border-radius: 6px; color: #4d4b44 !important; font-size: 13px !important; font-weight: 500 !important; text-decoration: none !important; transition: background .18s ease, color .18s ease, padding .18s ease; } body.aw-account-preview .woocommerce-MyAccount-navigation li a:hover { background: #f2efe7; color: var(--aw-green) !important; padding-left: 18px !important; } /* Elemento activo */ body.aw-account-preview .woocommerce-MyAccount-navigation li.is-active a { background: var(--aw-green) !important; color: #ffffff !important; font-weight: 700 !important; } /* Salir */ body.aw-account-preview .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 7px !important; padding-top: 7px; border-top: 1px solid var(--aw-border) !important; } /* --------------------------------------------------------- CONTENIDO DERECHO --------------------------------------------------------- */ body.aw-account-preview .woocommerce-MyAccount-content { width: 100% !important; min-width: 0; float: none !important; padding: 34px 36px !important; border: 1px solid var(--aw-border); border-radius: 10px; background: #ffffff; box-shadow: 0 6px 20px rgba(30, 30, 20, .04); } body.aw-account-preview .woocommerce-MyAccount-content p { color: #59564e; font-size: 14px; line-height: 1.7; } body.aw-account-preview .woocommerce-MyAccount-content p:first-child { margin-top: 0; } body.aw-account-preview .woocommerce-MyAccount-content a { color: var(--aw-green) !important; font-weight: 600; text-decoration: underline rgba(57,69,44,.3); } body.aw-account-preview .woocommerce-MyAccount-content a:hover { color: var(--aw-green-dark) !important; } /* --------------------------------------------------------- TÍTULOS INTERIORES --------------------------------------------------------- */ body.aw-account-preview .woocommerce-MyAccount-content h2, body.aw-account-preview .woocommerce-MyAccount-content h3 { color: #15263a !important; font-weight: 700 !important; } body.aw-account-preview .woocommerce-MyAccount-content h2 { margin-top: 0; font-size: 23px !important; } body.aw-account-preview .woocommerce-MyAccount-content h3 { font-size: 17px !important; } /* --------------------------------------------------------- BOTONES --------------------------------------------------------- */ body.aw-account-preview .woocommerce-MyAccount-content .button, body.aw-account-preview .woocommerce-MyAccount-content button.button { display: inline-flex !important; min-height: 42px; align-items: center; justify-content: center; padding: 0 18px !important; border: 1px solid var(--aw-green) !important; border-radius: 5px !important; background: var(--aw-green) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; text-decoration: none !important; box-shadow: none !important; } body.aw-account-preview .woocommerce-MyAccount-content .button:hover { background: var(--aw-green-dark) !important; border-color: var(--aw-green-dark) !important; } /* --------------------------------------------------------- FORMULARIOS --------------------------------------------------------- */ body.aw-account-preview .woocommerce-MyAccount-content input.input-text, body.aw-account-preview .woocommerce-MyAccount-content input[type="text"], body.aw-account-preview .woocommerce-MyAccount-content input[type="email"], body.aw-account-preview .woocommerce-MyAccount-content input[type="password"], body.aw-account-preview .woocommerce-MyAccount-content input[type="tel"], body.aw-account-preview .woocommerce-MyAccount-content select, body.aw-account-preview .woocommerce-MyAccount-content textarea { width: 100%; min-height: 45px; padding: 10px 13px !important; border: 1px solid var(--aw-border) !important; border-radius: 5px !important; background: #ffffff !important; color: var(--aw-text) !important; box-shadow: none !important; outline: none !important; } body.aw-account-preview .woocommerce-MyAccount-content input:focus, body.aw-account-preview .woocommerce-MyAccount-content textarea:focus, body.aw-account-preview .woocommerce-MyAccount-content select:focus { border-color: var(--aw-green) !important; } body.aw-account-preview .woocommerce-MyAccount-content label { margin-bottom: 6px; color: #48463f; font-size: 12px; font-weight: 600; } /* --------------------------------------------------------- TABLAS DE PEDIDOS --------------------------------------------------------- */ body.aw-account-preview .woocommerce-orders-table { overflow: hidden; border: 1px solid var(--aw-border) !important; border-radius: 7px !important; background: #ffffff; } body.aw-account-preview .woocommerce-orders-table th { padding: 13px !important; background: #f3f0e8; color: #33342e; font-size: 11px; text-transform: uppercase; } body.aw-account-preview .woocommerce-orders-table td { padding: 13px !important; border-color: #ece8df !important; font-size: 12px; } /* --------------------------------------------------------- DIRECCIONES --------------------------------------------------------- */ body.aw-account-preview .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; } body.aw-account-preview .woocommerce-Address { width: 100% !important; padding: 22px !important; border: 1px solid var(--aw-border); border-radius: 7px; background: #faf8f3; } /* ========================================================= FOOTER - MISMO ESTILO NUEVO ========================================================= */ body.aw-account-preview .aw-footer { width: 100%; background: #303826 !important; color: #f3f0e8; } body.aw-account-preview .aw-footer-main { padding: 48px 0 42px; } body.aw-account-preview .aw-footer-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: 1.45fr .8fr .9fr .9fr 1.25fr; gap: 42px; } body.aw-account-preview .aw-footer-logo { max-width: 92px !important; max-height: 82px !important; filter: brightness(0) invert(1); margin-bottom: 18px !important; } body.aw-account-preview .aw-footer h3 { margin: 2px 0 18px; color: #ffffff; font-size: 12px; font-weight: 700; text-transform: uppercase; } body.aw-account-preview .aw-footer p { color: rgba(255,255,255,.70); font-size: 12px; line-height: 1.65; } body.aw-account-preview .aw-footer ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.aw-account-preview .aw-footer li { margin: 0 0 9px !important; list-style: none !important; } body.aw-account-preview .aw-footer a { color: rgba(255,255,255,.72) !important; font-size: 12px; text-decoration: none !important; } body.aw-account-preview .aw-footer a:hover { color: #ffffff !important; } /* redes */ body.aw-account-preview .aw-footer-social { display: flex; gap: 10px; margin-top: 18px; } body.aw-account-preview .aw-footer-social a, body.aw-account-preview .aw-footer-social-disabled { display: flex !important; width: 38px !important; height: 38px !important; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; } body.aw-account-preview .aw-footer-social img { width: 17px !important; height: 17px !important; filter: brightness(0) invert(1); } /* footer bottom */ body.aw-account-preview .aw-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); background: #293020; } body.aw-account-preview .aw-footer-bottom-inner { width: min(1220px, calc(100% - 48px)); min-height: 52px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.56); font-size: 10px; } /* ========================================================= BUSCADOR FOOTER ========================================================= */ body.aw-account-preview .aw-footer .dgwt-wcas-search-wrapp { width: 100% !important; max-width: 265px !important; margin: 14px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.aw-account-preview .aw-footer .dgwt-wcas-sf-wrapp { position: relative !important; height: 46px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.aw-account-preview .aw-footer .dgwt-wcas-search-input { width: 100% !important; height: 46px !important; padding: 0 48px 0 16px !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 6px !important; background: rgba(255,255,255,.06) !important; color: #ffffff !important; font-size: 13px !important; box-shadow: none !important; } body.aw-account-preview .aw-footer .dgwt-wcas-search-input::placeholder { color: rgba(255,255,255,.58) !important; opacity: 1; } body.aw-account-preview .aw-footer .dgwt-wcas-search-submit { position: absolute !important; top: 50% !important; right: 10px !important; left: auto !important; display: flex !important; width: 30px !important; height: 30px !important; align-items: center; justify-content: center; padding: 0 !important; transform: translateY(-50%) !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.aw-account-preview .aw-footer .dgwt-wcas-search-submit svg { width: 14px !important; height: 14px !important; position: static !important; transform: none !important; fill: none !important; stroke: #ffffff !important; stroke-width: 1.7 !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 700px) { body.aw-account-preview .site-main { width: calc(100% - 28px) !important; padding: 28px 0 45px !important; } body.aw-account-preview .entry-content > .woocommerce, body.aw-account-preview .site-main > .woocommerce, body.aw-account-preview .woocommerce-account .woocommerce { grid-template-columns: 1fr; gap: 15px; } body.aw-account-preview .aw-account-intro { padding: 26px 22px; } body.aw-account-preview .aw-account-intro h1 { font-size: 28px !important; } /* menú en dos columnas */ body.aw-account-preview .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; } body.aw-account-preview .woocommerce-MyAccount-navigation li a { min-height: 42px; padding: 0 10px !important; font-size: 11px !important; } body.aw-account-preview .woocommerce-MyAccount-content { padding: 24px 19px !important; } body.aw-account-preview .woocommerce-Addresses { grid-template-columns: 1fr; } /* footer */ body.aw-account-preview .aw-footer-container { width: calc(100% - 36px); grid-template-columns: 1fr; gap: 0; } body.aw-account-preview .aw-footer-brand, body.aw-account-preview .aw-footer-column { padding: 23px 0; border-bottom: 1px solid rgba(255,255,255,.12); } body.aw-account-preview .aw-footer-bottom-inner { width: calc(100% - 36px); min-height: 68px; flex-direction: column; justify-content: center; gap: 5px; } } /* ========================================================= MI CUENTA V2 - CORRECCIÓN ESTRUCTURA ========================================================= */ /* * Evitar que Kadence/WooCommerce sigan usando * floats o columnas heredadas. */ body.aw-account-preview .content-container { display: block !important; grid-template-columns: none !important; } /* * CONTENEDOR PRINCIPAL DE MI CUENTA */ body.aw-account-preview .site-main .woocommerce { display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; grid-template-rows: auto auto; column-gap: 28px !important; row-gap: 28px !important; align-items: start !important; width: 100% !important; margin: 0 !important; } /* * Cabecera ocupa las dos columnas */ body.aw-account-preview .site-main .woocommerce .aw-account-intro { grid-column: 1 / -1 !important; width: 100% !important; margin: 0 !important; } /* * Avisos WooCommerce también ocupan todo el ancho */ body.aw-account-preview .site-main .woocommerce .woocommerce-notices-wrapper { grid-column: 1 / -1 !important; width: 100% !important; } /* ========================================================= MENÚ LATERAL ========================================================= */ body.aw-account-preview .woocommerce-MyAccount-navigation { grid-column: 1 !important; display: block !important; float: none !important; width: 250px !important; min-width: 250px !important; max-width: 250px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 12px !important; position: static !important; overflow: visible !important; box-sizing: border-box !important; border: 1px solid #ded9cf !important; border-radius: 9px !important; background: #ffffff !important; box-shadow: 0 5px 18px rgba(30,30,20,.04) !important; } /* * Ningún texto del menú puede partirse * letra por letra. */ body.aw-account-preview .woocommerce-MyAccount-navigation, body.aw-account-preview .woocommerce-MyAccount-navigation * { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; box-sizing: border-box !important; } body.aw-account-preview .woocommerce-MyAccount-navigation ul { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.aw-account-preview .woocommerce-MyAccount-navigation li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* * Enlaces */ body.aw-account-preview .woocommerce-MyAccount-navigation li a { display: flex !important; width: 100% !important; min-height: 44px !important; align-items: center !important; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 5px !important; color: #4c4a43 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; text-decoration: none !important; box-shadow: none !important; } /* * Hover */ body.aw-account-preview .woocommerce-MyAccount-navigation li:not(.is-active) a:hover { padding-left: 17px !important; background: #f3f0e8 !important; color: #39452c !important; } /* * Activo */ body.aw-account-preview .woocommerce-MyAccount-navigation li.is-active a { background: #39452c !important; color: #ffffff !important; font-weight: 700 !important; } /* * Quitar línea naranja heredada del tema. */ body.aw-account-preview .woocommerce-MyAccount-navigation li::before, body.aw-account-preview .woocommerce-MyAccount-navigation li::after { display: none !important; content: none !important; } /* ========================================================= AVATAR / NOMBRE DE USUARIO ========================================================= */ body.aw-account-preview .woocommerce-MyAccount-navigation img { width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; object-fit: cover !important; border-radius: 50% !important; } /* * Si el tema agrega texto "admin" sobre el menú, * impedir que se escriba verticalmente. */ body.aw-account-preview .woocommerce-MyAccount-navigation > div, body.aw-account-preview .woocommerce-MyAccount-navigation > span, body.aw-account-preview .woocommerce-MyAccount-navigation > p { width: 100% !important; max-width: 100% !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } /* ========================================================= CONTENIDO DERECHO ========================================================= */ body.aw-account-preview .woocommerce-MyAccount-content { grid-column: 2 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 32px 34px !important; box-sizing: border-box !important; border: 1px solid #ded9cf !important; border-radius: 9px !important; background: #ffffff !important; } /* * Evitar alturas gigantes heredadas */ body.aw-account-preview .woocommerce-MyAccount-content, body.aw-account-preview .woocommerce-MyAccount-navigation, body.aw-account-preview .site-main .woocommerce { min-height: 0 !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 700px) { body.aw-account-preview .site-main .woocommerce { display: block !important; } body.aw-account-preview .woocommerce-MyAccount-navigation { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 16px 0 !important; } body.aw-account-preview .woocommerce-MyAccount-navigation ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } body.aw-account-preview .woocommerce-MyAccount-navigation li a { min-height: 40px !important; padding: 0 10px !important; font-size: 11px !important; white-space: normal !important; } body.aw-account-preview .woocommerce-MyAccount-content { width: 100% !important; margin: 0 !important; padding: 23px 18px !important; } } /* ========================================================= MI CUENTA V3 - LIMPIEZA MENÚ LATERAL ========================================================= */ /* * Ocultar cualquier bloque de perfil/avatar que Kadence * coloque antes de la lista de navegación. */ body.aw-account-preview .woocommerce-MyAccount-navigation > :not(ul) { display: none !important; } /* * Eliminar línea vertical heredada. */ body.aw-account-preview .woocommerce-MyAccount-navigation { border-left: 1px solid #ded9cf !important; border-right: 1px solid #ded9cf !important; border-top: 1px solid #ded9cf !important; border-bottom: 1px solid #ded9cf !important; padding: 12px !important; overflow: hidden !important; } /* * Asegurar que ningún pseudo-elemento genere * líneas o decoraciones antiguas. */ body.aw-account-preview .woocommerce-MyAccount-navigation::before, body.aw-account-preview .woocommerce-MyAccount-navigation::after { display: none !important; content: none !important; } /* * Menú empieza directamente desde arriba. */ body.aw-account-preview .woocommerce-MyAccount-navigation ul { margin: 0 !important; padding: 0 !important; } /* * Separación más elegante entre opciones. */ body.aw-account-preview .woocommerce-MyAccount-navigation li + li { margin-top: 4px !important; } /* * Activo ligeramente más refinado. */ body.aw-account-preview .woocommerce-MyAccount-navigation li.is-active a { min-height: 46px !important; padding: 0 16px !important; background: #39452c !important; color: #ffffff !important; border-radius: 5px !important; box-shadow: none !important; } /* * Menú no necesita ocupar altura adicional. */ body.aw-account-preview .woocommerce-MyAccount-navigation { align-self: start !important; height: auto !important; min-height: 0 !important; } /* ========================================================= CONTENEDOR GENERAL MÁS COMPACTO ========================================================= */ body.aw-account-preview .site-main { padding-top: 34px !important; padding-bottom: 52px !important; } body.aw-account-preview .site-main .woocommerce { align-items: start !important; } /* * El contenido derecho tampoco debe estirarse. */ body.aw-account-preview .woocommerce-MyAccount-content { align-self: start !important; height: auto !important; min-height: 0 !important; } /* MÓVIL */ @media (max-width: 700px) { body.aw-account-preview .woocommerce-MyAccount-navigation { padding: 9px !important; } } /* ========================================================= MI CUENTA V4 - AVATAR KADENCE ========================================================= */ /* Bloque avatar + nombre */ body.aw-account-preview .kadence-account-avatar { grid-column: 1 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 250px !important; min-width: 250px !important; max-width: 250px !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 14px 15px !important; border: 1px solid #ded9cf !important; border-radius: 9px !important; background: #ffffff !important; box-sizing: border-box !important; overflow: hidden !important; } /* Imagen */ body.aw-account-preview .kadence-account-avatar .kadence-customer-image { display: block !important; width: 42px !important; height: 42px !important; min-width: 42px !important; flex: 0 0 42px !important; margin: 0 !important; padding: 0 !important; } body.aw-account-preview .kadence-account-avatar .kadence-customer-image a { display: block !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } body.aw-account-preview .kadence-account-avatar .kadence-customer-image img { display: block !important; width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover !important; } /* Nombre: impedir definitivamente que se corte letra por letra */ body.aw-account-preview .kadence-account-avatar .kadence-customer-name { display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #24231f !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; hyphens: none !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Menú inmediatamente debajo */ body.aw-account-preview .woocommerce-MyAccount-navigation { grid-column: 1 !important; margin-top: -16px !important; } /* Contenido derecho alineado con el bloque de usuario */ body.aw-account-preview .woocommerce-MyAccount-content { grid-column: 2 !important; } /* Móvil */ @media (max-width: 700px) { body.aw-account-preview .kadence-account-avatar { width: 100% !important; min-width: 0 !important; max-width: none !important; margin-bottom: 12px !important; } body.aw-account-preview .woocommerce-MyAccount-navigation { margin-top: 0 !important; } } /* ========================================================= MI CUENTA V5 - USUARIO DEFINITIVO ========================================================= */ /* Ocultar definitivamente el bloque defectuoso de Kadence */ body.aw-account-preview .kadence-account-avatar, body.aw-account-preview .kadence-customer-image, body.aw-account-preview .kadence-customer-name { display: none !important; } /* ========================================================= POSICIONES ========================================================= */ body.aw-account-preview .site-main .woocommerce { display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; column-gap: 28px !important; row-gap: 14px !important; align-items: start !important; } /* Cabecera */ body.aw-account-preview .aw-account-intro { grid-column: 1 / -1 !important; grid-row: 1 !important; } /* Usuario */ body.aw-account-preview .aw-account-user-card { grid-column: 1 !important; grid-row: 2 !important; } /* Navegación */ body.aw-account-preview .woocommerce-MyAccount-navigation { grid-column: 1 !important; grid-row: 3 !important; margin: 0 !important; } /* Contenido */ body.aw-account-preview .woocommerce-MyAccount-content { grid-column: 2 !important; grid-row: 2 / span 2 !important; margin: 0 !important; } /* ========================================================= TARJETA DEL USUARIO ========================================================= */ body.aw-account-preview .aw-account-user-card { display: flex !important; width: 250px !important; min-width: 250px !important; align-items: center !important; gap: 12px; padding: 13px 14px; box-sizing: border-box; border: 1px solid #ded9cf; border-radius: 9px; background: #ffffff; box-shadow: 0 5px 18px rgba(30,30,20,.04); } /* Avatar */ body.aw-account-preview .aw-account-user-avatar { width: 46px; height: 46px; flex: 0 0 46px; } body.aw-account-preview .aw-account-user-avatar img { display: block !important; width: 46px !important; height: 46px !important; max-width: 46px !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover !important; } /* Texto */ body.aw-account-preview .aw-account-user-data { display: flex; min-width: 0; flex: 1; flex-direction: column; justify-content: center; } body.aw-account-preview .aw-account-user-data span { display: block; margin-bottom: 3px; color: #858076; font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; } body.aw-account-preview .aw-account-user-data strong { display: block; width: 100%; color: #24231f; font-size: 14px; font-weight: 700; line-height: 1.25; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; overflow: hidden; text-overflow: ellipsis; } /* ========================================================= MENÚ UNIDO VISUALMENTE ========================================================= */ body.aw-account-preview .woocommerce-MyAccount-navigation { width: 250px !important; min-width: 250px !important; max-width: 250px !important; border: 1px solid #ded9cf !important; border-radius: 9px !important; background: #ffffff !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 700px) { body.aw-account-preview .site-main .woocommerce { display: block !important; } body.aw-account-preview .aw-account-user-card { width: 100% !important; min-width: 0 !important; margin: 14px 0 10px !important; } body.aw-account-preview .woocommerce-MyAccount-navigation { width: 100% !important; min-width: 0 !important; max-width: none !important; } body.aw-account-preview .woocommerce-MyAccount-content { width: 100% !important; margin-top: 15px !important; } } /* ========================================================= MI CUENTA - VISITANTE SIN SESIÓN ACCEDER / REGISTRARSE ========================================================= */ /* * IMPORTANTE: * Cuando no hay sesión NO existe el menú lateral de cuenta. * Eliminamos la estructura grid usada para usuarios conectados. */ body.aw-account-preview:not(.logged-in) .site-main .woocommerce { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; min-height: 0 !important; } /* ========================================================= CABECERA ========================================================= */ body.aw-account-preview:not(.logged-in) .aw-account-login-intro { width: 100%; margin: 0 0 28px; padding: 34px 38px; box-sizing: border-box; border: 1px solid #ded9cf; border-radius: 10px; background: linear-gradient( 120deg, #f1ede3, #faf8f2 ); } body.aw-account-preview:not(.logged-in) .aw-account-login-intro > span { display: block; margin-bottom: 8px; color: #39452c; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } body.aw-account-preview:not(.logged-in) .aw-account-login-intro h1 { margin: 0 0 8px !important; color: #15263a !important; font-size: 36px !important; font-weight: 800 !important; line-height: 1.05 !important; } body.aw-account-preview:not(.logged-in) .aw-account-login-intro p { margin: 0; color: #716d64; font-size: 14px; line-height: 1.6; } /* ========================================================= ACCEDER + REGISTRARSE ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 26px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* * WooCommerce/Kadence usa float y porcentajes aquí. * Los anulamos por completo. */ body.aw-account-preview:not(.logged-in) #customer_login .u-column1, body.aw-account-preview:not(.logged-in) #customer_login .u-column2, body.aw-account-preview:not(.logged-in) #customer_login .col-1, body.aw-account-preview:not(.logged-in) #customer_login .col-2 { float: none !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; word-break: normal !important; overflow-wrap: normal !important; } /* ========================================================= TARJETAS ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login > div { padding: 30px 30px 32px !important; border: 1px solid #ded9cf !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 6px 22px rgba(30,30,20,.045); } body.aw-account-preview:not(.logged-in) #customer_login h2 { margin: 0 0 22px !important; color: #15263a !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.2 !important; word-break: normal !important; white-space: normal !important; } /* ========================================================= FORMULARIOS ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login form { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.aw-account-preview:not(.logged-in) #customer_login .form-row { display: block !important; width: 100% !important; margin: 0 0 17px !important; padding: 0 !important; float: none !important; } body.aw-account-preview:not(.logged-in) #customer_login label { display: block !important; width: auto !important; margin: 0 0 7px !important; color: #47453e !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* ========================================================= INPUTS ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login input.input-text, body.aw-account-preview:not(.logged-in) #customer_login input[type="text"], body.aw-account-preview:not(.logged-in) #customer_login input[type="email"], body.aw-account-preview:not(.logged-in) #customer_login input[type="password"] { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 46px !important; margin: 0 !important; padding: 0 13px !important; box-sizing: border-box !important; border: 1px solid #ded9cf !important; border-radius: 6px !important; background: #ffffff !important; color: #24231f !important; font-size: 13px !important; line-height: normal !important; box-shadow: none !important; outline: none !important; } body.aw-account-preview:not(.logged-in) #customer_login input:focus { border-color: #39452c !important; box-shadow: 0 0 0 2px rgba(57,69,44,.07) !important; } /* Contraseña con icono del ojo */ body.aw-account-preview:not(.logged-in) #customer_login .password-input { display: block !important; position: relative !important; width: 100% !important; } body.aw-account-preview:not(.logged-in) #customer_login .show-password-input { position: absolute !important; top: 50% !important; right: 14px !important; transform: translateY(-50%) !important; } /* ========================================================= BOTONES ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login button.button, body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-button { display: inline-flex !important; width: auto !important; min-width: 135px !important; min-height: 44px !important; align-items: center !important; justify-content: center !important; margin: 6px 0 0 !important; padding: 0 20px !important; border: 1px solid #39452c !important; border-radius: 5px !important; background: #39452c !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase; white-space: nowrap !important; box-shadow: none !important; } body.aw-account-preview:not(.logged-in) #customer_login button.button:hover { background: #29331f !important; border-color: #29331f !important; } /* ========================================================= RECORDARME ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-form-login__rememberme { display: flex !important; width: auto !important; align-items: center; gap: 7px; margin: 3px 0 13px !important; } body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input { width: 14px !important; height: 14px !important; margin: 0 !important; accent-color: #39452c; } /* ========================================================= TEXTOS / ENLACES ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login p { color: #625f56; font-size: 13px !important; line-height: 1.65 !important; word-break: normal !important; overflow-wrap: normal !important; } body.aw-account-preview:not(.logged-in) #customer_login a { color: #39452c !important; font-weight: 600; text-decoration: underline rgba(57,69,44,.35) !important; } body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-LostPassword { margin: 16px 0 0 !important; } /* ========================================================= PRIVACIDAD REGISTRO ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-privacy-policy-text { margin: 12px 0 5px; padding: 13px 15px; border-radius: 5px; background: #f7f4ed; color: #716d64; font-size: 11px !important; line-height: 1.55 !important; } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 700px) { body.aw-account-preview:not(.logged-in) .aw-account-login-intro { padding: 25px 21px; margin-bottom: 18px; } body.aw-account-preview:not(.logged-in) .aw-account-login-intro h1 { font-size: 28px !important; } body.aw-account-preview:not(.logged-in) #customer_login { grid-template-columns: 1fr !important; gap: 16px !important; } body.aw-account-preview:not(.logged-in) #customer_login > div { padding: 22px 18px 24px !important; } body.aw-account-preview:not(.logged-in) #customer_login h2 { font-size: 20px !important; } } /* ========================================================= MI CUENTA - LOGIN / REGISTRO ALINEACIÓN DEFINITIVA ========================================================= */ /* Contenedor de ambas tarjetas */ body.aw-account-preview:not(.logged-in) #customer_login, body.aw-account-preview:not(.logged-in) #customer_login.u-columns, body.aw-account-preview:not(.logged-in) #customer_login.col2-set { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: space-between !important; gap: 24px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; position: static !important; clear: both !important; } /* ========================================================= COLUMNA ACCEDER ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login .u-column1, body.aw-account-preview:not(.logged-in) #customer_login .col-1 { order: 1 !important; display: flex !important; flex-direction: column !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; float: none !important; clear: none !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; transform: none !important; } /* ========================================================= COLUMNA REGISTRO ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login .u-column2, body.aw-account-preview:not(.logged-in) #customer_login .col-2 { order: 2 !important; display: flex !important; flex-direction: column !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; float: none !important; clear: none !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; transform: none !important; } /* ========================================================= TARJETAS DEL MISMO TAMAÑO ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login > .u-column1, body.aw-account-preview:not(.logged-in) #customer_login > .u-column2 { min-height: 440px !important; padding: 28px 30px 30px !important; border: 1px solid #ded9cf !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 6px 22px rgba(30,30,20,.045) !important; box-sizing: border-box !important; } /* ========================================================= TÍTULOS ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login h2 { display: block !important; width: 100% !important; margin: 0 0 23px !important; padding: 0 !important; color: #15263a !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: left !important; word-break: normal !important; overflow-wrap: normal !important; white-space: normal !important; } /* ========================================================= FORMULARIOS OCUPAN TODO EL ANCHO ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login form { display: flex !important; flex-direction: column !important; width: 100% !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* Inputs */ body.aw-account-preview:not(.logged-in) #customer_login .form-row { width: 100% !important; float: none !important; clear: both !important; margin: 0 0 17px !important; } /* ========================================================= BOTONES ABAJO Y ALINEADOS ========================================================= */ body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-form-register { height: 100% !important; } body.aw-account-preview:not(.logged-in) #customer_login .woocommerce-form-register .form-row:last-child { margin-top: auto !important; } /* ========================================================= QUITAR REGLAS HEREDADAS DE COL2-SET ========================================================= */ body.aw-account-preview:not(.logged-in) .col2-set::before, body.aw-account-preview:not(.logged-in) .col2-set::after, body.aw-account-preview:not(.logged-in) #customer_login::before, body.aw-account-preview:not(.logged-in) #customer_login::after { display: none !important; content: none !important; clear: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 850px) { body.aw-account-preview:not(.logged-in) #customer_login { gap: 16px !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 700px) { body.aw-account-preview:not(.logged-in) #customer_login { display: flex !important; flex-direction: column !important; gap: 16px !important; } body.aw-account-preview:not(.logged-in) #customer_login > .u-column1, body.aw-account-preview:not(.logged-in) #customer_login > .u-column2 { width: 100% !important; min-height: 0 !important; padding: 22px 18px 24px !important; } }