/* ============================================================================
   Tramite Legal — Panel de usuario "Mi cuenta"
   Sistema de diseño flat, premium, sin sombras. Tipografía Roboto.
   Encapsulado bajo .woocommerce-account (no afecta al resto del sitio).
   Índice: 1 Fuentes · 2 Tokens · 3 Layout · 4 Navegación · 5 Cabeceras
           6 Botones · 7 Badges · 8 Tablas · 9 Formularios · 10 Mensajes
           11 Estados vacíos · 12 Dashboard/Suscripciones · 13 Responsive
           14 Accesibilidad
   ========================================================================== */

/* 1 · FUENTES ------------------------------------------------------------- */
/* Roboto la sirve Betheme desde Google Fonts (opción "betheme" → font-*).
   No se declara @font-face aquí para no duplicar la descarga. */

/* 2 · TOKENS -------------------------------------------------------------- */
.woocommerce-account{
	--account-ink:#14283f;
	--account-ink-soft:#33475c;
	--account-accent:#f28a2b;
	--account-accent-hover:#dd7419;
	--account-bg:#ffffff;
	--account-bg-soft:#f8f7f3;
	--account-bg-muted:#f2f0eb;
	--account-border:#e5e2da;
	--account-border-strong:#d6d1c7;
	--account-text:#172536;
	--account-muted:#68727d;
	--account-success:#247a58;
	--account-success-bg:#e7f2ec;
	--account-warning:#a56513;
	--account-warning-bg:#fbeed6;
	--account-danger:#b74444;
	--account-danger-bg:#f6e7e5;
	--account-info-bg:#e9eef5;
	--account-radius-sm:8px;
	--account-radius-md:12px;
	--account-radius-lg:16px;
	--account-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
	--account-shell-max:1300px;
	--account-side-w:270px;
	--account-gap:40px;
	--account-ease:cubic-bezier(.33,0,.2,1);
}

/* Tipografía base del panel */
.woocommerce-account .account-shell,
.woocommerce-account .account-shell *{
	font-family:var(--account-font);
	-webkit-font-smoothing:antialiased;
}
.woocommerce-account .account-shell{color:var(--account-text);font-size:15px;line-height:1.55}

/* 3 · LAYOUT (shell) ------------------------------------------------------ */
.woocommerce-account .account-shell{
	display:grid;
	grid-template-columns:var(--account-side-w) minmax(0,1fr);
	gap:var(--account-gap);
	max-width:var(--account-shell-max);
	margin:0 auto;
	padding:8px clamp(16px,4vw,32px) 72px;
	align-items:start;
	min-height:60vh;
}
.woocommerce-account .account-sidebar{position:sticky;top:24px}
.woocommerce-account .account-main{min-width:0}
/* Neutralizar restos de layout float/tabla del tema en el contenido */
.woocommerce-account .account-main .woocommerce-MyAccount-content{width:auto;float:none;margin:0}

