/* Figma 36:2592 (light) / 42:3872 (dark). Same URL, content and canonical. */
/* Light FAQ: Figma 36:2822. Keep the dark variant independent. */
[data-theme="light"] .faq-section{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
[data-theme="light"] .faq-intro h2{margin-bottom:25px}
[data-theme="light"] .faq-intro>p:not(.eyebrow){color:#516046;margin-bottom:4px}
[data-theme="light"] .faqs{min-width:0;background:#173300;color:#efefed;border-radius:48px;padding:23px 39px;--line:#efefed}
[data-theme="light"] .faqs summary{padding-right:40px;letter-spacing:-.3px}
[data-theme="light"] .faqs summary::after{font-size:24px;line-height:30px;top:23px}
[data-theme="light"] .faqs details>div{color:#efefed;font-size:16px;line-height:1.5;padding-bottom:26px}
[data-theme="light"] .faqs p+p{margin-top:16px}
[data-theme="light"] .faqs a{color:inherit}
@media(max-width:800px){[data-theme="light"] .faq-section{grid-template-columns:minmax(0,1fr)}[data-theme="light"] .faqs{padding:20px 24px;border-radius:32px}}
@media(max-width:420px){[data-theme="light"] .faqs{padding:12px 18px}}
[data-theme="dark"]{background:#1c1c1c;color:#fff;--line:#686b60}
[data-theme="dark"] .hero>p{color:#efefed}
[data-theme="dark"] :is(.fit-copy,.start,.driver,.incentives-panel,.guide-card,.guide-body){background:#efefed;color:#173300}
[data-theme="dark"] .passenger{background:white;color:#173300}
[data-theme="dark"] .start .eyebrow,[data-theme="dark"] .steps p{color:#173300}
[data-theme="dark"] .steps article{border-color:#c9cec2}
[data-theme="dark"] .check-list li{border-color:#b4bcae}
[data-theme="dark"] .faqs{background:#efefed;color:#173300;border-radius:48px;padding:23px 39px;--line:#a5b09b}
[data-theme="dark"] .faqs details>div{color:#173300}
/* Figma's B2B caption has dark ink on charcoal; retain the link with readable ink. */
[data-theme="dark"] .business{color:#efefed}
/* The supplied dark page explicitly retains the lime/green footer instance. */
.site-footer__cta{color:#173300}
.skip{color:#173300}
.cae-dialog{color-scheme:light}
[data-theme="dark"] .cae-dialog{background:#efefed}
[data-theme="dark"] .cae-dialog::backdrop{background:rgb(0 0 0 / .75)}
.fit-copy .lead{letter-spacing:-.78px}
.guide-author>span{font-size:12px;line-height:1.3}
.guide-author>img{width:32px;height:32px}
.guide-author>span>img{width:90px;height:auto}
.guide-bottom{gap:16px}
.button-small{min-height:44px;font-size:13px;padding:4px 10px;gap:12px}
.button-small .button-arrow{width:36px;height:36px}
.footer-links a,.site-footer__socials a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){[data-theme="dark"] .incentives{background:#efefed}[data-theme="dark"] .faqs{padding:20px 24px;border-radius:32px}}
@media(max-width:420px){[data-theme="dark"] .faqs{padding:12px 18px}.button-small{min-height:44px;font-size:13px}.button-small .button-arrow{width:36px;height:36px}}

/* La altura natural del monedero participa en el layout: no se amplía ni recorta. */
.incentives-phone-frame{display:contents}
.incentives-actions .button{max-width:100%;min-width:0;height:auto}
.incentives-actions .button-label{min-width:0;white-space:normal;line-height:1.2;text-align:left}
@media(min-width:1001px){
  .incentives{display:grid;grid-template-columns:minmax(0,1fr) 31%;align-items:start;padding:60px 0 0;margin-bottom:100px;min-height:0;overflow:visible}
  .incentives-panel{grid-area:1/1/2/3;align-self:stretch;min-width:0;min-height:557px;padding-right:calc(31% + 48px)}
  .incentives-copy{width:100%;max-width:none}
  .incentives-phone-frame{display:block;grid-area:1/2;position:relative;min-width:0;margin:-60px 24px 0 0;pointer-events:none;z-index:2}
  .incentives-phone-frame .incentives-phone{position:static;display:block;width:100%;max-width:none;height:auto;min-height:0;margin:0;object-fit:contain}
}
@media(max-width:1000px){
  .incentives{display:block;padding:0;margin:30px auto 0;min-height:0;overflow:visible;border-radius:40px;background:var(--green)}
  .incentives-panel{min-height:0;padding:36px 32px 0;border-radius:40px 40px 0 0}
  .incentives-copy{width:100%;max-width:none}
  .incentives-phone-frame{display:block;width:280px;max-width:calc(100% - 64px);margin:40px auto 0;padding-bottom:32px}
  .incentives-phone-frame .incentives-phone{position:static;display:block;width:100%;max-width:none;height:auto;min-height:0;margin:0;object-fit:contain}
  [data-theme="dark"] .incentives{background:#efefed}
}
@media(max-width:600px){
  .incentives-actions{flex-direction:column;align-items:stretch}
  .incentives-actions .button{width:100%;justify-content:space-between}
}
@media(max-width:420px){
  .incentives-panel{padding:32px 24px 0}
}