/* OSA Account — Mi cuenta */
.woocommerce-account{--osa-b:#e5e7eb;--osa-m:#6b7280;--osa-bg:#f8fafc;--osa-a:var(--primary-color,#d32f2f);--osa-r:10px}
.osa-acc{display:block}
.osa-acc>*+*{margin-top:28px}
.osa-acc-head h2{margin:0 0 4px;font-size:1.6em}
.osa-acc-sec h3{font-size:1.05em;margin:0 0 10px;text-transform:none;letter-spacing:0}
.osa-muted{color:var(--osa-m);font-size:.92em}
.osa-lead{font-size:1.05em;margin:0 0 16px;color:#374151}

/* tarjetas */
.osa-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.osa-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--osa-b);border-radius:var(--osa-r);background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.osa-card:hover{border-color:var(--osa-a);box-shadow:0 2px 10px rgba(11,95,255,.08)}
.osa-card strong{font-size:1.02em}
.osa-card span{color:var(--osa-m);font-size:.9em;line-height:1.35}

/* pedidos en curso */
.osa-ords{list-style:none;margin:0;padding:0;border:1px solid var(--osa-b);border-radius:var(--osa-r);overflow:hidden}
.osa-ord{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin:0;border-top:1px solid var(--osa-b);background:#fff}
.osa-ord:first-child{border-top:0}
.osa-ord-main{display:flex;flex-direction:column;gap:2px}
.osa-ord-num{font-weight:600}
.osa-ord-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* estado */
.osa-pill{--c:#6b7280;display:inline-block;padding:2px 10px;border-radius:999px;font-size:.82em;font-weight:600;line-height:1.6;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border:1px solid color-mix(in srgb,var(--c) 30%,#fff)}
.osa-trk{font-size:.9em;white-space:nowrap}

/* accesos rápidos */
.osa-quick{display:flex;flex-wrap:wrap;gap:8px}
.osa-chip{display:inline-block;padding:7px 14px;border:1px solid var(--osa-b);border-radius:999px;background:var(--osa-bg);color:inherit;text-decoration:none;font-size:.92em}
.osa-chip:hover{border-color:var(--osa-a);color:var(--osa-a)}

/* botones */
.osa-btn,.osa-btn-ghost{display:inline-block;padding:7px 14px;border-radius:6px;font-size:.9em;font-weight:600;text-decoration:none;line-height:1.4;white-space:nowrap}
.osa-btn{background:var(--osa-a);color:#fff;border:1px solid var(--osa-a)}
.osa-btn:hover{filter:brightness(1.08);color:#fff}
.osa-btn-ghost{background:#fff;color:inherit;border:1px solid var(--osa-b)}
.osa-btn-ghost:hover{border-color:var(--osa-a);color:var(--osa-a)}

/* barra del pedido */
.osa-ordbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:0 0 20px;border:1px solid var(--osa-b);border-radius:var(--osa-r);background:var(--osa-bg)}
.osa-ordbar-btns{display:flex;flex-wrap:wrap;gap:8px}

/* tablas (facturas) */
.osa-table{width:100%;border-collapse:collapse}
.osa-table th,.osa-table td{padding:10px 12px;border-bottom:1px solid var(--osa-b);text-align:left;vertical-align:middle}
.osa-table th{font-size:.85em;color:var(--osa-m);font-weight:600;text-transform:none;letter-spacing:0}
.osa-inv{font-variant-numeric:tabular-nums}

/* documentación */
.osa-docs{display:grid;gap:12px}
.osa-doc{display:flex;gap:14px;padding:14px;border:1px solid var(--osa-b);border-radius:var(--osa-r);background:#fff}
.osa-doc-img img{width:72px;height:72px;object-fit:contain;border-radius:6px;background:var(--osa-bg)}
.osa-doc-body{flex:1;min-width:0}
.osa-doc-body h3{margin:0 0 6px;font-size:1em}
.osa-doc-links{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.osa-doc-links li{margin:0}

/* vacío y paginación */
.osa-empty{padding:28px;text-align:center;border:1px dashed var(--osa-b);border-radius:var(--osa-r);color:var(--osa-m)}
.osa-empty .osa-btn{margin-top:10px}
.osa-pages{display:flex;justify-content:space-between;margin-top:14px}

/* tabla de pedidos de WooCommerce: «View» como botón y el resto como enlaces debajo */
.woocommerce-orders-table__cell-order-actions{text-align:right;white-space:normal;min-width:120px}
.woocommerce-orders-table__cell-order-actions .button{display:inline-block;margin:0;padding:6px 14px;font-size:.82em;line-height:1.4;min-height:0;white-space:nowrap}
.woocommerce-orders-table__cell-order-actions .button.view{display:table;margin:0 0 4px auto}
.woocommerce-orders-table__cell-order-actions .button:not(.view){background:none!important;border:0!important;box-shadow:none!important;color:var(--osa-a,#d32f2f)!important;padding:2px 0 2px 10px;text-transform:none;letter-spacing:0;font-weight:600}
.woocommerce-orders-table__cell-order-actions .button:not(.view):hover{text-decoration:underline}
.woocommerce-orders-table td,.woocommerce-orders-table th{vertical-align:middle}
.osa-inv{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.osa-dl{flex:none}

/* direcciones */
.osa-addr-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.osa-addr-head h2{margin:0;font-size:1.25em}
.osa-addrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:10px}
.osa-addr{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--osa-b);border-radius:var(--osa-r);background:#fff}
.osa-addr.is-default{border-color:#86c79a}
.osa-addr-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.osa-addr address{font-style:normal;line-height:1.5;margin:0;flex:1}
.osa-addr-act{display:flex;gap:14px;flex-wrap:wrap;font-size:.9em}
.osa-del{color:#b91c1c!important}
.osa-pick select{width:100%}

/* account details */
.osa-sec-box{margin-top:32px;border:1px solid var(--osa-b);border-radius:var(--osa-r);padding:6px 16px}
.osa-sec-box h3{margin:12px 0 4px}
.osa-sec-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--osa-b)}
.osa-sec-row:first-of-type{border-top:0}
.osa-sec-row>div{display:flex;flex-direction:column;gap:2px}
.osa-card-out strong{color:var(--osa-m)}

/* accesibilidad */
.osa-acc a:focus-visible,.osa-card:focus-visible,.osa-chip:focus-visible,.osa-btn:focus-visible,.osa-btn-ghost:focus-visible,
.woocommerce-MyAccount-navigation a:focus-visible{outline:2px solid var(--osa-a);outline-offset:2px}
.woocommerce-MyAccount-navigation li.is-active a{font-weight:600}

@media (max-width:600px){
	.woocommerce-orders-table__cell-order-actions .button.view{display:inline-block;margin:0}
	.osa-sec-row{flex-direction:column;align-items:flex-start}
	.osa-ord{flex-direction:column;align-items:flex-start}
	.osa-ord-side{justify-content:flex-start}
	.osa-cards{grid-template-columns:1fr 1fr}
	.osa-table thead{display:none}
	.osa-table tr{display:block;border-bottom:1px solid var(--osa-b);padding:8px 0}
	.osa-table td{display:flex;justify-content:space-between;border:0;padding:4px 0}
	.osa-table td::before{content:attr(data-title);color:var(--osa-m);font-size:.85em;margin-right:12px}
	.osa-doc{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.osa-card{transition:none}}

/* ---- 1.2: métodos de pago, Account details alineado y pestañas ---- */
		/* list of gateways on «Add payment method»: no bullets, each one a card */
		#add_payment_method #payment ul.payment_methods,
		.woocommerce-account ul.woocommerce-PaymentMethods { list-style: none; margin: 0 0 18px; padding: 0; }
		.woocommerce-account ul.woocommerce-PaymentMethods > li {
			border: 1px solid #e3e3e3; border-radius: 8px; padding: 14px 16px; margin: 0 0 10px; background: #fff;
		}
		.woocommerce-account ul.woocommerce-PaymentMethods > li > label { font-weight: 600; margin-left: 6px; }
		.woocommerce-account .payment_box { background: transparent !important; padding: 10px 0 0 !important; margin: 0 !important; }
		.woocommerce-account .payment_box::before { display: none !important; }
		.woocommerce-account .payment_box p { font-size: 13px; color: #666; }
		/* the button: normal width, aligned right */
		#add_payment_method #place_order,
		.woocommerce-account #add_payment_method .form-row button[type=submit] {
			width: auto !important; min-width: 240px; padding: 12px 28px; font-size: 15px; float: right; border-radius: 6px;
		}
		.osa-new-alias { max-width: 420px; clear: both; }
		.osa-new-alias input { width: 100%; }
		/* saved methods table */
		.woocommerce-MyAccount-paymentMethods { border: 1px solid #e3e3e3; border-radius: 8px; overflow: hidden; }
		.woocommerce-MyAccount-paymentMethods th { background: #f7f7f7; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
		.woocommerce-MyAccount-paymentMethods td, .woocommerce-MyAccount-paymentMethods th { padding: 12px 14px; vertical-align: middle; }
		.woocommerce-MyAccount-paymentMethods tr.default-payment-method td { background: #f7fbf8; }
		.osa-alias-form { display: flex; gap: 6px; margin: 0; }
		.osa-alias-form input[type=text] { margin: 0; min-width: 140px; height: 36px; }
		.osa-alias-form .button { margin: 0; height: 36px; line-height: 36px; padding: 0 12px; font-size: 12px; }
		.woocommerce-MyAccount-paymentMethods .button.delete { background: transparent; color: #c0392b; border: 1px solid #c0392b; }
		/* Account details: the «Profile» block (company, role, phone) without its own box, aligned with
		   First name / Email below and styled like the «Password change» heading */
		.woocommerce-EditAccountForm fieldset {
			border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important;
			padding: 0 !important; margin: 0 0 26px !important; min-width: 0;
		}
		.woocommerce-EditAccountForm fieldset legend {
			display: block; width: 100%; padding: 0 0 6px !important; margin: 0 0 14px !important; border: 0 !important;
			border-bottom: 1px solid #ececec !important; font-size: 1.1em; font-weight: 700; text-transform: uppercase;
		}
		.woocommerce-EditAccountForm fieldset > p:not(.form-row),
		.woocommerce-EditAccountForm fieldset .description { margin: -6px 0 0; font-size: 13px; color: #777; font-style: normal; }
		.woocommerce-EditAccountForm #account_display_name + span,
		.woocommerce-EditAccountForm #account_display_name ~ span em { font-size: 13px; color: #777; }
		@media (max-width: 849px) {
			#add_payment_method #place_order { float: none; width: 100% !important; }
			.osa-alias-form { flex-wrap: wrap; }
		}
		.woocommerce-MyAccount-content{transition:opacity .15s}
.woocommerce-MyAccount-content.osa-loading{opacity:.45;pointer-events:none}
.woocommerce-MyAccount-content:focus{outline:none}
.woocommerce-EditAccountForm fieldset{margin-top:26px!important}
.woocommerce-EditAccountForm fieldset:first-child{margin-top:0!important}
.osa-sec-box{border:0;padding:0;margin-top:34px}
.osa-sec-box h3{font-size:1.1em;font-weight:700;text-transform:uppercase;margin:0 0 4px;padding:0 0 6px;border-bottom:1px solid #ececec}
.osa-sec-row:first-of-type{border-top:0}

/* ---- 1.2.1: Addresses en dos columnas y más aire en todo el área ---- */
.woocommerce-account .osa-lead{margin:0 0 32px!important;line-height:1.55}
.osa-addr-cols{display:grid;grid-template-columns:1fr;gap:44px}
@media (min-width:850px){.osa-addr-cols{grid-template-columns:1fr 1fr;gap:40px}}
.osa-addr-sec{margin:0!important;min-width:0}
.osa-addr-head{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:0 0 12px!important;padding:0 0 12px;border-bottom:1px solid #ececec}
.osa-addr-head h2{margin:0!important;width:auto!important;font-size:1.25em;line-height:1.3}
.osa-addr-head .osa-btn-ghost{padding:7px 14px;font-size:.88em}
.osa-addr-sec>.osa-muted{margin:0 0 18px!important;line-height:1.5;font-size:14px!important;min-height:3em}
.osa-addrs{grid-template-columns:1fr!important;gap:16px!important;margin-top:18px!important}
.osa-addr{padding:20px 22px!important;gap:12px!important}
.osa-addr-top{margin:0 0 4px}
.osa-addr address{line-height:1.65!important}
.osa-addr-act{margin-top:6px;padding-top:12px;border-top:1px solid #f0f0f0;gap:18px!important}
.osa-acc>*+*{margin-top:40px!important}
.osa-acc-sec h3{margin:0 0 16px!important}
.osa-acc-head h2{margin:0 0 8px!important}
.osa-cards{gap:16px!important}
.osa-card{padding:20px 22px!important;gap:6px!important}
.osa-quick{gap:10px!important}
.osa-ordbar{padding:18px 20px!important;margin:0 0 28px!important;gap:16px!important}
.osa-doc{padding:18px!important;gap:18px!important}
.osa-docs{gap:16px!important}
.osa-sec-row{padding:16px 0!important}
.osa-empty{padding:32px 24px!important}
.osa-empty p{margin:0 0 14px}

/* ---- 1.3: pestañas internas (Account details) y «Show more» ---- */
.osa-subtabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 28px;border-bottom:1px solid #e5e5e5}
.osa-subtab{appearance:none;background:none!important;border:0!important;border-bottom:2px solid transparent!important;margin:0 0 -1px!important;padding:10px 14px!important;font-size:.92em!important;font-weight:600;color:#666!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:none!important;min-height:0!important;line-height:1.4!important;border-radius:0!important}
.osa-subtab:hover{color:#222!important}
.osa-subtab[aria-selected=true]{color:#111!important;border-bottom-color:var(--osa-a)!important}
.osa-subtab:focus-visible{outline:2px solid var(--osa-a);outline-offset:-2px}
.osa-has-subtabs .woocommerce-EditAccountForm fieldset legend,.osa-has-subtabs .osa-sec-box>h3{display:none!important}
.osa-has-subtabs .woocommerce-EditAccountForm fieldset{margin-top:0!important}
.osa-has-subtabs .osa-sec-box{margin-top:0}
.osa-subpanel[hidden],[data-osa-page]>[hidden]{display:none!important}
.osa-subpanel{animation:osaFade .15s ease}
@keyframes osaFade{from{opacity:.4}to{opacity:1}}
.osa-more{display:block;margin:16px auto 0;padding:8px 18px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.osa-subpanel{animation:none}}
@media (max-width:600px){.osa-subtabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.osa-subtab{white-space:nowrap}}

/* ---- 1.3.1: caja de tamaño fijo (ordenador) ---- */
@media (min-width:850px){
	.woocommerce-MyAccount-content.osa-fixed{overflow-y:auto;overscroll-behavior:contain;padding-right:14px;scrollbar-width:thin;scrollbar-color:#cfcfcf transparent;scrollbar-gutter:stable}
	.woocommerce-MyAccount-content.osa-fixed::-webkit-scrollbar{width:8px}
	.woocommerce-MyAccount-content.osa-fixed::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:8px}
	.osa-fixed .osa-subtabs{position:sticky;top:0;z-index:2;background:#fff;padding-top:2px}
}
/* misma altura ya antes de que cargue el JavaScript: sin salto al abrir la página */
@media (min-width:850px){.woocommerce-account.logged-in .woocommerce-MyAccount-content{height:680px;overflow-y:auto}}