/* 4 · NAVEGACIÓN LATERAL -------------------------------------------------- */
/* Anular el ancho/float que Betheme impone al <nav> de la cuenta. */
.woocommerce-account .account-sidebar .woocommerce-MyAccount-navigation{
	width:100%;max-width:none;float:none;margin:0;padding:0;border:0;background:transparent;
}
.woocommerce-account .account-sidebar .woocommerce-MyAccount-navigation-list,
.woocommerce-account .account-sidebar ul{
	list-style:none;margin:0;padding:8px;
	background:var(--account-bg-soft);
	border:1px solid var(--account-border);
	border-radius:var(--account-radius-lg);
	display:flex;flex-direction:column;gap:2px;
}
.woocommerce-account .account-sidebar li{margin:0;padding:0;border:0;list-style:none}
.woocommerce-account .account-sidebar li a{
	display:flex;align-items:center;gap:12px;
	min-height:44px;padding:10px 14px;border-radius:10px;
	position:relative;
	color:var(--account-ink-soft);font-size:15px;font-weight:500;text-decoration:none;
	transition:background .18s var(--account-ease),color .18s var(--account-ease);
}
.woocommerce-account .account-sidebar li a:hover{background:var(--account-bg-muted);color:var(--account-ink)}
.woocommerce-account .account-sidebar li.is-active a{
	background:var(--account-bg-muted);color:var(--account-ink);font-weight:700;
}
/* Indicador vertical naranja en activo */
.woocommerce-account .account-sidebar li.is-active a::after{
	content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);
	width:3px;height:20px;border-radius:2px;background:var(--account-accent);
}
/* Iconos Lucide (mask) */
.woocommerce-account .account-sidebar li a::before{
	content:"";flex:0 0 19px;width:19px;height:19px;
	background-color:currentColor;
	-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
	mask-repeat:no-repeat;mask-position:center;mask-size:contain;
	transition:background-color .18s var(--account-ease);
}
.woocommerce-account .account-sidebar li.is-active a::before{background-color:var(--account-accent)}
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nOScgeD0nMycgeT0nMycgcng9JzEnLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PSc1JyB4PScxNCcgeT0nMycgcng9JzEnLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PSc5JyB4PScxNCcgeT0nMTInIHJ4PScxJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nNScgeD0nMycgeT0nMTYnIHJ4PScxJy8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nOScgeD0nMycgeT0nMycgcng9JzEnLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PSc1JyB4PScxNCcgeT0nMycgcng9JzEnLz48cmVjdCB3aWR0aD0nNycgaGVpZ2h0PSc5JyB4PScxNCcgeT0nMTInIHJ4PScxJy8+PHJlY3Qgd2lkdGg9JzcnIGhlaWdodD0nNScgeD0nMycgeT0nMTYnIHJ4PScxJy8+PC9zdmc+")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nbTcuNSA0LjI3IDkgNS4xNScvPjxwYXRoIGQ9J00yMSA4YTIgMiAwIDAgMC0xLTEuNzNsLTctNGEyIDIgMCAwIDAtMiAwbC03IDRBMiAyIDAgMCAwIDMgOHY4YTIgMiAwIDAgMCAxIDEuNzNsNyA0YTIgMiAwIDAgMCAyIDBsNy00QTIgMiAwIDAgMCAyMSAxNlonLz48cGF0aCBkPSdtMy4zIDcgOC43IDUgOC43LTUnLz48cGF0aCBkPSdNMTIgMjJWMTInLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nbTcuNSA0LjI3IDkgNS4xNScvPjxwYXRoIGQ9J00yMSA4YTIgMiAwIDAgMC0xLTEuNzNsLTctNGEyIDIgMCAwIDAtMiAwbC03IDRBMiAyIDAgMCAwIDMgOHY4YTIgMiAwIDAgMCAxIDEuNzNsNyA0YTIgMiAwIDAgMCAyIDBsNy00QTIgMiAwIDAgMCAyMSAxNlonLz48cGF0aCBkPSdtMy4zIDcgOC43IDUgOC43LTUnLz48cGF0aCBkPSdNMTIgMjJWMTInLz48L3N2Zz4=")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIxIDE1djRhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJ2LTQnLz48cG9seWxpbmUgcG9pbnRzPSc3IDEwIDEyIDE1IDE3IDEwJy8+PGxpbmUgeDE9JzEyJyB4Mj0nMTInIHkxPScxNScgeTI9JzMnLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIxIDE1djRhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJ2LTQnLz48cG9seWxpbmUgcG9pbnRzPSc3IDEwIDEyIDE1IDE3IDEwJy8+PGxpbmUgeDE9JzEyJyB4Mj0nMTInIHkxPScxNScgeTI9JzMnLz48L3N2Zz4=")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIwIDEwYzAgNi04IDEyLTggMTJzLTgtNi04LTEyYTggOCAwIDAgMSAxNiAwWicvPjxjaXJjbGUgY3g9JzEyJyBjeT0nMTAnIHI9JzMnLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTIwIDEwYzAgNi04IDEyLTggMTJzLTgtNi04LTEyYTggOCAwIDAgMSAxNiAwWicvPjxjaXJjbGUgY3g9JzEyJyBjeT0nMTAnIHI9JzMnLz48L3N2Zz4=")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTE5IDIxdi0yYTQgNCAwIDAgMC00LTRIOWE0IDQgMCAwIDAtNCA0djInLz48Y2lyY2xlIGN4PScxMicgY3k9JzcnIHI9JzQnLz48L3N2Zz4=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTE5IDIxdi0yYTQgNCAwIDAgMC00LTRIOWE0IDQgMCAwIDAtNCA0djInLz48Y2lyY2xlIGN4PScxMicgY3k9JzcnIHI9JzQnLz48L3N2Zz4=")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHJlY3Qgd2lkdGg9JzIwJyBoZWlnaHQ9JzE0JyB4PScyJyB5PSc1JyByeD0nMicvPjxsaW5lIHgxPScyJyB4Mj0nMjInIHkxPScxMCcgeTI9JzEwJy8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHJlY3Qgd2lkdGg9JzIwJyBoZWlnaHQ9JzE0JyB4PScyJyB5PSc1JyByeD0nMicvPjxsaW5lIHgxPScyJyB4Mj0nMjInIHkxPScxMCcgeTI9JzEwJy8+PC9zdmc+")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--wps_subscriptions a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMTJhOSA5IDAgMCAxIDktOSA5Ljc1IDkuNzUgMCAwIDEgNi43NCAyLjc0TDIxIDgnLz48cGF0aCBkPSdNMjEgM3Y1aC01Jy8+PHBhdGggZD0nTTIxIDEyYTkgOSAwIDAgMS05IDkgOS43NSA5Ljc1IDAgMCAxLTYuNzQtMi43NEwzIDE2Jy8+PHBhdGggZD0nTTggMTZIM3Y1Jy8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTMgMTJhOSA5IDAgMCAxIDktOSA5Ljc1IDkuNzUgMCAwIDEgNi43NCAyLjc0TDIxIDgnLz48cGF0aCBkPSdNMjEgM3Y1aC01Jy8+PHBhdGggZD0nTTIxIDEyYTkgOSAwIDAgMS05IDkgOS43NSA5Ljc1IDAgMCAxLTYuNzQtMi43NEwzIDE2Jy8+PHBhdGggZD0nTTggMTZIM3Y1Jy8+PC9zdmc+")}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTkgMjFINWEyIDIgMCAwIDEtMi0yVjVhMiAyIDAgMCAxIDItMmg0Jy8+PHBvbHlsaW5lIHBvaW50cz0nMTYgMTcgMjEgMTIgMTYgNycvPjxsaW5lIHgxPScyMScgeDI9JzknIHkxPScxMicgeTI9JzEyJy8+PC9zdmc+");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggZD0nTTkgMjFINWEyIDIgMCAwIDEtMi0yVjVhMiAyIDAgMCAxIDItMmg0Jy8+PHBvbHlsaW5lIHBvaW50cz0nMTYgMTcgMjEgMTIgMTYgNycvPjxsaW5lIHgxPScyMScgeDI9JzknIHkxPScxMicgeTI9JzEyJy8+PC9zdmc+")}

