/* Bonity: a white canvas with the existing blue, cyan and green palette. */
:root{--bg-dark:#fff;--surface-dark:#fff;--text-main:#10233e;--text-muted:#62738a;--landing-line:#e2eaf1}
html{scroll-padding-top:90px;scroll-behavior:smooth}
body{background:#fff!important;color:var(--text-main)!important}
.text-white,.text-light,.price-text{color:var(--text-main)!important}.text-info{color:#0047ab!important}.text-gradient{background:linear-gradient(100deg,#0047ab,#008bb7);background-clip:text;-webkit-background-clip:text}.text-check{color:#318400}
.navbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--landing-line)}.navbar-brand img{border-radius:12px}.nav-link:hover{color:#0047ab!important}
.btn-Bonity{background:linear-gradient(110deg,#0047ab,#007fae);box-shadow:0 8px 22px #0047ab20}.btn-Bonity:hover{color:white;background:#0047ab}.btn-outline-light,.btn-outline-custom{color:#0047ab;border:1px solid #cbd8e5;background:white}.btn-outline-light:hover,.btn-outline-custom:hover{color:#0047ab;background:#edf8fc;border-color:#0047ab}
.hero-section{padding:150px 0 80px;background:radial-gradient(ellipse at 85% 30%,#e7faff,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.hero-section h1{font-size:clamp(3rem,5.5vw,5rem);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:20px 0 24px}.hero-section .lead{line-height:1.7;max-width:560px;margin-bottom:28px}.landing-eyebrow{display:inline-block;color:#0047ab;font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:12px}.hero-note{font-size:.85rem;color:var(--text-muted);margin-top:20px}.wallet-labels{display:flex;gap:24px;margin-top:26px;font-weight:600;font-size:.9rem}.wallet-labels svg{width:20px;margin-right:6px}
.wallet-preview{position:relative;display:grid;place-items:center;padding:20px 0 35px;isolation:isolate}.preview-orbit{position:absolute;width:360px;height:360px;border-radius:50%;background:linear-gradient(130deg,#2ad1ff28,#7cfc0026);z-index:-1}.wallet-phone{width:282px;border:8px solid #10233e;border-radius:42px;padding:20px 14px;background:#f5f8fb;box-shadow:0 28px 60px #10233e24;text-align:center;transform:rotate(3deg)}.phone-status{display:flex;justify-content:space-between;font-size:10px;padding:0 6px 24px}.demo-wallet-card{background:linear-gradient(140deg,#0047ab,#087fae);padding:20px;border-radius:20px;color:white;text-align:left}.demo-wallet-card strong{font-size:24px}.demo-wallet-card p{font-size:11px;margin-top:14px;opacity:.8}.demo-wallet-card h2{font-size:21px;font-weight:700;line-height:1.3}.demo-stamps{color:#7cfc00;font-size:20px;letter-spacing:2px;line-height:1.8}.demo-wallet-card small{font-size:10px}.demo-notification{display:flex;gap:10px;background:white;border-radius:14px;padding:14px 10px;margin:16px 0;text-align:left;font-size:11px}.demo-notification svg{color:#0047ab;flex-shrink:0}.demo-notification p{margin:4px 0 0;color:var(--text-muted)}.demo-barcode{height:45px;width:140px;margin:24px auto 12px;background:repeating-linear-gradient(90deg,#10233e 0 2px,transparent 2px 5px,#10233e 5px 6px,transparent 6px 9px)}.wallet-callout{position:absolute;bottom:8px;left:0;display:flex;gap:12px;align-items:center;padding:18px 22px;border:1px solid var(--landing-line);border-radius:16px;background:white;box-shadow:0 14px 35px #10233e12;font-size:14px}.wallet-callout svg{color:#008bb7}
.landing-video,#precios{background:#f5f9fc}.video-frame{max-width:900px;margin:32px auto;border:1px solid var(--landing-line);border-radius:24px;overflow:hidden;background:#10233e;box-shadow:0 20px 60px #10233e15}.video-frame video{display:block;width:100%;max-height:560px;object-fit:contain}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.landing-steps article{padding:24px;background:white;border:1px solid var(--landing-line);border-radius:18px}.landing-steps article>span{display:inline-grid;place-items:center;width:36px;height:36px;background:#e5f8fd;color:#0047ab;border-radius:10px;font-weight:800;margin-bottom:18px}.landing-steps h3{font-size:20px;font-weight:700}.landing-steps p{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:0}
.feature-card,.type-card,.pricing-card{background:white;border-color:var(--landing-line);box-shadow:0 5px 20px #10233e04;border-radius:20px}.feature-card:hover{box-shadow:0 14px 35px #0047ab12}.icon-box{color:#007fae}.pricing-popular{border:2px solid #008bb7;box-shadow:0 16px 45px #0047ab12}.type-card:hover{background:#f5f9fc}.type-icon-wrapper svg{stroke:#007fae}.accordion-item{border-color:var(--landing-line)!important}.accordion-button{color:var(--text-main)!important}.accordion-button:not(.collapsed){color:#0047ab!important;background:#edf9fd!important}.accordion-button::after{filter:none}
#registro-cta .rounded-4{background:linear-gradient(120deg,#0047ab,#007fae)!important;border:0!important}#registro-cta .text-white,#registro-cta .text-muted{color:white!important}#registro-cta .btn-Bonity{background:#7cfc00;color:#10233e}
footer.bg-black{background:#10233e!important}footer .text-white,footer .text-muted,footer .text-light{color:#e4edf6!important}
.modal-content-dark{color:var(--text-main);border-color:var(--landing-line)}.form-control-dark,.form-control-dark:focus{background:#f7fafc;color:var(--text-main);border-color:#cbd8e5}.form-control-dark::placeholder{color:#78889b}.btn-close-white{filter:none}
@media(max-width:991px){.hero-grid{gap:25px}.hero-section{padding-top:120px}.wallet-callout{left:-10px}.navbar-collapse{padding-bottom:16px}.landing-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.hero-grid{grid-template-columns:1fr}.hero-section{padding-bottom:40px}.hero-section h1{max-width:500px}.wallet-preview{margin-top:20px}.wallet-callout{left:calc(50% - 170px)}.hero-section .lead{font-size:18px}.wallet-labels{flex-wrap:wrap}.video-frame{border-radius:16px}.landing-steps{gap:12px}.landing-steps article{padding:18px}}
@media(max-width:380px){.landing-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* The supplied presentation is portrait: preserve its format without side bars. */
.video-frame{max-width:340px}.video-frame video{max-height:none;aspect-ratio:9/16}
.demo-stamps{font-size:17px;letter-spacing:0;white-space:nowrap}
.landing-start-float{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom,0px));left:24px;z-index:1035;box-shadow:0 8px 28px #0047ab35;font-size:14px}
body.modal-open .landing-start-float{visibility:hidden}
.landing-use-case{background:#f5f9fc}.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.use-case-grid h2{letter-spacing:-.035em}.use-case-grid>div>p{line-height:1.7}.use-case-example{padding:36px;border:1px solid #cde5ee;border-radius:26px;background:linear-gradient(135deg,#e8f9ff,#fff);box-shadow:0 18px 45px #0047ab08}.use-case-label{color:#0047ab;font-size:11px;font-weight:800;letter-spacing:.1em}.use-case-customer{display:flex;align-items:center;gap:14px;margin:24px 0}.use-case-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0047ab;color:white;font-weight:700;flex-shrink:0}.use-case-customer p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.use-case-example h3{font-size:26px;font-weight:700;line-height:1.3;margin-bottom:24px}.use-case-message{background:white;border:1px solid var(--landing-line);border-radius:16px;padding:22px;border-left:4px solid #008bb7}
@media(max-width:767px){.use-case-grid{grid-template-columns:1fr;gap:32px}.use-case-example{padding:24px}}
@media(max-width:575px){.landing-start-float{left:16px;max-width:calc(100vw - 110px);padding:14px 20px;font-size:12px}}