/*
 * Sistema Hub - composición visual de cierre, responsive y accesible.
 * Propiedad técnica Araipe E.A.S. · Promoción Britve E.A.S.
 * Tokens obtenidos de La Petisquera 2.1.0, sin fuentes remotas.
 */
.a026-portal--landing{
  color:#101e37;
  background:radial-gradient(circle at 16% 24%,rgba(255,255,255,.96),transparent 30%),
    radial-gradient(circle at 90% 87%,rgba(34,75,145,.13),transparent 38%),#dce4f0;
}
.a026-showcase{display:grid;place-items:center;min-height:100svh;padding:clamp(15px,3.5vw,54px);isolation:isolate;overflow:hidden;position:relative}
.a026-showcase::before{content:"";position:fixed;z-index:-1;width:min(85vw,1000px);aspect-ratio:1;left:-31vw;top:-35vw;background:radial-gradient(circle,rgba(30,70,140,.13),transparent 70%);pointer-events:none}
.a026-showcase__shell{width:min(1190px,100%);min-height:min(730px,calc(100svh - 86px));display:grid;grid-template-columns:minmax(0,1.035fr) minmax(0,1fr);background:#fcfcfd;border:1px solid rgba(255,255,255,.78);border-radius:clamp(24px,3vw,42px);box-shadow:0 35px 100px rgba(15,34,75,.18),0 2px 10px rgba(15,34,75,.04);padding:10px;gap:0;animation:a026-enter .8s cubic-bezier(.16,1,.3,1) both}
.a026-showcase__visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;min-height:580px;padding:clamp(26px,3vw,44px);border-radius:clamp(18px,2.7vw,34px);color:#fff;background:radial-gradient(circle at 28% 8%,#334c77,transparent 52%),linear-gradient(154deg,var(--a026-portal-navy,#092448) 0%,var(--a026-portal-navy-dark,#06182f) 100%)}
.a026-showcase__decor{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 75% 63%,rgba(255,255,255,.08),transparent 42%);pointer-events:none}
.a026-showcase__decor::before,.a026-showcase__decor::after{content:"";position:absolute;display:block;width:120%;aspect-ratio:1;border:1px solid rgba(203,220,247,.12);border-radius:50%;left:12%;top:7%;transform:rotate(8deg)}
.a026-showcase__decor::after{width:96%;left:22%;top:29%;border-color:rgba(203,220,247,.11)}
.a026-showcase__eyebrow{font-size:clamp(10px,.88vw,12px);font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#dce5f6}
.a026-showcase__eyebrow span:last-child{margin-left:auto;letter-spacing:.13em;font-size:10px;color:#aebfda}
.a026-showcase__mark{height:9px;width:9px;display:inline-block;border-radius:2px;transform:rotate(45deg);background:var(--a026-portal-red,#eb1d2a);box-shadow:0 0 0 4px rgba(235,29,42,.13)}
.a026-showcase__emblem{display:grid;place-items:center;flex:1;min-height:230px;margin-block:40px 32px;transform-origin:50% 65%}
.a026-showcase__logo{display:block;width:min(75%,330px);max-height:290px;object-fit:contain;height:auto;filter:drop-shadow(0 20px 28px rgba(0,0,0,.17));animation:a026-logo-intro .9s .18s both}
.a026-showcase__emblem.is-idle{animation:a026-idle-logo 5.4s ease-in-out infinite}
.a026-showcase__visual-foot{display:flex;flex-direction:column;gap:18px;font-size:15px;line-height:1.5;color:#d2e1f8;letter-spacing:.02em}
.a026-showcase__visual-foot p{margin:0;max-width:285px}
.a026-showcase__line{height:2px;width:45px;border-radius:6px;background:var(--a026-portal-red,#eb1d2a)}
.a026-showcase__entry{display:flex;flex-direction:column;min-width:0;padding:clamp(27px,3.6vw,53px);padding-bottom:clamp(18px,3vw,34px)}
.a026-showcase__entry-top{display:flex;align-items:center;justify-content:flex-end;gap:11px;color:#77869d;font-size:10px;font-weight:780;letter-spacing:.18em}
.a026-showcase__eyeline{display:block;flex:none;width:30px;height:1px;background:#b4c0d1}
.a026-showcase__entry-body{max-width:440px;width:100%;margin:auto 0;animation:a026-form-enter .7s .12s both}
.a026-showcase__overline{color:var(--a026-portal-primary,#214a93);font-size:11px;letter-spacing:.22em;font-weight:800;margin:0 0 24px}
.a026-showcase__entry h1{font-size:clamp(40px,5.2vw,66px);font-weight:780;line-height:1.06;letter-spacing:-.065em;color:var(--a026-portal-navy-dark,#06182f);margin:0}
.a026-showcase__entry h1 em{font-weight:480;font-style:normal;color:var(--a026-portal-primary,#214a93)}
.a026-showcase__intro{margin:27px 0 33px;max-width:360px;font-size:clamp(14px,1.18vw,16px);line-height:1.7;color:#5b6a7f}
.a026-showcase__cta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 11px 11px 20px;min-height:62px;background:var(--a026-portal-navy-dark,#06182f);border-radius:14px;color:#fff;text-decoration:none;font-size:13px;font-weight:750;box-shadow:0 14px 24px rgba(6,24,47,.14);transition:transform .24s,background .24s,box-shadow .24s}
.a026-showcase__cta:hover,.a026-showcase__cta:focus-visible{background:var(--a026-portal-primary,#214a93);transform:translateY(-3px);box-shadow:0 19px 28px rgba(17,39,83,.18)}
.a026-showcase__cta:focus-visible{outline:3px solid var(--a026-portal-gold,#d7a34b);outline-offset:4px}
.a026-showcase__arrow{flex:0 0 auto;display:grid;place-items:center;font-size:22px;font-weight:400;background:#fff;color:var(--a026-portal-navy-dark,#06182f);width:44px;height:43px;border-radius:10px;transition:transform .23s}
.a026-showcase__cta:hover .a026-showcase__arrow{transform:rotate(45deg)}
.a026-showcase__access{margin:19px 0 0;display:flex;gap:9px;align-items:center;font-size:11px;color:#748197;line-height:1.35}
.a026-showcase__seal{margin-top:38px;padding-top:15px;border-top:1px solid #e8eaf0;display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:36px;color:#8f9bae;font-size:9px;line-height:1.25;white-space:nowrap}
.a026-showcase__seal-logo{max-height:20px;max-width:59px;object-fit:contain;opacity:.7;filter:saturate(.85);background:transparent}
.a026-showcase__seal i{display:block;height:16px;width:1px;background:#d3dbe5;margin:0 5px}
.a026-leaving .a026-showcase__shell{animation:a026-showcase-exit .3s both}
@keyframes a026-showcase-exit{to{opacity:0;transform:translateY(-10px) scale(1.012);filter:blur(6px)}}
/* El crédito técnico del formulario conserva trazabilidad, sin competir con la marca. */
.a026-login__partners{justify-content:center;gap:11px;padding-top:12px;opacity:.68;flex-wrap:wrap}
.a026-partner{gap:5px}
.a026-partner span{font-size:9px!important;max-width:95px!important;letter-spacing:0}
.a026-partner__logo{width:auto;max-width:56px!important;max-height:24px!important;min-height:0!important;padding:2px 3px!important;border-radius:3px;opacity:.9}
.a026-partner__divider{height:20px}
.a026-login__signature{display:none}
.a026-login__form-wrap h2{color:var(--a026-portal-navy-dark,#06182f)}
@media(max-width:940px){
  .a026-showcase__shell{grid-template-columns:48% 52%;min-height:min(700px,calc(100svh - 48px))}
  .a026-showcase__visual{min-height:510px;padding:26px}
  .a026-showcase__entry{padding:25px}
  .a026-showcase__entry h1{font-size:clamp(33px,5vw,54px)}
  .a026-showcase__seal{flex-wrap:wrap;white-space:normal}
}
@media(max-width:700px){
  .a026-showcase{padding:12px;align-items:start}
  .a026-showcase__shell{grid-template-columns:1fr;border-radius:27px;min-height:calc(100svh - 24px);padding:7px}
  .a026-showcase__visual{min-height:265px;max-height:340px;padding:21px 23px;border-radius:22px}
  .a026-showcase__logo{max-height:165px;width:min(56%,215px)}
  .a026-showcase__emblem{min-height:145px;margin:14px 0}
  .a026-showcase__visual-foot{font-size:12px;flex-direction:row;align-items:center;gap:10px}
  .a026-showcase__visual-foot p br{display:none}
  .a026-showcase__line{width:20px;flex:none}
  .a026-showcase__entry{padding:26px 22px 19px;min-height:390px}
  .a026-showcase__entry-top{justify-content:flex-start}
  .a026-showcase__entry-body{margin:24px 0 15px}
  .a026-showcase__overline{margin:0 0 13px}
  .a026-showcase__entry h1{font-size:clamp(36px,9vw,55px)}
  .a026-showcase__intro{font-size:14px;margin:17px 0 22px}
  .a026-showcase__seal{margin-top:auto}
  .a026-login__partners{gap:8px}
}
@media(max-width:390px){
  .a026-showcase__visual{padding:18px 17px;min-height:240px}
  .a026-showcase__eyebrow{font-size:8px;letter-spacing:.12em}
  .a026-showcase__eyebrow span:last-child{font-size:8px}
  .a026-showcase__entry{padding:20px 15px}
  .a026-showcase__entry h1{font-size:35px}
  .a026-showcase__cta{font-size:12px;padding-left:15px}
  .a026-showcase__seal{gap:5px;font-size:8px}
  .a026-showcase__seal-logo{max-width:45px;max-height:16px}
}
@media(prefers-reduced-motion:reduce){
  .a026-showcase__shell,.a026-showcase__entry-body,.a026-showcase__logo,.a026-showcase__emblem.is-idle,.a026-leaving .a026-showcase__shell{animation:none!important}
  .a026-showcase__cta,.a026-showcase__arrow{transition:none!important}
}