/* "Salir" separado del resto */
.woocommerce-account .account-sidebar li.woocommerce-MyAccount-navigation-link--customer-logout{
	margin-top:8px;padding-top:8px;border-top:1px solid var(--account-border);
}
.woocommerce-account .account-sidebar li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--account-muted);font-weight:500}
.woocommerce-account .account-sidebar li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:var(--account-danger-bg);color:var(--account-danger)}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover::before{background-color:var(--account-danger)}

/* 5 · CABECERA DE PÁGINA -------------------------------------------------- */
.woocommerce-account .account-page-header{
	margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--account-border);
}
.woocommerce-account .account-page-eyebrow{
	display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
	color:var(--account-accent);margin:0 0 8px;
}
.woocommerce-account .account-page-header h1{
	margin:0;font-size:clamp(26px,3.4vw,34px);line-height:1.15;font-weight:700;color:var(--account-ink);
}
.woocommerce-account .account-page-description{
	margin:10px 0 0;max-width:60ch;font-size:16px;line-height:1.5;color:var(--account-muted);font-weight:400;
}
.woocommerce-account .account-page-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}

/* 6 · BOTONES ------------------------------------------------------------- */
.woocommerce-account .account-main .button,
.woocommerce-account .account-main button[type="submit"],
.woocommerce-account .account-main .woocommerce-Button,
.woocommerce-account .wh-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	min-height:44px;padding:11px 20px;border-radius:var(--account-radius-sm);
	background:var(--account-ink);border:1px solid var(--account-ink);color:#fff;
	font-family:var(--account-font);font-size:15px;font-weight:700;line-height:1;text-decoration:none;
	cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;
	transition:background .18s var(--account-ease),border-color .18s var(--account-ease),color .18s var(--account-ease);
}
.woocommerce-account .account-main .button:hover,
.woocommerce-account .account-main button[type="submit"]:hover,
.woocommerce-account .wh-btn:hover{background:#1f3a5c;border-color:#1f3a5c;color:#fff}
.woocommerce-account .wh-btn--secondary,
.woocommerce-account .account-main .button.wh-btn--secondary{
	background:var(--account-bg);color:var(--account-ink);border-color:var(--account-border-strong);
}
.woocommerce-account .wh-btn--secondary:hover{background:var(--account-bg-muted);color:var(--account-ink);border-color:var(--account-ink)}
.woocommerce-account .wh-btn--ghost,
.woocommerce-account .account-main .button.wh-btn--ghost{background:transparent;border-color:transparent;color:var(--account-accent-hover)}
.woocommerce-account .wh-btn--ghost:hover,
.woocommerce-account .account-main .button.wh-btn--ghost:hover{background:var(--account-bg-muted);color:var(--account-accent-hover)}
.woocommerce-account .wh-btn--danger,
.woocommerce-account .account-main .button.wh-btn--danger{background:transparent;border-color:var(--account-danger);color:var(--account-danger)}
.woocommerce-account .wh-btn--danger:hover,
.woocommerce-account .account-main .button.wh-btn--danger:hover{background:var(--account-danger);color:#fff}
/* Botón "Ver detalles" con flecha */
.woocommerce-account .wh-btn--view,
.woocommerce-account .account-main .button.wh-btn--view{
	background:var(--account-bg);color:var(--account-ink);border-color:var(--account-border-strong);
	font-weight:600;padding:9px 16px;min-height:40px;
}
.woocommerce-account .wh-btn--view:hover,
.woocommerce-account .account-main .button.wh-btn--view:hover{background:var(--account-bg-muted);border-color:var(--account-ink);color:var(--account-ink)}
.woocommerce-account .wh-btn--view .wh-arrow{transition:transform .18s var(--account-ease)}
.woocommerce-account .wh-btn--view:hover .wh-arrow{transform:translateX(3px)}

/* 7 · BADGES DE ESTADO ---------------------------------------------------- */
.woocommerce-account .wh-badge{
	display:inline-flex;align-items:center;gap:6px;
	padding:4px 11px;border-radius:999px;
	font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;
	background:var(--account-bg-muted);color:var(--account-ink-soft);
}
.woocommerce-account .wh-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}
.woocommerce-account .wh-badge--active,
.woocommerce-account .wh-badge--completed{background:var(--account-success-bg);color:var(--account-success)}
.woocommerce-account .wh-badge--pending,
.woocommerce-account .wh-badge--processing,
.woocommerce-account .wh-badge--on-hold,
.woocommerce-account .wh-badge--paused{background:var(--account-warning-bg);color:var(--account-warning)}
.woocommerce-account .wh-badge--cancelled,
.woocommerce-account .wh-badge--failed,
.woocommerce-account .wh-badge--expired{background:var(--account-danger-bg);color:var(--account-danger)}

/* 8 · TABLAS -------------------------------------------------------------- */
.woocommerce-account .account-main .woocommerce-orders-table,
.woocommerce-account .account-main table.shop_table,
.woocommerce-account .wps_sfw_account_wrap table{
	width:100%;margin:0;border-collapse:separate;border-spacing:0;
	border:1px solid var(--account-border);border-radius:var(--account-radius-md);overflow:hidden;
	background:var(--account-bg);box-shadow:none;
}
.woocommerce-account .account-main table.shop_table thead th,
.woocommerce-account .wps_sfw_account_wrap thead th{
	background:var(--account-bg-soft);
	padding:14px 16px;text-align:left;border:0;border-bottom:1px solid var(--account-border);
	font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--account-muted);
}
.woocommerce-account .account-main table.shop_table tbody td,
.woocommerce-account .wps_sfw_account_wrap tbody td{
	padding:16px;border:0;border-bottom:1px solid var(--account-border);
	font-size:15px;color:var(--account-text);vertical-align:middle;background:transparent;
}
.woocommerce-account .account-main table.shop_table tbody tr:last-child td,
.woocommerce-account .wps_sfw_account_wrap tbody tr:last-child td{border-bottom:0}
.woocommerce-account .account-main table.shop_table tbody tr:hover td,
.woocommerce-account .wps_sfw_account_wrap tbody tr:hover td{background:var(--account-bg-soft)}
.woocommerce-account .account-main table.shop_table td a,
.woocommerce-account .wps_sfw_account_wrap td a:not(.button):not(.wh-btn){color:var(--account-accent-hover);font-weight:600;text-decoration:none}
.woocommerce-account .account-main table.shop_table td a:not(.button):hover{color:var(--account-ink)}
.woocommerce-account .account-main table.shop_table .woocommerce-orders-table__cell-order-total,
.woocommerce-account .account-main table.shop_table td[data-title="Total"]{font-weight:600}

