:root{
  --paper:#f4f4f5;
  --paper-2:#fbfbfb;
  --white:#ffffff;
  --charcoal:#151515;
  --charcoal-2:#232323;
  --charcoal-3:#343434;
  --red:#bb0d0d;
  --red-2:#930808;
  --ink:#1f1f1f;
  --muted:#666b72;
  --line:#e5e5e7;
  --shadow:0 20px 50px rgba(17,17,17,.10);
  --shadow-soft:0 12px 28px rgba(17,17,17,.08);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f2f2f3 0%,#fafafa 100%)}
body{min-width:320px}
a{color:inherit}
.access-page{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f3f3f4 0%,#fafafa 55%,#f5f5f6 100%)}
.access-container{width:min(1180px,calc(100% - 36px));margin:0 auto;position:relative;z-index:2}
.access-hero{position:relative;color:#fff;background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.06) 0 70px,transparent 71px),radial-gradient(circle at 88% 20%,rgba(255,255,255,.06) 0 120px,transparent 121px),linear-gradient(120deg,#131313 0%,#1d1d1d 42%,#3c0a0a 78%,#731010 100%);padding:16px 0 34px;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.08)}
.access-hero:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-20px;height:40px;background:linear-gradient(180deg,#fafafa 0%,#f2f2f4 100%);border-radius:50% 50% 0 0 / 48% 48% 0 0;z-index:0}
.access-decor{position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
.access-decor-left{width:360px;height:360px;left:-250px;top:72px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 90px rgba(255,255,255,.02),0 0 0 180px rgba(187,13,13,.03)}
.access-decor-right{width:400px;height:400px;right:-150px;top:-60px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:-50px 100px 0 18px rgba(255,255,255,.02)}
.access-dots{position:absolute;right:12%;top:44px;width:108px;height:72px;opacity:.22;background-image:radial-gradient(circle,#ff9b9b 1.4px,transparent 1.5px);background-size:14px 14px;z-index:-1}
.access-brand{display:flex;align-items:center;justify-content:flex-start;width:max-content}
.access-logo{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.access-logo img{display:block;width:100%;height:auto;object-fit:contain;padding:0}
.renab-access-logo{width:min(440px,54vw);height:auto;min-height:0;padding:10px 14px;border-radius:18px}
.access-intro{max-width:780px;margin-top:14px}
.access-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.05em;color:rgba(255,255,255,.94);text-transform:uppercase}
.access-intro h1{font-size:clamp(36px,4.4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 6px;font-weight:800;max-width:760px}
.access-accent{display:block;width:84px;height:4px;border-radius:99px;background:linear-gradient(90deg,#ffffff 0,#ffffff 32%,#d01212 32%,#d01212 100%);margin:0 0 10px}
.access-intro p{max-width:700px;margin:0;color:rgba(255,255,255,.84);font-size:13.4px;line-height:1.5}
.access-query{position:relative;margin-top:16px;min-height:74px;display:grid;grid-template-columns:54px 1px minmax(0,1fr) 186px;align-items:center;gap:14px;padding:10px 16px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(112deg,#1c1c1c 0%,#262626 40%,#7e1111 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.22);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.access-query:before{content:"";position:absolute;width:220px;height:220px;right:10%;top:-122px;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 48px rgba(255,255,255,.02)}
.access-query:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#fff 0 19%,#d41414 19% 61%,#fff 61% 100%);opacity:.92}
.access-query:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(0,0,0,.28);border-color:rgba(255,255,255,.18)}
.access-query-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#d51a1a,#8d0909);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.access-query-divider{width:1px;height:38px;background:rgba(255,255,255,.18)}
.access-query-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.access-query-copy strong{font-size:15px;letter-spacing:-.01em}
.access-query-copy small{font-size:11.3px;line-height:1.35;color:rgba(255,255,255,.82);max-width:560px}
.access-query-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;min-width:186px;padding:11px 14px;border-radius:11px;background:#fff;color:#181818;font-size:12.5px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.11);white-space:nowrap}
.access-query-action i{font-size:16px;color:var(--red)}
.access-content{flex:1;background:transparent;padding:8px 0 8px}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:930px;margin:0 auto}
.access-card{position:relative;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:20px;padding:18px 20px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:210px;overflow:hidden}
.access-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#202020 0%,#202020 33%,#c90f0f 33%,#c90f0f 100%)}
.access-card-client:before{background:linear-gradient(90deg,#c90f0f 0%,#c90f0f 64%,#202020 64%,#202020 100%)}
.access-card-heading{display:flex;align-items:center;gap:12px}
.access-card-icon{width:48px;height:48px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;font-size:21px;background:#202020;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.access-card-client .access-card-icon{background:linear-gradient(145deg,#c51111,#980909)}
.access-card-label{display:block;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.14em;color:#9d0a0a;margin-bottom:4px}
.access-card h2{font-size:18px;line-height:1.13;letter-spacing:-.03em;margin:0;color:#161616}
.access-card-description{font-size:11.3px;line-height:1.46;color:var(--muted);margin:10px 0 0;max-width:100%}
.access-card-rule{height:1px;background:linear-gradient(90deg,#d8d8dc 0,#eeeeef 100%);margin:12px 0 10px}
.access-card-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:7px;color:#3a4048;font-size:11.2px}
.access-card-list li{display:flex;align-items:flex-start;gap:8px;line-height:1.3}
.access-card-list i{font-size:14px;color:#b40e0e;margin-top:0}
.access-btn{margin-top:auto;display:grid;grid-template-columns:22px 1fr 20px;align-items:center;gap:8px;padding:11px 13px;border-radius:11px;text-decoration:none;color:#fff;font-size:12.2px;font-weight:800;box-shadow:var(--shadow-soft);transition:transform .18s ease,filter .18s ease}
.access-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.access-btn.primary{background:linear-gradient(105deg,#1c1c1c,#2b2b2b 65%,#0f0f0f)}
.access-btn.secondary{background:linear-gradient(105deg,#ca1010,#981010)}
.access-btn span{text-align:center}
.access-btn>i:last-child{text-align:right;font-size:15px}
.access-create{display:flex;justify-content:center;align-items:center;gap:6px;text-decoration:none;color:#a60d0d;font-size:11px;font-weight:800;padding:8px 0 0}
.access-create:hover{text-decoration:underline}
.access-trust{max-width:930px;margin:10px auto 0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(10,10,10,.06);display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;padding:9px 14px}
.access-trust-item{display:flex;align-items:center;gap:10px;min-width:0}.access-trust-item:last-child{padding-left:16px}
.access-trust-icon{width:34px;height:34px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;color:#8e0a0a;font-size:15px;background:#faecec}
.access-trust-icon.solid{color:#fff;background:linear-gradient(145deg,#202020,#c61111)}
.access-trust-item span:last-child{display:flex;flex-direction:column;min-width:0}
.access-trust-item strong{font-size:11px;margin-bottom:1px;color:#171717}
.access-trust-item small{font-size:9.5px;line-height:1.28;color:#6f757c}
.access-trust-separator{height:28px;background:#e4e4e8}
.access-legal{max-width:930px;margin:6px auto 0;text-align:center;color:#72777e;font-size:9px;line-height:1.25;padding:0 12px}
.access-footer{background:transparent;padding:5px 0 8px;color:#6c7178;font-size:9.2px}
.access-footer .access-container{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:930px}.access-footer span:last-child{display:flex;align-items:center;gap:6px}
@media(max-width:1000px){.access-query{grid-template-columns:58px 1px minmax(0,1fr);gap:14px}.access-query-action{display:none}.access-grid{grid-template-columns:1fr;max-width:700px}.access-card{min-height:0}.access-trust{max-width:700px;grid-template-columns:1fr;gap:10px}.access-trust-separator{width:100%;height:1px}.access-trust-item:last-child{padding-left:0}.access-legal,.access-footer .access-container{max-width:700px}}
@media(max-width:640px){.access-container{width:min(100% - 24px,1180px)}.access-hero{padding:16px 0 42px}.access-hero:after{bottom:-24px;height:48px}.renab-access-logo{width:min(94vw,360px);padding:10px 12px;border-radius:18px}.access-intro{margin-top:20px}.access-intro h1{font-size:35px;margin-top:11px}.access-intro p{font-size:13px;line-height:1.56}.access-accent{width:72px;height:4px}.access-query{min-height:0;margin-top:18px;padding:14px;border-radius:16px;grid-template-columns:50px minmax(0,1fr);gap:12px}.access-query-divider{display:none}.access-query-icon{width:46px;height:46px;border-radius:12px;font-size:22px}.access-query-copy strong{font-size:14px}.access-query-copy small{font-size:10.8px}.access-content{padding-top:10px}.access-card{padding:20px 18px 18px;border-radius:18px}.access-card-icon{width:50px;height:50px;font-size:22px}.access-card h2{font-size:20px}.access-card-description{font-size:12px}.access-card-list{font-size:12px}.access-trust{padding:12px 14px}.access-legal{font-size:9.6px;line-height:1.35}.access-footer{font-size:10px}.access-footer .access-container{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:420px){.access-intro h1{font-size:31px}.access-card-heading{align-items:flex-start}.access-card-icon{width:46px;height:46px}}
/* Ajuste extra para laptops: mostrar toda la información sin bajar */
@media(min-width:1001px) and (max-height:760px){.access-hero{padding:12px 0 24px}.access-hero:after{bottom:-14px;height:28px}.renab-access-logo{width:min(360px,46vw);padding:8px 12px;border-radius:16px}.access-intro{margin-top:10px}.access-intro h1{font-size:42px;margin:10px 0 5px}.access-accent{width:70px;height:3px;margin-bottom:8px}.access-intro p{font-size:12.2px;line-height:1.36;max-width:650px}.access-query{margin-top:12px;min-height:64px;padding:8px 12px;grid-template-columns:44px 1px minmax(0,1fr) 164px;gap:10px;border-radius:15px}.access-query-icon{width:38px;height:38px;border-radius:11px;font-size:20px}.access-query-divider{height:32px}.access-query-copy strong{font-size:13px}.access-query-copy small{font-size:10px;line-height:1.26;max-width:490px}.access-query-action{min-width:164px;padding:9px 10px;font-size:11.5px;border-radius:10px}.access-content{padding:4px 0 5px}.access-grid{max-width:860px;gap:12px}.access-card{min-height:180px;padding:15px 16px 13px;border-radius:17px}.access-card-icon{width:42px;height:42px;font-size:18px;border-radius:12px}.access-card-label{font-size:8px}.access-card h2{font-size:16px}.access-card-description{font-size:10.2px;line-height:1.34;margin-top:8px}.access-card-rule{margin:8px 0 7px}.access-card-list{gap:5px;font-size:10px;margin-bottom:9px}.access-btn{padding:9px 11px;font-size:11px;border-radius:10px}.access-create{font-size:10px;padding-top:6px}.access-trust{max-width:860px;margin-top:8px;padding:7px 10px;border-radius:12px}.access-trust-icon{width:28px;height:28px;font-size:13px;border-radius:9px}.access-trust-item{gap:8px}.access-trust-item:last-child{padding-left:10px}.access-trust-item strong{font-size:9.8px}.access-trust-item small{font-size:8.5px;line-height:1.16}.access-trust-separator{height:22px}.access-legal{max-width:860px;margin-top:4px;font-size:8px;line-height:1.1}.access-footer{padding:4px 0 6px;font-size:8.5px}.access-footer .access-container{max-width:860px}}


/* RENAB V2.4 marker */


/* RENAB V2.5 marker */


/* RENAB V2.6 marker */


/* RENAB V2.7 marker */


/* RENAB V2.8 marker */


/* RENAB V2.9 marker */