/* DE Expedientes — portal del cliente (hereda variables del tema). */
.dex-portal{
	--x-accent: var(--de-accent, #2E5C9E);
	--x-accent-deep: var(--de-accent-deep, #1E4478);
	--x-tint: var(--de-accent-tint, #E3EBF6);
	--x-line:#D8DFE9; --x-ink:#1F2530; --x-soft:#5A6578;
	max-width:720px; margin:0 auto; font-family:"Barlow",system-ui,sans-serif; color:var(--x-ink);
}
.dex-kicker{ text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; font-weight:700; color:var(--x-accent); }
.dex-head h2{ font-family:"Fraunces",Georgia,serif; font-size:1.9rem; margin:6px 0 20px; }

.dex-card{
	background:#fff; border:1px solid var(--x-line); border-radius:20px;
	padding:22px 24px; margin-bottom:16px;
}
.dex-card h3{ font-family:"Fraunces",Georgia,serif; font-size:1.2rem; margin:0 0 14px; }
.dex-empty p, .dex-muted{ color:var(--x-soft); margin:0; }

.dex-note{ border-left:3px solid var(--x-accent); background:var(--x-tint); border-radius:12px; padding:12px 16px; margin-bottom:10px; }
.dex-note-date{ font-size:.74rem; color:var(--x-soft); text-transform:uppercase; letter-spacing:.06em; }
.dex-note p{ margin:4px 0 0; line-height:1.55; }

.dex-product-row{ display:flex; gap:16px; align-items:center; margin-bottom:16px; }
.dex-product-row img{ width:84px; height:84px; object-fit:cover; border-radius:14px; }
.dex-product-info b{ display:block; font-size:1.05rem; }
.dex-price{ color:var(--x-accent-deep); font-weight:700; }
.dex-product-info p{ margin:6px 0 0; color:var(--x-soft); font-size:.9rem; line-height:1.5; }

.dex-btn{
	display:block; text-align:center; background:var(--x-accent-deep); color:#fff !important;
	border-radius:999px; padding:14px; font-weight:600; text-decoration:none; transition:background .2s;
}
.dex-btn:hover{ background:var(--x-accent); }

.dex-order{ border:1px solid var(--x-line); border-radius:14px; padding:14px 16px; margin-bottom:10px; }
.dex-order-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.dex-order-total{ margin-left:auto; font-weight:700; }
.dex-status{ font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:999px; padding:3px 10px; background:#EDF1F6; color:var(--x-soft); }
.dex-status-completed{ background:#DFF3E6; color:#136C34; }
.dex-status-processing{ background:var(--x-tint); color:var(--x-accent-deep); }
.dex-tracking{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px dashed var(--x-line); font-size:.9rem; color:var(--x-soft); }
.dex-tracking a{ color:var(--x-accent-deep); font-weight:600; text-decoration:none; }

.dex-footer-links{ text-align:center; font-size:.88rem; }
.dex-footer-links a{ color:var(--x-soft); }

.dex-login input[type=text], .dex-login input[type=password]{
	width:100%; box-sizing:border-box; border:1.5px solid var(--x-line); border-radius:12px; padding:11px 14px;
}
.dex-login .login-submit .button{
	background:var(--x-accent-deep); color:#fff; border:none; border-radius:999px; padding:12px 26px; font-weight:600; cursor:pointer;
}
.dex-hint{ color:var(--x-soft); font-size:.85rem; }