/* 9 · FORMULARIOS --------------------------------------------------------- */
.woocommerce-account .account-main .woocommerce-form-row label,
.woocommerce-account .account-main form .form-row label,
.woocommerce-account .account-main .woocommerce-EditAccountForm label{
	display:block;margin:0 0 7px;font-size:14px;font-weight:600;color:var(--account-ink);
}
.woocommerce-account .account-main form .form-row{margin:0 0 20px}
.woocommerce-account .account-main input[type="text"],
.woocommerce-account .account-main input[type="email"],
.woocommerce-account .account-main input[type="tel"],
.woocommerce-account .account-main input[type="password"],
.woocommerce-account .account-main input[type="number"],
.woocommerce-account .account-main select,
.woocommerce-account .account-main .select2-selection,
.woocommerce-account .account-main textarea{
	width:100%;min-height:48px;padding:12px 14px;
	background:var(--account-bg);border:1px solid var(--account-border-strong);border-radius:var(--account-radius-sm);
	font-family:var(--account-font);font-size:15px;color:var(--account-text);box-shadow:none;
	transition:border-color .18s var(--account-ease);
}
.woocommerce-account .account-main textarea{min-height:120px;resize:vertical;line-height:1.5}
.woocommerce-account .account-main input:focus,
.woocommerce-account .account-main select:focus,
.woocommerce-account .account-main textarea:focus{
	outline:none;border-color:var(--account-accent);
}
.woocommerce-account .account-main input::placeholder,
.woocommerce-account .account-main textarea::placeholder{color:var(--account-muted);opacity:1}
.woocommerce-account .account-main .required{color:var(--account-danger);text-decoration:none}
.woocommerce-account .account-main fieldset{border:1px solid var(--account-border);border-radius:var(--account-radius-md);padding:20px 22px;margin:26px 0}
.woocommerce-account .account-main fieldset legend{padding:0 8px;font-size:16px;font-weight:700;color:var(--account-ink)}
.woocommerce-account .account-main .woocommerce-EditAccountForm .clear{clear:both}

