:root{color-scheme:light dark;--bg: #0f172a;--bg-soft: #020617;--card: #ffffff;--card-muted: #f8fafc;--accent: #22c55e;--accent-dark: #16a34a;--accent-soft: #bbf7d0;--text-main: #0f172a;--text-muted: #475569;--text-soft: #64748b;--error: #dc2626;--border: #e2e8f0;--border-subtle: rgba(148, 163, 184, .25);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--bp-mobile: 320px;--bp-tablet: 768px;--bp-desktop: 1024px;--content-max-desktop: 72rem;--touch-target: 44px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--text-display: clamp(1.5rem, 4.5vw + 1rem, 2.25rem);--text-title: 1.25rem;--text-lead: 1.0625rem;--text-body: 1rem;--text-small: .875rem;--text-caption: .8125rem;--text-overline: .75rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-wide: .08em;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,197,94,.08),transparent),radial-gradient(circle at 50% 50%,#1e293b 0,var(--bg) 40%,var(--bg-soft) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg)}.page-main{width:100%;max-width:28rem;margin:0 auto;padding:0 var(--space-md)}.page-content{width:100%}.app-card{background:linear-gradient(180deg,#fafbfc 0%,var(--card) 100%);border-radius:var(--radius-2xl);padding:var(--space-4xl) var(--space-xl);box-shadow:0 1px 2px var(--border-subtle),0 24px 48px -12px #0f172a40,0 0 0 1px var(--border-subtle);color:var(--text-main)}.app-header{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.app-header>div:first-child{display:flex;flex-direction:column;gap:var(--space-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-sm);width:fit-content;font-size:var(--text-overline);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-dark);background:var(--accent-soft);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md)}.badge-dot{width:.375rem;height:.375rem;border-radius:var(--radius-full);background:var(--accent)}.app-card header h1{font-size:var(--text-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0;color:var(--text-main)}.app-card header p{margin:0;font-size:var(--text-lead);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:36ch}.language-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);font-size:var(--text-caption);color:var(--text-muted)}.language-switcher-label{font-weight:600;color:var(--text-soft)}.language-switcher-buttons{display:inline-flex;border-radius:var(--radius-full);background:var(--card-muted);border:1px solid var(--border-subtle);padding:var(--space-xs);gap:var(--space-xs)}.language-button{border:none;background:transparent;font:inherit;font-size:var(--text-caption);min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);cursor:pointer;color:var(--text-soft);-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}.language-button[aria-pressed=true]{background:var(--card);color:var(--accent-dark);box-shadow:0 1px 2px var(--border-subtle)}.language-button:focus-visible{outline:2px solid #22c55e;outline-offset:1px}form{display:grid;gap:var(--space-2xl)}fieldset{border:none;margin:0;padding:0}legend{font-size:var(--text-small);font-weight:600;color:var(--text-main);margin-bottom:var(--space-sm);line-height:var(--leading-snug)}.helper-text{margin:0 0 var(--space-md);font-size:var(--text-caption);line-height:var(--leading-normal);color:var(--text-soft)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-row{display:flex;flex-direction:column;gap:var(--space-md)}.form-row>*{min-width:0}.field-country,.field-phone{flex:1 1 auto}label{display:block;font-size:var(--text-small);font-weight:600;color:var(--text-main);margin-bottom:var(--space-xs);line-height:var(--leading-snug)}select,input,textarea{width:100%;min-height:var(--touch-target);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-md) var(--space-lg);font-size:var(--text-body);font-family:inherit;color:var(--text-main);background:var(--card-muted);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e33;background:var(--card)}textarea{min-height:3.5rem}select{padding-right:2.25rem}textarea{resize:vertical;max-height:8rem}.button-primary{width:100%;min-height:var(--touch-target);border:none;border-radius:var(--radius-full);padding:var(--space-md) var(--space-xl);font-size:var(--text-body);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#022c22;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 2px #0000000d,0 8px 24px -4px #22c55e59;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.button-primary span.icon{font-size:1.2rem}.button-primary:focus-visible{outline:3px solid #22c55e;outline-offset:2px}.button-primary:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 4px 6px -2px #0000000d,0 12px 32px -4px #22c55e66}.button-primary:active{transform:translateY(0)}.button-primary:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.8;box-shadow:0 1px 2px var(--border-subtle)}.error-text{margin-top:var(--space-xs);font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--error)}.hint-text{margin-top:var(--space-xs);font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-soft)}.faq{margin-top:var(--space-4xl);padding-top:var(--space-3xl);border-top:1px solid var(--border-subtle)}.faq-title{font-size:var(--text-overline);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-soft);margin:0 0 var(--space-lg);line-height:var(--leading-snug)}.faq-item+.faq-item{margin-top:var(--space-xl)}.faq-question{font-size:var(--text-small);font-weight:600;color:var(--text-main);margin:0 0 var(--space-xs);line-height:var(--leading-snug)}.faq-answer{margin:0;font-size:var(--text-caption);line-height:var(--leading-relaxed);color:var(--text-muted)}.app-footer{margin-top:var(--space-4xl);padding:var(--space-2xl) 0 0;text-align:center;font-size:var(--text-caption);line-height:var(--leading-relaxed);color:var(--text-soft);max-width:42ch;margin-left:auto;margin-right:auto}.app-footer span{display:inline}@media(min-width:768px){body{padding:var(--space-4xl) var(--space-2xl)}.page-main{max-width:32rem;padding:0 var(--space-lg)}.app-card{padding:var(--space-5xl) var(--space-3xl);border-radius:var(--radius-2xl)}.app-header{margin-bottom:var(--space-3xl);gap:var(--space-2xl)}.form-row{flex-direction:row;gap:var(--space-lg)}.field-country{flex:1.25 1 0}.field-phone{flex:1.75 1 0}.faq{margin-top:var(--space-5xl);padding-top:var(--space-4xl)}.app-footer{margin-top:var(--space-5xl);padding-top:var(--space-3xl)}}@media(min-width:1024px){body{padding:var(--space-5xl) var(--space-3xl)}.page-main{max-width:var(--content-max-desktop);padding:0 var(--space-2xl)}.page-content{width:100%}.app-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-4xl) var(--space-5xl);padding:var(--space-5xl) var(--space-4xl);align-items:start}.app-header{grid-column:1 / -1;margin-bottom:0;padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle);flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-xl)}.app-header>div:first-child{flex:1 1 20rem}.app-card header h1{font-size:clamp(2rem,2.5vw,2.5rem);letter-spacing:-.03em;line-height:1.15}.app-card header p{font-size:1.125rem;line-height:1.6;max-width:42ch}.app-form{grid-column:1;min-width:0}.faq{grid-column:2;margin-top:0;padding-top:0;padding-left:var(--space-4xl);border-top:none;border-left:1px solid var(--border-subtle)}.faq-title{font-size:var(--text-overline);margin-bottom:var(--space-xl);letter-spacing:var(--tracking-wide)}.faq-question{font-size:var(--text-body);font-weight:600}.faq-answer{font-size:var(--text-small);line-height:1.55}.faq-item+.faq-item{margin-top:var(--space-2xl)}.whatsapp-form .button-primary{width:auto;min-width:14rem;justify-self:start;padding:var(--space-md) var(--space-2xl)}.app-footer{margin-top:var(--space-5xl);padding-top:var(--space-4xl);max-width:none}}
