/* Originales completos: el logo y el banner conservan sus proporciones. */
.brand{gap:12px;max-width:100%}
.brand img.brand-logo{width:60px;height:64px;max-height:none;object-fit:contain;border-radius:5px;flex-shrink:0}
.brand .brand-text{font-size:22px}
.brand .brand-text small{font-size:8px;letter-spacing:.17em}
.public-header .brand{padding:9px 0}
.public-header .public-nav{gap:20px}
.sidebar>.brand{gap:8px;margin-left:5px;margin-right:5px}
.sidebar .brand img.brand-logo{width:44px;height:47px}
.sidebar .brand .brand-text{font-size:17px}
.sidebar .brand .brand-text small{font-size:6.5px;letter-spacing:.1em}
.hero-visual--brand{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 24px 40px}
.hero-visual--brand>img{height:425px;object-fit:contain;border-radius:0;object-position:center}
.hero-visual--brand .floating-note{bottom:22px;left:-25px}
.hero-visual--brand .hero-number{right:20px;bottom:10px;font-size:9px}
.brand-banner{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.brand-banner>img{display:block;width:100%;height:auto;object-fit:contain}
.public-brand-banner{padding-bottom:54px}
.auth-story{padding:38px 42px;gap:35px}
.auth-story h1{font-size:clamp(30px,3.2vw,45px)}
.auth-story .auth-banner{margin-top:35px;box-shadow:0 14px 35px #143c3b12;border-color:#c3d9d5}
.auth-story>small{color:var(--muted)}
.auth-brand{margin-bottom:24px}
.auth-brand .brand{gap:16px}
.auth-brand .brand img.brand-logo{width:94px;height:100px}
.auth-brand .brand .brand-text{font-size:25px}
.auth-brand .brand .brand-text small{font-size:8px}
.auth-mobile-banner{display:none}
.dashboard-brand-banner{margin:30px auto 0;max-width:1000px}
.receipt>.brand{display:flex;width:max-content;margin-bottom:24px}
.receipt>.eyebrow{display:block}
@media(max-width:1150px){
 .public-header .public-nav{gap:14px}
 .public-header .brand img.brand-logo{width:50px;height:54px}
 .public-header .brand .brand-text{font-size:20px}
 .sidebar .brand img.brand-logo{width:38px;height:41px}
 .sidebar .brand .brand-text{font-size:16px}
 .hero-visual--brand>img{height:360px}
}
@media(max-width:900px){
 .public-header .brand{gap:9px}
 .public-header .brand .brand-text{font-size:18px}
 .public-header .public-nav>a:not(.button){font-size:11px}
 .auth-story{padding:30px 25px}
 .auth-form{padding:30px}
 .auth-brand .brand img.brand-logo{width:75px;height:80px}
 .auth-brand .brand .brand-text{font-size:22px}
 .hero-visual--brand{padding:15px 15px 40px}
 .hero-visual--brand>img{height:335px}
 .sidebar .brand{gap:6px}
 .sidebar .brand .brand-text{font-size:15px}
}
@media(max-width:700px){
 .public-header .brand .brand-text{font-size:21px}
 .public-header .brand img.brand-logo{width:48px;height:51px}
 .public-header .public-nav{gap:19px}
 .public-header .public-nav>a:not(.button){font-size:13px}
 .hero-visual--brand{max-width:440px;width:100%;margin:0 auto;padding:20px 20px 48px}
 .hero-visual--brand>img{height:auto;max-height:390px;object-fit:contain}
 .hero-visual--brand .floating-note{left:8px;bottom:18px;padding:10px 14px}
 .hero-visual--brand .hero-number{bottom:4px;font-size:8px}
 .public-brand-banner{padding-bottom:35px}
 .brand-banner{border-radius:10px}
 .auth-brand{margin-bottom:22px}
 .auth-brand .brand img.brand-logo{width:84px;height:90px}
 .auth-brand .brand .brand-text{font-size:23px}
 .auth-mobile-banner{display:block;margin-top:28px}
 .auth-form{padding:25px;gap:30px}
 .sidebar .brand .brand-text{font-size:19px}
 .sidebar .brand img.brand-logo{width:46px;height:49px}
 .footer-top .brand{gap:8px}
 .footer-top .brand img.brand-logo{width:42px;height:45px}
 .footer-top .brand .brand-text{font-size:17px}
 .footer-top .brand .brand-text small{font-size:6px}
}
@media(max-width:390px){
 .public-header .brand .brand-text{font-size:19px}
 .public-header .brand .brand-text small{font-size:7px}
 .auth-form{padding:22px}
 .auth-brand .brand{gap:12px}
 .auth-brand .brand img.brand-logo{width:76px;height:81px}
 .auth-brand .brand .brand-text{font-size:21px}
 .footer-top .brand{gap:6px}
 .footer-top .brand img.brand-logo{width:32px;height:35px}
 .footer-top .brand .brand-text{font-size:14px}
 .footer-top .brand .brand-text small{font-size:5.5px}
}
@media print{.dashboard-brand-banner{display:none!important}}