/* Panel contenedor por defecto para formularios/detalle */
.woocommerce-account .wh-panel{
	background:var(--account-bg);border:1px solid var(--account-border);border-radius:var(--account-radius-md);
	padding:clamp(20px,3vw,28px);
}

/* 10 · MENSAJES / AVISOS -------------------------------------------------- */
.woocommerce-account .account-main .woocommerce-message,
.woocommerce-account .account-main .woocommerce-info,
.woocommerce-account .account-main .woocommerce-error,
.woocommerce-account .account-main .woocommerce-notice{
	display:flex;align-items:flex-start;gap:12px;
	margin:0 0 24px;padding:14px 16px 14px 16px;
	border:1px solid var(--account-border);border-left:4px solid var(--account-ink-soft);
	border-radius:var(--account-radius-sm);background:var(--account-bg-soft);
	color:var(--account-text);font-size:15px;line-height:1.5;list-style:none;box-shadow:none;
}
.woocommerce-account .account-main .woocommerce-message::before,
.woocommerce-account .account-main .woocommerce-info::before,
.woocommerce-account .account-main .woocommerce-error::before{
	content:"";flex:0 0 20px;width:20px;height:20px;margin-top:1px;background-color:currentColor;
	-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;
	mask-repeat:no-repeat;mask-position:center;mask-size:contain;
}
.woocommerce-account .account-main .woocommerce-message{border-left-color:var(--account-success);background:var(--account-success-bg)}
.woocommerce-account .account-main .woocommerce-message::before{background-color:var(--account-success);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}
.woocommerce-account .account-main .woocommerce-info{border-left-color:var(--account-accent);background:var(--account-bg-soft)}
.woocommerce-account .account-main .woocommerce-info::before{background-color:var(--account-accent);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4M12 8h.01'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4M12 8h.01'/></svg>")}
.woocommerce-account .account-main .woocommerce-error{border-left-color:var(--account-danger);background:var(--account-danger-bg)}
.woocommerce-account .account-main .woocommerce-error::before{background-color:var(--account-danger);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6M9 9l6 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6M9 9l6 6'/></svg>")}
.woocommerce-account .account-main .woocommerce-message .button,
.woocommerce-account .account-main .woocommerce-info .button{margin-left:auto}

/* 11 · ESTADOS VACÍOS ----------------------------------------------------- */
.woocommerce-account .wh-empty{
	text-align:center;padding:48px 28px;
	background:var(--account-bg-soft);border:1px solid var(--account-border);border-radius:var(--account-radius-md);
}
.woocommerce-account .wh-empty__icon{
	width:52px;height:52px;margin:0 auto 16px;border-radius:14px;
	display:flex;align-items:center;justify-content:center;
	background:var(--account-bg);border:1px solid var(--account-border);color:var(--account-accent);
}
.woocommerce-account .wh-empty__icon svg{width:24px;height:24px}
.woocommerce-account .wh-empty h2,.woocommerce-account .wh-empty h3{margin:0 0 6px;font-size:19px;font-weight:700;color:var(--account-ink)}
.woocommerce-account .wh-empty p{margin:0 auto 20px;max-width:44ch;color:var(--account-muted);font-size:15px}

/* 12 · DASHBOARD ---------------------------------------------------------- */
.woocommerce-account .wh-dash-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 8px}
.woocommerce-account .wh-dash-card{
	display:flex;align-items:center;gap:14px;padding:18px;
	background:var(--account-bg);border:1px solid var(--account-border);border-radius:var(--account-radius-md);
	text-decoration:none;color:var(--account-text);
	transition:border-color .18s var(--account-ease),background .18s var(--account-ease);
}
.woocommerce-account .wh-dash-card:hover{background:var(--account-bg-soft);border-color:var(--account-border-strong)}
.woocommerce-account .wh-dash-card__icon{
	flex:0 0 44px;width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
	background:var(--account-bg-muted);color:var(--account-ink);transition:background .18s var(--account-ease),color .18s var(--account-ease);
}
.woocommerce-account .wh-dash-card:hover .wh-dash-card__icon{background:var(--account-accent);color:#fff}
.woocommerce-account .wh-dash-card__icon svg{width:21px;height:21px}
.woocommerce-account .wh-dash-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.woocommerce-account .wh-dash-card__title{font-size:15px;font-weight:700;color:var(--account-ink)}
.woocommerce-account .wh-dash-card__sub{font-size:13px;color:var(--account-muted)}
.woocommerce-account .wh-dash-card__arrow{margin-left:auto;color:var(--account-border-strong);transition:color .18s var(--account-ease),transform .18s var(--account-ease)}
.woocommerce-account .wh-dash-card:hover .wh-dash-card__arrow{color:var(--account-accent);transform:translateX(3px)}

/* Bloques resumen (último pedido / suscripción) */
.woocommerce-account .wh-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.woocommerce-account .wh-summary{
	background:var(--account-bg);border:1px solid var(--account-border);border-radius:var(--account-radius-md);padding:20px 22px;
}
.woocommerce-account .wh-summary__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.woocommerce-account .wh-summary__head h3{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--account-muted)}
.woocommerce-account .wh-summary__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--account-border);font-size:14.5px}
.woocommerce-account .wh-summary__row:last-of-type{border-bottom:0}
.woocommerce-account .wh-summary__row .lbl{color:var(--account-muted)}
.woocommerce-account .wh-summary__row .val{color:var(--account-ink);font-weight:600;text-align:right}
.woocommerce-account .wh-summary__foot{margin-top:16px}

