/* v1843 Azul Océano — presentation-only layer; no business logic. */
:root{
 --green:#1769AC;--green-dark:#092A59;--green-soft:#EAF4FD;
 --het-green:#1769AC;--het-green-dark:#092A59;--het-green-soft:#EAF4FD;
 --hx-green:#1769AC;--hx-forest:#092A59;--hx-ink:#153453;
 --hx-muted:#526C85;--hx-bg:#F3F8FD;--hx-line:#D5E4F1;--hx-mint:#EAF4FD;
 --ink:#153453;--muted:#526C85;--line:#D5E4F1;--cream:#F3F8FD;
}
/* The gradient rises from deep navy at the bottom to sky blue at the top. */
.het-home .hero{
 background:linear-gradient(to top,#092A59 0%,#1769AC 48%,#B8E4FF 100%);
}
/* White text is legible on the navy portion, dark text on light surfaces. */
.het-home .hero h1,.het-home .hero h1 em,
.het-home .hero .eyebrow,.het-home .hero>div>p,
.het-home .hero .trust,.het-home .hero .trust *{color:#FFFFFF}
.het-home .hero .searchbox,.het-home .hero .hero-card{color:#153453}
.het-home .hero .searchbox label,.het-home .hero .searchbox select{color:#153453}
.het-home .hero .hero-card h2,.het-home .hero .hero-card h3,
.het-home .hero .hero-card p{color:#153453}
/* Blue visual language for dashboard headings; statuses retain semantic colors. */
.vendor-top,.customer-dashboard .vendor-top{background:linear-gradient(135deg,#EAF4FD,#FFFFFF);border-bottom-color:#D5E4F1}
.admin-hero{background:linear-gradient(135deg,#EAF4FD,#F9FCFF)}
.het-brand .het-word{color:#153453}
.het-brand:visited .het-word{color:#153453}
/* Preserve WhatsApp green to distinguish messaging from primary navigation. */
.wa,.whatsapp-btn,.btn-whatsapp{background-color:#168348}
@media(max-width:850px){
 .het-home .hero{background:linear-gradient(to top,#092A59 0%,#1769AC 54%,#B8E4FF 100%)}
}
.wa:hover,.whatsapp-btn:hover,.btn-whatsapp:hover{background-color:#0E6B39}

/* v1844: every WhatsApp action keeps WhatsApp green */
.whatsapp-coupon,#sendSupportWhatsapp,#advertiseWhatsApp,a[href^="https://wa.me"].button-link,a[href^="https://wa.me"].primary,a[href^="https://wa.me"].secondary{background:#168348;border-color:#168348;color:#fff}
.whatsapp-coupon:hover,#sendSupportWhatsapp:hover,#advertiseWhatsApp:hover,a[href^="https://wa.me"].button-link:hover{background:#0E6B39;border-color:#0E6B39}

/* v1845: Mi Cuenta — the intro sentence explains why to sign in, so it stands out */
.account-intro-highlight{background:#EAF4FD;border-left:4px solid #1769AC;border-radius:10px;padding:12px 16px;color:#092A59;font-weight:650;font-size:1.02rem;line-height:1.5}
.password-later-note{display:block;margin-top:4px;color:#526C85;font-size:.88rem}
/* v1845: the confirm-code button sits as far from the code box as «Entrar con código» from the email box */
.verification-box label+button,.verification-box label+.primary{margin-top:16px}
/* v1845: a profile you already opened is a «visited» link; the general rule a:visited{color:inherit} turned the
   white text of these blue buttons dark. Buttons keep their own text color. */
.rc-cta:visited,a.primary:visited,a.hx-btn:visited,a.seo-cta:visited,a.primary.button-link:visited{color:#fff}
.rc-cta:hover,.rc-cta:visited:hover{color:#fff}
@media (max-width:640px){.rc-grid--list .rc-cta:visited{color:var(--rc-muted)}}
/* v1847: Administración — el nombre y el correo de cada usuario iban pegados en la misma línea */
.admin-row>div>strong,.admin-row>div>small,.admin-card-head>div>strong,.admin-card-head>div>small{display:block}
.admin-row>div>small{margin-top:2px}