/* ========================================================= ULTRAPC MI CUENTA 2026 LOGIN + REGISTRO - REDISEÑO ========================================================= */ body.woocommerce-account:not(.logged-in) .customer-login-form { width: 100%; max-width: 1180px; margin: 30px auto 55px !important; padding: 0 20px; position: relative; } /* ========================================================= CONTENEDOR PRINCIPAL ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; width: 100%; padding: 0 !important; margin: 0 !important; } /* Eliminar divisor vertical antiguo de Electro */ body.woocommerce-account:not(.logged-in) #customer_login::before { display: none !important; } /* Ocultar círculo "o" antiguo */ body.woocommerce-account:not(.logged-in) .customer-login-form .or-text { display: none !important; } /* ========================================================= TARJETAS LOGIN / REGISTRO ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login > .col-1, body.woocommerce-account:not(.logged-in) #customer_login > .col-2 { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 32px 32px !important; background: #ffffff; border: 1px solid #e3eaf2; border-radius: 18px; box-shadow: 0 8px 28px rgba(15,35,65,.06), 0 2px 7px rgba(15,35,65,.035); min-width: 0; } /* ========================================================= TITULOS ========================================================= */ body.woocommerce-account:not(.logged-in) .customer-login-form h2 { margin: 0 0 8px !important; padding: 0 0 13px !important; color: #17253a !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.3px; border-bottom: 1px solid #e6ebf1 !important; position: relative; } body.woocommerce-account:not(.logged-in) .customer-login-form h2::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; bottom: -1px !important; width: 52px !important; height: 3px !important; border: 0 !important; border-radius: 3px; background: linear-gradient( 90deg, #003EB2, #1D70D6 ) !important; } /* ========================================================= TEXTOS INTRODUCTORIOS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .before-login-text, body.woocommerce-account:not(.logged-in) #customer_login .before-register-text { margin: 17px 0 22px !important; color: #64748b; font-size: 13px; font-weight: 500; line-height: 1.55; } /* ========================================================= FORMULARIOS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login form { margin: 0; } body.woocommerce-account:not(.logged-in) #customer_login .form-row { margin-bottom: 16px !important; } body.woocommerce-account:not(.logged-in) #customer_login label { display: inline-block; margin-bottom: 7px; color: #344054; font-size: 12.5px; font-weight: 700; line-height: 1.3; } /* ========================================================= INPUTS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"] { width: 100% !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 14px !important; background: #ffffff !important; border: 1px solid #ccd7e5 !important; border-radius: 11px !important; color: #24364b !important; font-size: 13.5px !important; font-weight: 500 !important; outline: none !important; box-shadow: 0 1px 2px rgba(16,24,40,.025) !important; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important; } body.woocommerce-account:not(.logged-in) #customer_login input[type="text"]:focus, body.woocommerce-account:not(.logged-in) #customer_login input[type="email"]:focus, body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]:focus { border-color: #1D70D6 !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(29,112,214,.11) !important; } /* ========================================================= RECORDARME ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme { display: inline-flex !important; align-items: center; gap: 7px; margin: 2px 0 14px !important; color: #667085; font-size: 12px; font-weight: 500; cursor: pointer; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input { width: 15px; height: 15px; margin: 0 !important; accent-color: #003EB2; } /* ========================================================= BOTONES ========================================================= */ body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit { min-width: 150px; height: 43px !important; min-height: 43px !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 0 2px !important; padding: 0 24px !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border: 0 !important; border-radius: 22px !important; color: #ffffff !important; font-size: 12.5px !important; font-weight: 750 !important; line-height: 1 !important; box-shadow: 0 5px 12px rgba(0,62,178,.16) !important; transition: transform .15s ease, box-shadow .18s ease, filter .18s ease !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit:hover, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit:hover { color: #ffffff !important; filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 7px 16px rgba(0,62,178,.22) !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit:active, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit:active { transform: translateY(0); } /* ========================================================= OLVIDASTE LA CONTRASEÑA ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .lost_password { margin: 13px 0 0 !important; } body.woocommerce-account:not(.logged-in) #customer_login .lost_password a { color: #0067b8 !important; font-size: 12.5px; font-weight: 650; text-decoration: none !important; } body.woocommerce-account:not(.logged-in) #customer_login .lost_password a:hover { color: #003EB2 !important; text-decoration: underline !important; } /* ========================================================= POLITICA DE PRIVACIDAD ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text { margin: 4px 0 18px; color: #667085; font-size: 12px; line-height: 1.6; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text p { margin-bottom: 0; } /* ========================================================= BENEFICIOS DEL REGISTRO ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .register-benefits { clear: both; margin-top: 20px; padding: 18px 20px; background: #f7faf9; border: 1px solid #dcece3; border-radius: 13px; } body.woocommerce-account:not(.logged-in) #customer_login .register-benefits h3 { margin: 0 0 12px !important; color: #24364b; font-size: 14px !important; font-weight: 750 !important; line-height: 1.3 !important; } body.woocommerce-account:not(.logged-in) #customer_login .register-benefits ul { margin: 0 !important; padding: 0 !important; list-style: none; } body.woocommerce-account:not(.logged-in) #customer_login .register-benefits li { display: flex; align-items: center; gap: 10px; min-height: 27px; color: #526174; font-size: 12.5px; line-height: 1.4 !important; } body.woocommerce-account:not(.logged-in) #customer_login .register-benefits li::before { flex: 0 0 auto; margin: 0 !important; color: #198754 !important; font-size: 13px !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account:not(.logged-in) .customer-login-form { margin: 20px auto 35px !important; padding: 0 12px; } body.woocommerce-account:not(.logged-in) #customer_login { grid-template-columns: 1fr; gap: 16px; } body.woocommerce-account:not(.logged-in) #customer_login > .col-1, body.woocommerce-account:not(.logged-in) #customer_login > .col-2 { padding: 23px 19px 24px !important; border-radius: 15px; } body.woocommerce-account:not(.logged-in) .customer-login-form h2 { font-size: 20px !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit { width: 100%; border-radius: 11px !important; } body.woocommerce-account:not(.logged-in) #customer_login .register-benefits { padding: 16px 17px; } } /* ========================================================= REDUCIR MOVIMIENTO ========================================================= */ @media (prefers-reduced-motion: reduce) { body.woocommerce-account:not(.logged-in) #customer_login * { transition: none !important; } } /* ========================================================= MI CUENTA - QUITAR LINEA BAJO TITULOS ========================================================= */ body.woocommerce-account:not(.logged-in) .customer-login-form h2 { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 18px !important; } body.woocommerce-account:not(.logged-in) .customer-login-form h2::after { display: none !important; content: none !important; } /* ========================================================= MI CUENTA - PULIDO CAMPOS Y BOTONES ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"] { height: 50px !important; min-height: 50px !important; padding: 0 16px !important; background: #f9fbfe !important; border: 1px solid #c8d5e6 !important; border-radius: 14px !important; color: #23364b !important; font-size: 14px !important; font-weight: 500 !important; box-shadow: inset 0 1px 2px rgba(16,24,40,.03), 0 1px 2px rgba(16,24,40,.015) !important; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .12s ease !important; } body.woocommerce-account:not(.logged-in) #customer_login input[type="text"]::placeholder, body.woocommerce-account:not(.logged-in) #customer_login input[type="email"]::placeholder, body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]::placeholder { color: #8a99ad !important; font-weight: 400 !important; } body.woocommerce-account:not(.logged-in) #customer_login input[type="text"]:hover, body.woocommerce-account:not(.logged-in) #customer_login input[type="email"]:hover, body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]:hover { border-color: #b8cae0 !important; background: #ffffff !important; } body.woocommerce-account:not(.logged-in) #customer_login input[type="text"]:focus, body.woocommerce-account:not(.logged-in) #customer_login input[type="email"]:focus, body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]:focus { background: #ffffff !important; border-color: #1D70D6 !important; box-shadow: 0 0 0 4px rgba(29,112,214,.11), 0 6px 16px rgba(29,112,214,.10) !important; transform: translateY(-1px); } /* ========================================================= FORMULARIO LOGIN - ORDENAR CHECKBOX + BOTON ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login { display: block !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 4px 0 14px !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__submit { display: inline-flex !important; clear: both !important; margin: 0 0 14px !important; } /* ========================================================= BOTONES PRINCIPALES ========================================================= */ body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit { min-width: 165px !important; height: 46px !important; min-height: 46px !important; padding: 0 28px !important; background: linear-gradient( 135deg, #003EB2 0%, #1D70D6 100% ) !important; border: 1px solid rgba(0,62,178,.08) !important; border-radius: 14px !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .1px !important; line-height: 1 !important; text-shadow: none !important; box-shadow: 0 10px 22px rgba(0,62,178,.17), 0 2px 5px rgba(16,24,40,.06) !important; transition: transform .16s ease, box-shadow .18s ease, filter .18s ease, background .18s ease !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit:hover, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit:hover { color: #ffffff !important; transform: translateY(-2px) !important; filter: brightness(1.04); box-shadow: 0 14px 28px rgba(0,62,178,.22), 0 4px 8px rgba(16,24,40,.07) !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit:active, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit:active { transform: translateY(0) scale(.985) !important; box-shadow: 0 7px 14px rgba(0,62,178,.16) !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit:focus, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit:focus { color: #ffffff !important; box-shadow: 0 0 0 4px rgba(29,112,214,.14), 0 10px 22px rgba(0,62,178,.18) !important; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"] { height: 48px !important; min-height: 48px !important; font-size: 13.5px !important; } body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-login__submit, body.woocommerce-account:not(.logged-in) .customer-login-form .woocommerce-form-register__submit { width: 100% !important; min-width: 0 !important; height: 48px !important; border-radius: 14px !important; } } /* ========================================================= MI CUENTA - RECORDARME SOBRE EL BOTON ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 4px 0 14px !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__submit { display: inline-flex !important; float: none !important; clear: both !important; margin: 0 0 14px !important; } body.woocommerce-account:not(.logged-in) #customer_login form.login::after { content: ""; display: block; clear: both; } /* ========================================================= ULTRAPC MI CUENTA 2026 AREA PRIVADA - ESTRUCTURA GENERAL ========================================================= */ @media (min-width: 768px) { body.woocommerce-account.logged-in .woocommerce { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 28px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { flex: 0 0 270px !important; width: 270px !important; max-width: 270px !important; padding: 0 !important; margin: 0 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0; padding: 0 !important; margin: 0 !important; } } /* ========================================================= NAVEGACION LATERAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { background: #ffffff; border: 1px solid #e2e9f1; border-radius: 16px; box-shadow: 0 8px 26px rgba(15,35,65,.055), 0 2px 6px rgba(15,35,65,.025); overflow: hidden; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { margin: 0 !important; padding: 8px !important; border: 0 !important; list-style: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; transition: none !important; } /* ========================================================= LINKS DEL MENU ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { position: relative; width: 100%; min-height: 50px; display: flex !important; align-items: center; margin: 0 !important; padding: 0 43px 0 15px !important; border-radius: 10px; color: #344054 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color .16s ease, color .16s ease, transform .14s ease !important; } /* Separador discreto */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:not(:last-child) a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 1px; background: #edf1f5; pointer-events: none; } /* ========================================================= ICONOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { position: absolute !important; top: 50% !important; right: 15px !important; width: 20px !important; margin: 0 !important; float: none !important; transform: translateY(-50%); color: #a8b2bf !important; font-size: 14px !important; line-height: 1 !important; text-align: center !important; opacity: 1 !important; transition: color .16s ease, transform .16s ease !important; } /* ========================================================= HOVER ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover { background: #f5f8fc !important; color: #003EB2 !important; transform: translateX(2px); } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover::before { color: #1D70D6 !important; } /* ========================================================= OPCION ACTIVA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient( 135deg, #003EB2 0%, #1D70D6 100% ) !important; color: #ffffff !important; font-weight: 750 !important; box-shadow: 0 6px 14px rgba(0,62,178,.16); } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a::before { color: #ffffff !important; opacity: 1 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a::after { display: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a:hover { color: #ffffff !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; } /* ========================================================= CERRAR SESION ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a { color: #667085 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: #b42318 !important; background: #fff5f4 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover::before { color: #b42318 !important; } /* ========================================================= CONTENIDO PRINCIPAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content { background: #ffffff; border: 1px solid #e2e9f1; border-radius: 16px; padding: 28px 30px 30px !important; box-shadow: 0 8px 26px rgba(15,35,65,.045), 0 2px 6px rgba(15,35,65,.025); } /* ========================================================= TEXTOS GENERALES ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content { color: #475467; font-size: 13px; line-height: 1.65; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content p { color: #475467; line-height: 1.65; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content a { color: #0067b8; font-weight: 600; text-decoration: none; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover { color: #003EB2; } /* ========================================================= TITULOS INTERNOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2 { margin: 0 0 18px !important; padding: 0 0 12px !important; color: #17253a !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -.25px; border-bottom: 1px solid #e7ecf2; } /* ========================================================= TITULO PRINCIPAL DE LA PAGINA ========================================================= */ body.woocommerce-account.logged-in .entry-header .entry-title { margin-bottom: 26px !important; color: #0067ad !important; font-size: 32px !important; font-weight: 850 !important; line-height: 1.15 !important; letter-spacing: -.7px; } /* ========================================================= TABLET / MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce { display: block !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { width: 100% !important; max-width: none !important; margin-bottom: 16px !important; border-radius: 14px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { padding: 7px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { min-height: 46px; font-size: 12.5px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content { width: 100% !important; padding: 21px 18px 23px !important; border-radius: 14px; } body.woocommerce-account.logged-in .entry-header .entry-title { font-size: 27px !important; margin-bottom: 20px !important; } } /* ========================================================= ACCESIBILIDAD ========================================================= */ @media (prefers-reduced-motion: reduce) { body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation * { transition: none !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 PEDIDOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table { width: 100% !important; margin: 0 !important; border: 1px solid #e3eaf2 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 13px !important; overflow: hidden; background: #ffffff; box-shadow: 0 3px 10px rgba(15,35,65,.025); } /* ========================================================= CABECERA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table thead th { padding: 13px 15px !important; background: #f6f8fb !important; border: 0 !important; border-bottom: 1px solid #e3e9f0 !important; color: #526174 !important; font-size: 11.5px !important; font-weight: 750 !important; line-height: 1.2 !important; text-transform: none !important; white-space: nowrap; } /* ========================================================= FILAS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table tbody tr { transition: background-color .16s ease !important; } body.woocommerce-account.logged-in .woocommerce-orders-table tbody tr:hover { background: #f8fbff !important; } body.woocommerce-account.logged-in .woocommerce-orders-table tbody td { padding: 14px 15px !important; border: 0 !important; border-bottom: 1px solid #edf1f5 !important; color: #475467 !important; font-size: 12.5px !important; line-height: 1.45 !important; vertical-align: middle !important; } body.woocommerce-account.logged-in .woocommerce-orders-table tbody tr:last-child td { border-bottom: 0 !important; } /* ========================================================= NUMERO DE PEDIDO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: #003EB2 !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; } body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover { color: #1D70D6 !important; } /* ========================================================= FECHA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-date { color: #667085 !important; } /* ========================================================= ESTADO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-status { font-weight: 650 !important; } /* ========================================================= TOTAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount { color: #17253a !important; font-size: 13px !important; font-weight: 800 !important; } /* ========================================================= BOTON VER ========================================================= */ body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button { min-width: 82px !important; height: 35px !important; min-height: 35px !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; margin: 0 !important; padding: 0 15px !important; background: #eef4ff !important; border: 1px solid #d5e3fa !important; border-radius: 18px !important; color: #003EB2 !important; font-size: 11.5px !important; font-weight: 750 !important; line-height: 1 !important; box-shadow: none !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .12s ease !important; } body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button:hover { background: #003EB2 !important; border-color: #003EB2 !important; color: #ffffff !important; transform: translateY(-1px); } /* Icono ojo de Electro */ body.woocommerce-account.logged-in .woocommerce-orders-table a.button.view::after { margin-left: 6px !important; color: currentColor !important; font-size: 11px !important; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-orders-table { border: 0 !important; background: transparent; box-shadow: none; } body.woocommerce-account.logged-in .woocommerce-orders-table tbody tr { display: block !important; margin-bottom: 12px !important; padding: 7px 13px !important; background: #ffffff !important; border: 1px solid #e3eaf2 !important; border-radius: 12px !important; box-shadow: 0 3px 10px rgba(15,35,65,.035); } body.woocommerce-account.logged-in .woocommerce-orders-table tbody td { padding: 9px 0 !important; border-bottom: 1px solid #edf1f5 !important; } body.woocommerce-account.logged-in .woocommerce-orders-table tbody td:last-child { border-bottom: 0 !important; } body.woocommerce-account.logged-in .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button { width: 100% !important; margin-top: 3px !important; border-radius: 10px !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 DESCARGAS - ESTADO VACIO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message.woocommerce-Message--info, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; min-height: 96px; margin: 0 0 20px !important; padding: 22px 24px !important; background: linear-gradient( 135deg, #f5f9ff 0%, #eef5ff 100% ) !important; border: 1px solid #d8e6fa !important; border-left: 4px solid #1D70D6 !important; border-radius: 14px !important; color: #344054 !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.5 !important; box-shadow: 0 6px 18px rgba(15,35,65,.045) !important; } /* Quitar estilos pseudo-antiguos si Electro los agrega */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info::before { color: #1D70D6 !important; } /* ========================================================= BOTON EXPLORAR ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message a.button, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info a.button { flex: 0 0 auto; min-width: 170px !important; height: 42px !important; min-height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px; margin: 0 !important; padding: 0 20px !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border: 0 !important; border-radius: 12px !important; color: #ffffff !important; font-size: 12px !important; font-weight: 750 !important; line-height: 1 !important; box-shadow: 0 7px 16px rgba(0,62,178,.16) !important; transition: transform .14s ease, box-shadow .17s ease, filter .17s ease !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message a.button:hover, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info a.button:hover { color: #ffffff !important; transform: translateY(-1px); filter: brightness(1.04); box-shadow: 0 10px 21px rgba(0,62,178,.21) !important; } /* Flecha algo más discreta */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message a.button::after, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info a.button::after { margin-left: 3px !important; font-size: 11px !important; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message.woocommerce-Message--info, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info { display: block !important; min-height: 0; padding: 19px 18px !important; border-radius: 12px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-Message a.button, body.woocommerce-account.logged-in .woocommerce-MyAccount-content > .woocommerce-info a.button { width: 100% !important; min-width: 0 !important; margin-top: 15px !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 DIRECCIONES ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px !important; margin-top: 20px !important; } /* ========================================================= TARJETAS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 22px 22px 24px !important; background: #ffffff; border: 1px solid #e2e9f1; border-radius: 14px; box-shadow: 0 6px 18px rgba(15,35,65,.04); min-width: 0; } /* ========================================================= CABECERA DE CADA DIRECCION ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title { position: relative; display: flex !important; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 16px !important; padding: 0 0 13px !important; border-bottom: 1px solid #e8edf3; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #17253a !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* ========================================================= BOTON EDITAR ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { flex: 0 0 auto; min-width: 74px; height: 33px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 14px !important; background: #eef4ff !important; border: 1px solid #d5e3fa; border-radius: 17px; color: #003EB2 !important; font-size: 11.5px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .12s ease !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title a.edit:hover { background: #003EB2 !important; border-color: #003EB2 !important; color: #ffffff !important; transform: translateY(-1px); } /* ========================================================= DATOS DE DIRECCION ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address address { margin: 0 !important; padding: 0 !important; color: #526174 !important; font-size: 12.8px !important; font-style: normal !important; font-weight: 500 !important; line-height: 1.75 !important; word-break: break-word; } /* ========================================================= CAMPOS VACIOS / TEXTO AUXILIAR ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address address br { line-height: 1.2; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr; gap: 14px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address { padding: 19px 18px 21px !important; border-radius: 12px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title { margin-bottom: 14px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h2 { font-size: 15px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title a.edit { min-width: 68px; height: 31px; } } /* ========================================================= ULTRAPC MI CUENTA 2026 METODOS DE PAGO ========================================================= */ /* ========================================================= TABLA GENERAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods { width: 100% !important; margin: 0 0 18px !important; border: 1px solid #e3eaf2 !important; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 13px !important; overflow: hidden; background: #ffffff; box-shadow: 0 3px 10px rgba(15,35,65,.025); } /* ========================================================= CABECERA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods thead th { padding: 13px 15px !important; background: #f6f8fb !important; border: 0 !important; border-bottom: 1px solid #e3e9f0 !important; color: #526174 !important; font-size: 11.5px !important; font-weight: 750 !important; line-height: 1.2 !important; white-space: nowrap; } /* ========================================================= CELDAS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods tbody td { padding: 14px 15px !important; border: 0 !important; border-bottom: 1px solid #edf1f5 !important; color: #475467 !important; font-size: 12.5px !important; line-height: 1.45 !important; vertical-align: middle !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods tbody tr:last-child td { border-bottom: 0 !important; } /* ========================================================= METODO POR DEFECTO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods .payment-method-default { color: #198754 !important; font-weight: 750 !important; } /* ========================================================= ACCIONES ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods .payment-method-actions a { display: inline-flex !important; align-items: center; justify-content: center; min-height: 33px; margin: 2px 4px 2px 0 !important; padding: 0 13px !important; background: #eef4ff !important; border: 1px solid #d5e3fa !important; border-radius: 17px !important; color: #003EB2 !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .12s ease !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods .payment-method-actions a:hover { background: #003EB2 !important; border-color: #003EB2 !important; color: #ffffff !important; transform: translateY(-1px); } /* Eliminar */ body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods .payment-method-actions a.delete { background: #fff5f4 !important; border-color: #fecdca !important; color: #b42318 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods .payment-method-actions a.delete:hover { background: #b42318 !important; border-color: #b42318 !important; color: #ffffff !important; } /* ========================================================= BOTON AÑADIR METODO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button[href*="add-payment-method"], body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods + a.button { min-width: 180px !important; height: 42px !important; min-height: 42px !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 4px 0 0 !important; padding: 0 21px !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border: 0 !important; border-radius: 12px !important; color: #ffffff !important; font-size: 12px !important; font-weight: 750 !important; line-height: 1 !important; box-shadow: 0 7px 16px rgba(0,62,178,.16) !important; transition: transform .14s ease, box-shadow .17s ease, filter .17s ease !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button[href*="add-payment-method"]:hover, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods + a.button:hover { color: #ffffff !important; transform: translateY(-1px); filter: brightness(1.04); box-shadow: 0 10px 21px rgba(0,62,178,.21) !important; } /* ========================================================= AVISO SIN METODOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info { border-radius: 13px !important; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods { border: 0 !important; background: transparent; box-shadow: none; } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods tbody tr { display: block !important; margin-bottom: 12px !important; padding: 8px 13px !important; background: #ffffff !important; border: 1px solid #e3eaf2 !important; border-radius: 12px !important; box-shadow: 0 3px 10px rgba(15,35,65,.035); } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods tbody td { padding: 9px 0 !important; border-bottom: 1px solid #edf1f5 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-paymentMethods tbody td:last-child { border-bottom: 0 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button[href*="add-payment-method"], body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods + a.button { width: 100% !important; min-width: 0 !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 DETALLES DE LA CUENTA ========================================================= */ /* ========================================================= FORMULARIO GENERAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm { max-width: 860px; margin: 0; } /* ========================================================= FILAS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row { margin-bottom: 17px !important; } /* ========================================================= LABELS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm label { display: inline-block; margin-bottom: 7px; color: #344054; font-size: 12.5px; font-weight: 700; line-height: 1.3; } /* ========================================================= CAMPOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="text"], body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="email"], body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="password"] { width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 15px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 12px !important; color: #23364b !important; font-size: 13.5px !important; font-weight: 500 !important; outline: none !important; box-shadow: inset 0 1px 2px rgba(16,24,40,.025), 0 1px 2px rgba(16,24,40,.015) !important; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease !important; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="text"]:hover, body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="email"]:hover, body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="password"]:hover { background: #ffffff !important; border-color: #b8cae0 !important; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="text"]:focus, body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="email"]:focus, body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="password"]:focus { background: #ffffff !important; border-color: #1D70D6 !important; box-shadow: 0 0 0 4px rgba(29,112,214,.10) !important; transform: translateY(-1px); } /* ========================================================= TEXTO AUXILIAR ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm em, body.woocommerce-account.logged-in .woocommerce-EditAccountForm .description { display: block; margin-top: 6px; color: #7a889a !important; font-size: 11.5px !important; line-height: 1.5; } /* ========================================================= CAMBIO DE CONTRASEÑA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { margin: 27px 0 22px !important; padding: 21px 22px 5px !important; background: #f8fafc; border: 1px solid #e1e8f0 !important; border-radius: 13px; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset legend { width: auto !important; margin: 0 0 15px !important; padding: 0 6px !important; color: #17253a !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* ========================================================= BOTON GUARDAR CAMBIOS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-EditAccountForm button[type="submit"], body.woocommerce-account.logged-in .woocommerce-EditAccountForm .woocommerce-Button { min-width: 170px !important; height: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 2px 0 0 !important; padding: 0 24px !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border: 0 !important; border-radius: 12px !important; color: #ffffff !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 8px 18px rgba(0,62,178,.17) !important; transition: transform .14s ease, box-shadow .17s ease, filter .17s ease !important; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm button[type="submit"]:hover, body.woocommerce-account.logged-in .woocommerce-EditAccountForm .woocommerce-Button:hover { color: #ffffff !important; transform: translateY(-1px); filter: brightness(1.04); box-shadow: 0 11px 23px rgba(0,62,178,.22) !important; } /* ========================================================= NOMBRE / APELLIDO EN DOS COLUMNAS ========================================================= */ @media (min-width: 768px) { body.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-first, body.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-last { width: calc(50% - 8px) !important; display: inline-block !important; vertical-align: top; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-first { margin-right: 12px !important; padding-right: 0 !important; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-last { padding-left: 0 !important; } } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-EditAccountForm { max-width: none; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { padding: 18px 17px 4px !important; border-radius: 12px; } body.woocommerce-account.logged-in .woocommerce-EditAccountForm button[type="submit"], body.woocommerce-account.logged-in .woocommerce-EditAccountForm .woocommerce-Button { width: 100% !important; min-width: 0 !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 ESCRITORIO - CONTENIDO PRINCIPAL ========================================================= */ /* Solo cuando está activa la sección Escritorio */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child { position: relative; margin: 0 0 18px !important; padding: 21px 22px 21px 58px !important; background: linear-gradient( 135deg, #f3f7ff 0%, #edf4ff 100% ); border: 1px solid #d9e5f8; border-radius: 14px; color: #344054 !important; font-size: 13px; line-height: 1.6; box-shadow: 0 5px 16px rgba(15,35,65,.035); } /* Icono bienvenida */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child::before { content: "\f2bd"; position: absolute; top: 20px; left: 20px; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; color: #003EB2; font-family: "Font Awesome 5 Free"; font-size: 22px; font-weight: 900; line-height: 1; } /* Nombre del usuario */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child strong { color: #17253a; font-weight: 800; } /* Cerrar sesión dentro del saludo */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child a { color: #b42318 !important; font-weight: 700; text-decoration: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child a:hover { text-decoration: underline !important; } /* ========================================================= SEGUNDO BLOQUE INFORMATIVO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:nth-of-type(2) { position: relative; margin: 0 !important; padding: 22px 23px !important; background: #ffffff; border: 1px solid #e3eaf2; border-radius: 14px; color: #526174 !important; font-size: 13px; line-height: 1.75; box-shadow: 0 4px 14px rgba(15,35,65,.025); } /* Links internos */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:nth-of-type(2) a { color: #003EB2 !important; font-weight: 750; text-decoration: none !important; border-bottom: 1px solid rgba(0,62,178,.20); } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:nth-of-type(2) a:hover { color: #1D70D6 !important; border-bottom-color: #1D70D6; } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child { padding: 18px 17px 18px 51px !important; border-radius: 12px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:first-child::before { top: 18px; left: 17px; font-size: 20px; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation:has( .woocommerce-MyAccount-navigation-link--dashboard.is-active ) + .woocommerce-MyAccount-content > p:nth-of-type(2) { padding: 18px !important; border-radius: 12px; } } /* ========================================================= ULTRAPC MI CUENTA 2026 PULIDO GLOBAL FINAL ========================================================= */ /* ========================================================= 1. CONTENEDOR GENERAL ========================================================= */ body.woocommerce-account.logged-in #primary { margin-bottom: 50px; } body.woocommerce-account.logged-in .entry-content { margin-top: 0; } /* ========================================================= 2. ESPACIADO DEL CONTENIDO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content > *:first-child { margin-top: 0 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content > *:last-child { margin-bottom: 0 !important; } /* ========================================================= 3. AVISOS WOOCOMMERCE ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error { position: relative; margin: 0 0 20px !important; padding: 17px 20px 17px 48px !important; border-radius: 12px !important; font-size: 12.5px !important; font-weight: 600; line-height: 1.55; box-shadow: none !important; } /* INFO */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info { background: #f2f7ff !important; border: 1px solid #d7e5fa !important; color: #35506f !important; } /* ÉXITO */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message { background: #f1f9f4 !important; border: 1px solid #d4eadb !important; color: #356047 !important; } /* ERROR */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error { background: #fff5f4 !important; border: 1px solid #fecdca !important; color: #8f2d25 !important; } /* Iconos avisos */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error::before { position: absolute !important; top: 50% !important; left: 18px !important; transform: translateY(-50%) !important; margin: 0 !important; font-size: 16px !important; } /* ========================================================= 4. BOTONES GENERALES DE MI CUENTA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:not(.view):not(.delete), body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button { border-radius: 11px !important; font-size: 12px !important; font-weight: 750 !important; transition: transform .14s ease, box-shadow .17s ease, background-color .17s ease !important; } /* ========================================================= 5. TABLAS - CONSISTENCIA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content table { color: #475467; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content table th { color: #526174; font-weight: 750; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content table td { color: #475467; } /* ========================================================= 6. LINKS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content a { transition: color .15s ease; } /* ========================================================= 7. SELECT2 / SELECT ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content select, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .select2-container .select2-selection--single { min-height: 46px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 11px !important; color: #23364b !important; box-shadow: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .select2-container .select2-selection--single .select2-selection__rendered { line-height: 44px !important; padding-left: 14px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .select2-container .select2-selection--single .select2-selection__arrow { height: 44px !important; } /* ========================================================= 8. TEXTAREA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea { width: 100% !important; min-height: 110px; padding: 13px 14px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 11px !important; color: #23364b !important; font-size: 13px; outline: none !important; resize: vertical; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea:focus { background: #ffffff !important; border-color: #1D70D6 !important; box-shadow: 0 0 0 4px rgba(29,112,214,.10) !important; } /* ========================================================= 9. MOVIL - ESTRUCTURA GENERAL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in #primary { margin-bottom: 32px; } body.woocommerce-account.logged-in .entry-header .entry-title { margin-bottom: 16px !important; } /* ===================================================== MENU MI CUENTA EN CUADRICULA ===================================================== */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px !important; padding: 0 !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { min-width: 0; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { min-height: 45px !important; padding: 0 35px 0 12px !important; background: #ffffff !important; border: 1px solid #e2e9f1; border-radius: 10px !important; font-size: 11.5px !important; box-shadow: 0 2px 7px rgba(15,35,65,.025); } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::after { display: none !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before { right: 11px !important; font-size: 12px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 5px 12px rgba(0,62,178,.14); } /* Cerrar sesión ocupa toda la fila */ body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { grid-column: 1 / -1; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { justify-content: center; padding: 0 38px !important; background: #fff8f7 !important; border-color: #f3d9d6; color: #a33a32 !important; } /* ===================================================== CONTENIDO ===================================================== */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content { margin-top: 4px !important; box-shadow: 0 5px 18px rgba(15,35,65,.035); } /* Avisos */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error { padding: 15px 16px 15px 43px !important; border-radius: 11px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message::before, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error::before { left: 15px !important; } } /* ========================================================= 10. TELEFONOS MUY ESTRECHOS ========================================================= */ @media (max-width: 359.98px) { body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { grid-template-columns: 1fr; } body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { grid-column: auto; } } /* ========================================================= 11. ACCESIBILIDAD ========================================================= */ @media (prefers-reduced-motion: reduce) { body.woocommerce-account.logged-in .woocommerce-MyAccount-content *, body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation * { transition: none !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 EDITAR DIRECCION - FACTURACION / ENVIO ========================================================= */ /* ========================================================= 1. FORMULARIO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields { width: 100%; max-width: 980px; margin: 0; } /* ========================================================= 2. GRID PRINCIPAL ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; row-gap: 17px; width: 100%; } /* Por defecto todos los campos ocupan ancho completo */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row { grid-column: 1 / -1; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; min-width: 0; } /* ========================================================= 3. CAMPOS CORTOS → MEDIA COLUMNA ========================================================= */ /* Nombre */ body.woocommerce-account.logged-in #billing_first_name_field, body.woocommerce-account.logged-in #shipping_first_name_field, /* Apellidos */ body.woocommerce-account.logged-in #billing_last_name_field, body.woocommerce-account.logged-in #billing_second_last_name_field, body.woocommerce-account.logged-in #shipping_last_name_field, /* RUT */ body.woocommerce-account.logged-in #billing_rut_field, body.woocommerce-account.logged-in #shipping_rut_field, body.woocommerce-account.logged-in [id*="rut"][id$="_field"], /* Teléfono */ body.woocommerce-account.logged-in #billing_phone_field, body.woocommerce-account.logged-in #shipping_phone_field, body.woocommerce-account.logged-in #shipping_telefono_field, body.woocommerce-account.logged-in [id*="telefono"][id$="_field"], /* Región */ body.woocommerce-account.logged-in #billing_state_field, body.woocommerce-account.logged-in #shipping_state_field, /* Comuna / Ciudad */ body.woocommerce-account.logged-in #billing_city_field, body.woocommerce-account.logged-in #shipping_city_field, /* Código postal */ body.woocommerce-account.logged-in #billing_postcode_field, body.woocommerce-account.logged-in #shipping_postcode_field { grid-column: span 1 !important; } /* ========================================================= 4. DATOS EMPRESA ========================================================= */ body.woocommerce-account.logged-in #billing_Razon_Social_Empresa_field, body.woocommerce-account.logged-in #billing_RUT_Empresa_field, body.woocommerce-account.logged-in #billing_Giro_de_la_Empresa_field { position: relative; } /* Razón Social + RUT Empresa */ body.woocommerce-account.logged-in #billing_Razon_Social_Empresa_field, body.woocommerce-account.logged-in #billing_RUT_Empresa_field { grid-column: span 1 !important; } /* Giro ancho completo */ body.woocommerce-account.logged-in #billing_Giro_de_la_Empresa_field { grid-column: 1 / -1 !important; } /* ========================================================= 5. CAMPOS LARGOS ========================================================= */ body.woocommerce-account.logged-in #billing_address_1_field, body.woocommerce-account.logged-in #billing_address_2_field, body.woocommerce-account.logged-in #billing_info_extra_dir_field, body.woocommerce-account.logged-in #billing_email_field, body.woocommerce-account.logged-in #shipping_address_1_field, body.woocommerce-account.logged-in #shipping_address_2_field, body.woocommerce-account.logged-in #shipping_address_additional_field { grid-column: 1 / -1 !important; } /* ========================================================= 6. LABELS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-address-fields .form-row label { display: block !important; margin: 0 0 7px !important; color: #344054 !important; font-size: 12px !important; font-weight: 750 !important; line-height: 1.3 !important; } body.woocommerce-account.logged-in .woocommerce-address-fields .form-row label .required { color: #d92d20 !important; } /* ========================================================= 7. INPUTS ========================================================= */ body.woocommerce-account.logged-in .woocommerce-address-fields input[type="text"], body.woocommerce-account.logged-in .woocommerce-address-fields input[type="email"], body.woocommerce-account.logged-in .woocommerce-address-fields input[type="tel"], body.woocommerce-account.logged-in .woocommerce-address-fields input[type="number"] { width: 100% !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 15px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 12px !important; color: #23364b !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; outline: 0 !important; box-shadow: inset 0 1px 2px rgba(16,24,40,.025) !important; transition: background-color .17s ease, border-color .17s ease, box-shadow .17s ease !important; } /* Hover */ body.woocommerce-account.logged-in .woocommerce-address-fields input:hover { background: #ffffff !important; border-color: #b5c8df !important; } /* Focus */ body.woocommerce-account.logged-in .woocommerce-address-fields input:focus { background: #ffffff !important; border-color: #1D70D6 !important; box-shadow: 0 0 0 4px rgba(29,112,214,.10) !important; } /* Placeholder */ body.woocommerce-account.logged-in .woocommerce-address-fields input::placeholder { color: #8795a7 !important; opacity: 1; } /* ========================================================= 8. SELECT / SELECT2 ========================================================= */ body.woocommerce-account.logged-in .woocommerce-address-fields select { width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 14px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 12px !important; } body.woocommerce-account.logged-in .woocommerce-address-fields .select2-container { width: 100% !important; } body.woocommerce-account.logged-in .woocommerce-address-fields .select2-selection--single { height: 48px !important; min-height: 48px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 12px !important; } body.woocommerce-account.logged-in .woocommerce-address-fields .select2-selection__rendered { height: 46px !important; padding: 0 15px !important; color: #23364b !important; font-size: 13px !important; line-height: 46px !important; } body.woocommerce-account.logged-in .woocommerce-address-fields .select2-selection__arrow { top: 2px !important; right: 8px !important; height: 44px !important; } /* ========================================================= 9. TEXTAREA ========================================================= */ body.woocommerce-account.logged-in .woocommerce-address-fields textarea { width: 100% !important; min-height: 92px !important; padding: 13px 15px !important; background: #f9fbfe !important; border: 1px solid #cbd7e5 !important; border-radius: 12px !important; color: #23364b !important; font-size: 13px !important; line-height: 1.55 !important; resize: vertical; } body.woocommerce-account.logged-in .woocommerce-address-fields textarea:focus { background: #ffffff !important; border-color: #1D70D6 !important; box-shadow: 0 0 0 4px rgba(29,112,214,.10) !important; } /* ========================================================= 10. TITULO INTERNO ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields h2, body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-address-fields h3 { margin: 0 0 22px !important; padding: 0 0 14px !important; color: #17253a !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.25 !important; border-bottom: 1px solid #e6ecf2 !important; } /* ========================================================= 11. BOTON GUARDAR DIRECCION ========================================================= */ body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[name="save_address"] { min-width: 180px !important; height: 46px !important; min-height: 46px !important; display: inline-flex !important; align-items: center; justify-content: center; margin: 24px 0 0 !important; padding: 0 26px !important; background: linear-gradient( 135deg, #003EB2, #1D70D6 ) !important; border: 0 !important; border-radius: 12px !important; color: #ffffff !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 8px 18px rgba(0,62,178,.17) !important; transition: transform .14s ease, box-shadow .17s ease, filter .17s ease !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[name="save_address"]:hover { color: #ffffff !important; transform: translateY(-1px); filter: brightness(1.04); box-shadow: 0 11px 23px rgba(0,62,178,.22) !important; } /* ========================================================= 12. MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account.logged-in .woocommerce-address-fields { max-width: none; } body.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr !important; gap: 14px !important; } body.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper .form-row { grid-column: 1 !important; } body.woocommerce-account.logged-in .woocommerce-address-fields input[type="text"], body.woocommerce-account.logged-in .woocommerce-address-fields input[type="email"], body.woocommerce-account.logged-in .woocommerce-address-fields input[type="tel"], body.woocommerce-account.logged-in .woocommerce-address-fields select, body.woocommerce-account.logged-in .woocommerce-address-fields .select2-selection--single { height: 47px !important; min-height: 47px !important; } body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[name="save_address"] { width: 100% !important; min-width: 0 !important; height: 48px !important; margin-top: 20px !important; } } /* ========================================================= 13. ACCESIBILIDAD ========================================================= */ @media (prefers-reduced-motion: reduce) { body.woocommerce-account.logged-in .woocommerce-address-fields * { transition: none !important; } } /* ========================================================= ULTRAPC MI CUENTA 2026 TITULOS DE CADA SECCION ========================================================= */ /* ========================================================= 1. TITULO PRINCIPAL DE CADA ENDPOINT ========================================================= */ body.woocommerce-account .entry-header, body.woocommerce-account header.entry-header { margin-bottom: 26px !important; text-align: center !important; } body.woocommerce-account .entry-title, body.woocommerce-account h1.entry-title, body.woocommerce-account .woocommerce-MyAccount-content > h2, body.woocommerce-account .woocommerce-MyAccount-content > h1 { position: relative; display: block; margin: 0 0 28px !important; padding: 0 0 18px !important; color: #005fb8 !important; font-size: clamp(30px, 3.4vw, 52px) !important; font-weight: 900 !important; line-height: 1.05 !important; letter-spacing: -.8px !important; text-transform: uppercase !important; text-align: center !important; border: 0 !important; } body.woocommerce-account .entry-title::after, body.woocommerce-account h1.entry-title::after, body.woocommerce-account .woocommerce-MyAccount-content > h2::after, body.woocommerce-account .woocommerce-MyAccount-content > h1::after { content: ""; display: block; width: 84px; height: 5px; margin: 14px auto 0; border-radius: 999px; background: linear-gradient(90deg, #003EB2, #1D70D6); box-shadow: 0 6px 14px rgba(0, 62, 178, .18); } /* ========================================================= 2. SUBTITULOS INTERNOS DE CADA BLOQUE ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { position: relative; display: block; margin: 0 0 18px !important; padding: 0 0 12px 18px !important; color: #1e2f46 !important; font-size: clamp(22px, 1.9vw, 34px) !important; font-weight: 850 !important; line-height: 1.15 !important; letter-spacing: -.35px !important; text-transform: none !important; border: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-content h3::before, body.woocommerce-account .woocommerce-MyAccount-content h4::before, body.woocommerce-account .woocommerce-Address-title h3::before, body.woocommerce-account .woocommerce-address-fields h2::before, body.woocommerce-account .woocommerce-address-fields h3::before, body.woocommerce-account .edit-account fieldset legend::before { content: ""; position: absolute; left: 0; top: 4px; width: 6px; height: calc(100% - 8px); border-radius: 999px; background: linear-gradient(180deg, #003EB2, #1D70D6); box-shadow: 0 4px 12px rgba(0, 62, 178, .14); } body.woocommerce-account .woocommerce-MyAccount-content h3::after, body.woocommerce-account .woocommerce-MyAccount-content h4::after, body.woocommerce-account .woocommerce-Address-title h3::after, body.woocommerce-account .woocommerce-address-fields h2::after, body.woocommerce-account .woocommerce-address-fields h3::after, body.woocommerce-account .edit-account fieldset legend::after { content: ""; display: block; width: 100%; height: 1px; margin-top: 12px; background: linear-gradient(90deg, rgba(29,112,214,.22), rgba(29,112,214,.03)); } /* ========================================================= 3. TEXTO INTRODUCTORIO BAJO TITULOS ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message { margin-top: 0 !important; } body.woocommerce-account .woocommerce-MyAccount-content p { color: #5c6c80; } /* ========================================================= 4. MOVIL ========================================================= */ @media (max-width: 767.98px) { body.woocommerce-account .entry-title, body.woocommerce-account h1.entry-title, body.woocommerce-account .woocommerce-MyAccount-content > h2, body.woocommerce-account .woocommerce-MyAccount-content > h1 { margin-bottom: 22px !important; padding-bottom: 14px !important; font-size: 30px !important; letter-spacing: -.4px !important; } body.woocommerce-account .entry-title::after, body.woocommerce-account h1.entry-title::after, body.woocommerce-account .woocommerce-MyAccount-content > h2::after, body.woocommerce-account .woocommerce-MyAccount-content > h1::after { width: 68px; height: 4px; margin-top: 12px; } body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { font-size: 24px !important; padding-left: 15px !important; padding-bottom: 10px !important; } body.woocommerce-account .woocommerce-MyAccount-content h3::before, body.woocommerce-account .woocommerce-MyAccount-content h4::before, body.woocommerce-account .woocommerce-Address-title h3::before, body.woocommerce-account .woocommerce-address-fields h2::before, body.woocommerce-account .woocommerce-address-fields h3::before, body.woocommerce-account .edit-account fieldset legend::before { width: 5px; } } /* ========================================================= MI CUENTA - UNIFICAR COLOR DE TITULOS ========================================================= */ body.woocommerce-account .entry-title, body.woocommerce-account h1.entry-title, body.woocommerce-account .woocommerce-MyAccount-content > h1, body.woocommerce-account .woocommerce-MyAccount-content > h2, body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { color: #0067ad !important; } /* ========================================================= MI CUENTA - UNIFICAR COLOR DE TITULOS ========================================================= */ body.woocommerce-account .entry-title, body.woocommerce-account h1.entry-title, body.woocommerce-account .woocommerce-MyAccount-content > h1, body.woocommerce-account .woocommerce-MyAccount-content > h2, body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { color: #0067ad !important; } /* ========================================================= MI CUENTA - TITULOS LIMPIOS SOLO COLOR DE LETRA ========================================================= */ body.woocommerce-account .entry-title, body.woocommerce-account h1.entry-title, body.woocommerce-account .woocommerce-MyAccount-content > h1, body.woocommerce-account .woocommerce-MyAccount-content > h2, body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { color: #0067ad !important; border-bottom: none !important; padding-bottom: 0 !important; } /* Quitar líneas inferiores */ body.woocommerce-account .entry-title::after, body.woocommerce-account h1.entry-title::after, body.woocommerce-account .woocommerce-MyAccount-content > h1::after, body.woocommerce-account .woocommerce-MyAccount-content > h2::after, body.woocommerce-account .woocommerce-MyAccount-content h3::after, body.woocommerce-account .woocommerce-MyAccount-content h4::after, body.woocommerce-account .woocommerce-Address-title h2::after, body.woocommerce-account .woocommerce-Address-title h3::after, body.woocommerce-account .woocommerce-address-fields h2::after, body.woocommerce-account .woocommerce-address-fields h3::after, body.woocommerce-account .edit-account fieldset legend::after { display: none !important; content: none !important; } /* Quitar también barras verticales decorativas */ body.woocommerce-account .woocommerce-MyAccount-content h3::before, body.woocommerce-account .woocommerce-MyAccount-content h4::before, body.woocommerce-account .woocommerce-Address-title h2::before, body.woocommerce-account .woocommerce-Address-title h3::before, body.woocommerce-account .woocommerce-address-fields h2::before, body.woocommerce-account .woocommerce-address-fields h3::before, body.woocommerce-account .edit-account fieldset legend::before { display: none !important; content: none !important; } /* Quitar padding que pertenecía a la barra lateral */ body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content h4, body.woocommerce-account .woocommerce-Address-title h2, body.woocommerce-account .woocommerce-Address-title h3, body.woocommerce-account .woocommerce-address-fields h2, body.woocommerce-account .woocommerce-address-fields h3, body.woocommerce-account .edit-account fieldset legend { padding-left: 0 !important; } /* ========================================================= MI CUENTA - COLOR DEFINITIVO TITULOS PRINCIPALES ========================================================= */ html body.woocommerce-account .entry-header h1.entry-title, html body.woocommerce-account .entry-header .entry-title, html body.woocommerce-account.logged-in .entry-header h1.entry-title, html body.woocommerce-account.logged-in .entry-header .entry-title { color: #003EB2 !important; background: none !important; -webkit-text-fill-color: #003EB2 !important; } /* Mantener títulos internos exactamente iguales */ html body.woocommerce-account .woocommerce-MyAccount-content h2, html body.woocommerce-account .woocommerce-MyAccount-content h3, html body.woocommerce-account .woocommerce-address-fields h2, html body.woocommerce-account .woocommerce-address-fields h3 { color: #003EB2 !important; }