/* Ajustes comunes para web, formularios, cuenta y administración. */
.header-menu-toggle{display:none}.field input,.field select,.field textarea{min-width:0;max-width:100%}.form-panel,.form-layout>*,.form-grid>*,.portal-body{min-width:0}.table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.site-footer .footer-item span{min-width:0;overflow-wrap:anywhere}dialog{max-height:90dvh;overflow:auto}.blue-rail{height:100dvh}.steps span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1000px){.form-layout{grid-template-columns:minmax(0,1fr);max-width:760px;padding:0 28px;gap:0}.form-art{display:none}.form-panel{padding:18px 0}.public-masthead h2{font-size:30px}.admin-layout .grid:not(.two){grid-template-columns:1fr}.admin-layout .metric{align-items:center}.admin-layout .metric .icon-wrap{display:grid}.admin-layout .record-grid{grid-template-columns:1fr}}
@media(max-width:900px){body>header{gap:12px;padding:16px 20px;flex-wrap:wrap}body>header .brand{margin-right:auto}body>header .brand img{width:130px}.header-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #d4ddea;background:white;color:#071d59;border-radius:9px;font-size:13px;font-weight:650}.header-menu-toggle svg{width:20px;height:20px}body>header>nav{display:none;order:4;width:100%;flex-direction:column;gap:0;border-top:1px solid #e5eaf3;padding-top:10px}body>header.menu-open>nav{display:flex}body>header>nav a{font-size:15px;min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:8px}body>header>nav a:hover{background:#f3f6fb}body>header>.login-link{display:none;order:5;width:100%;min-height:44px;padding:10px 12px;font-size:15px}body>header.menu-open>.login-link{display:block}body>header>.btn{font-size:12px;padding:10px 12px;min-height:44px}.preview{height:auto;min-height:30px;flex-wrap:wrap;gap:5px 14px;padding:7px 12px;line-height:1.5}.public-masthead{height:auto;min-height:250px}.public-masthead img{height:100%;min-height:250px}.public-masthead>div{padding:32px 24px}}
@media(max-width:600px){body>header{gap:10px}body>header>.btn{order:3;width:100%}.section{padding:32px 20px}.card{padding:20px}.form-layout{padding:0 20px;margin:22px auto}.form-grid{grid-template-columns:minmax(0,1fr)}.field input,.field select,.field textarea{font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.steps span{font-size:11px}.page-heading h1{font-size:29px;letter-spacing:-1px}.public-masthead{grid-template-columns:1fr}.public-masthead>div{padding:30px 24px}.public-masthead img{height:210px;min-height:0;object-position:center 25%;mask-image:none}.public-masthead h2{font-size:29px}.hero-stamp{max-width:calc(100% - 40px)}.hero-stamp small{line-height:1.4;display:block}.portal-layout main,.admin-layout main{padding:24px 14px}.portal-layout .card{padding:18px}.portal-layout .table-wrap table{min-width:600px}.table-wrap:focus-visible{outline:3px solid #d38b00;outline-offset:3px}.card-head{flex-wrap:wrap}.portal-bar{min-width:0}.portal-kicker{letter-spacing:1px}.breakdown{grid-template-columns:minmax(0,1fr) auto;font-size:12px;gap:10px}.amount{font-size:34px}.document{align-items:flex-start}.document>div{min-width:0;overflow-wrap:anywhere}.site-footer .footer-social>a,.site-footer .footer-social>button{width:44px;height:44px}.site-footer .footer-item{min-height:44px;align-items:center}.lr-actions .btn{max-width:100%}.flow-map{grid-template-columns:1fr}dialog{padding:24px}.notice{overflow-wrap:anywhere}.bank-hero h1{font-size:clamp(32px,10vw,42px);letter-spacing:-1.3px}}

/* Lema junto al logo, en dos lineas. */
body>header .brand{align-items:center;gap:16px;flex-shrink:0}.brand-tagline{font-size:14px;line-height:1.4;font-weight:500;color:#071d59;white-space:nowrap}
@media(max-width:1200px) and (min-width:901px){body>header{gap:14px;padding-left:3vw;padding-right:3vw}body>header nav{gap:14px}.brand-tagline{font-size:12px}body>header .brand{gap:10px}}
@media(max-width:600px){body>header .brand{gap:9px}body>header .brand img{width:105px}.brand-tagline{font-size:11px}}
@media(max-width:380px){body>header .brand img{width:88px}.brand-tagline{font-size:10px}body>header .header-menu-toggle{padding:10px 8px;gap:4px;font-size:12px}body>header{padding-left:12px;padding-right:12px;gap:6px}}