/* 12b · DETALLE DE SUSCRIPCIÓN (definición) */
.woocommerce-account .wh-deflist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--account-border);border:1px solid var(--account-border);border-radius:var(--account-radius-md);overflow:hidden}
.woocommerce-account .wh-deflist>div{background:var(--account-bg);padding:16px 18px}
.woocommerce-account .wh-deflist dt{margin:0 0 4px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--account-muted)}
.woocommerce-account .wh-deflist dd{margin:0;font-size:16px;font-weight:600;color:var(--account-ink)}

/* 12c · DETALLE DE SUSCRIPCIÓN */
.woocommerce-account .wh-sub-detail{display:flex;flex-direction:column;gap:20px}
.woocommerce-account .wh-back{
	display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
	color:var(--account-ink-soft);font-weight:600;font-size:14px;text-decoration:none;
}
.woocommerce-account .wh-back:hover{color:var(--account-accent-hover)}
.woocommerce-account .wh-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.woocommerce-account .wh-panel__head h2{margin:0;font-size:20px;font-weight:700;color:var(--account-ink)}
.woocommerce-account .wh-sub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.woocommerce-account .wh-panel .wh-totals{border:0;border-radius:0;background:transparent;margin-top:2px}
.woocommerce-account .wh-panel .wh-totals td{padding:12px 0;border-bottom:1px solid var(--account-border)}
.woocommerce-account .wh-panel .wh-totals tr:last-child td{border-bottom:0}
.woocommerce-account .wh-panel .wh-totals td:last-child{text-align:right;white-space:nowrap}
.woocommerce-account .wh-panel .wh-totals .wh-totals__grand td{border-top:2px solid var(--account-border-strong);padding-top:14px;font-size:17px}
.woocommerce-account .wh-panel .wh-totals tr:hover td{background:transparent}

/* 13 · RESPONSIVE --------------------------------------------------------- */
@media (max-width:1024px){
	.woocommerce-account{--account-side-w:230px;--account-gap:28px}
}
@media (max-width:860px){
	.woocommerce-account .account-shell{grid-template-columns:1fr;gap:24px}
	.woocommerce-account .account-sidebar{position:static;top:auto}
	/* Nav lateral → fila de pills que envuelve (sin scroll horizontal) */
	.woocommerce-account .account-sidebar ul{flex-direction:row;flex-wrap:wrap;gap:8px;border-radius:var(--account-radius-md);padding:10px}
	.woocommerce-account .account-sidebar li a{min-height:40px;padding:9px 13px}
	.woocommerce-account .account-sidebar li.is-active a::after{display:none}
	.woocommerce-account .account-sidebar li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:0;padding-top:0;border-top:0;margin-left:auto}
	.woocommerce-account .wh-dash-grid{grid-template-columns:1fr}
	.woocommerce-account .wh-deflist{grid-template-columns:1fr}
}
@media (max-width:560px){
	.woocommerce-account .wh-dash-cards{grid-template-columns:1fr}
	.woocommerce-account .account-page-header h1{font-size:26px}
	/* Tablas → tarjetas por fila */
	.woocommerce-account .account-main table.shop_table,
	.woocommerce-account .wps_sfw_account_wrap table{border:0;border-radius:0;overflow:visible;background:transparent}
	.woocommerce-account .account-main table.shop_table thead,
	.woocommerce-account .wps_sfw_account_wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.woocommerce-account .account-main table.shop_table tr,
	.woocommerce-account .wps_sfw_account_wrap tbody tr{
		display:block;background:var(--account-bg);border:1px solid var(--account-border);border-radius:var(--account-radius-md);
		margin:0 0 14px;padding:6px 4px;
	}
	.woocommerce-account .account-main table.shop_table td,
	.woocommerce-account .wps_sfw_account_wrap tbody td{
		display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:right;
		padding:11px 16px;border-bottom:1px solid var(--account-border)!important;
	}
	.woocommerce-account .account-main table.shop_table tr td:last-child,
	.woocommerce-account .wps_sfw_account_wrap tbody tr td:last-child{border-bottom:0!important}
	.woocommerce-account .account-main table.shop_table td::before,
	.woocommerce-account .wps_sfw_account_wrap tbody td[data-label]::before{
		font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--account-muted);
		text-align:left;flex:0 0 auto;
	}
	/* WooCommerce usa data-title; las tablas de suscripciones, data-label */
	.woocommerce-account .account-main table.shop_table td::before{content:attr(data-title)!important}
	.woocommerce-account .wps_sfw_account_wrap tbody td[data-label]::before{content:attr(data-label)!important}
	/* Ocultar etiqueta en la celda de acciones (el botón ya es autoexplicativo) */
	.woocommerce-account .account-main table.shop_table td.woocommerce-orders-table__cell-order-actions::before{display:none}
	.woocommerce-account .account-main table.shop_table td .button,
	.woocommerce-account .wps_sfw_account_wrap tbody td .wh-btn{width:100%;justify-content:center}
	.woocommerce-account .account-main table.shop_table td.actions,
	.woocommerce-account .wps_sfw_account_wrap tbody td:last-child{justify-content:stretch}
}

/* Utilidades */
.woocommerce-account .wh-muted{color:var(--account-muted);font-weight:400}
.woocommerce-account .wh-listbar{margin:0 0 20px;color:var(--account-muted);font-size:15px}
.woocommerce-account .wh-listbar strong{color:var(--account-ink);font-weight:700}
.woocommerce-account .wps_sfw_pagination{display:flex;gap:10px;margin-top:22px}
.woocommerce-account .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 14 · ACCESIBILIDAD ------------------------------------------------------ */
.woocommerce-account .account-shell a:focus-visible,
.woocommerce-account .account-shell button:focus-visible,
.woocommerce-account .account-shell input:focus-visible,
.woocommerce-account .account-shell select:focus-visible,
.woocommerce-account .account-shell textarea:focus-visible{
	outline:2px solid var(--account-accent);outline-offset:2px;border-radius:var(--account-radius-sm);
}
@media (prefers-reduced-motion:reduce){
	.woocommerce-account .account-shell *{transition:none!important}
}