:root{--bg:#f6f9fd;--surface:#fff;--ink:#07193a;--mute:#51607a;--blue:#0a8cff;--cyan:#00b4ff;--line:#d9e3f1;--dark:#07193a;--dark-ink:#fff;--dark-mute:#a9b9d3;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#f6f9fd}}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wrap{width:min(1120px,90%);margin:auto}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:rgba(246,249,253,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav img{height:34px;width:auto}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;font-size:15px;color:var(--mute)}
nav a:hover{color:var(--blue)}
nav .cta{background:var(--ink);color:#fff;padding:9px 18px;border-radius:6px}
nav .cta:hover{background:var(--blue);color:#fff}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:15px 28px;border-radius:6px;transition:background .2s}
.btn:hover{background:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);margin-left:12px}
.btn.ghost:hover{background:var(--ink);color:#fff}
.hero{padding:96px 0 88px;position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.04;letter-spacing:-.025em;font-weight:800;margin-bottom:22px}
.hero p{font-size:19px;color:var(--mute);max-width:52ch;margin-bottom:34px}
.mark{position:relative;aspect-ratio:1;display:grid;place-items:center;
background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px;
border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 72%);mask-image:radial-gradient(circle,#000 55%,transparent 72%)}
.mark img{width:78%;position:relative}
.mark{animation:rise 1s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mark{animation:none}html{scroll-behavior:auto}}
.sec{padding:96px 0}
.sec h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;line-height:1.12;margin-bottom:12px;max-width:20ch}
.lead{color:var(--mute);font-size:18px;max-width:56ch;margin-bottom:48px}
.svc{list-style:none;border-top:1.5px solid var(--ink)}
.svc li{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.svc h3{font-size:21px}
.svc p{color:var(--mute)}
.svc li:hover h3{color:var(--blue)}
.dark{background:var(--dark);color:var(--dark-ink)}
.dark .lead,.dark p{color:var(--dark-mute)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.team{list-style:none}
.team li{padding:18px 0 18px 20px;border-left:3px solid var(--cyan);margin-bottom:14px}
.team li:nth-child(2){border-color:var(--blue)}
.team strong{display:block;font-size:19px;color:#fff}
.team span{color:var(--dark-mute);font-size:15px}
.contact h2{margin-bottom:12px}
footer{padding:36px 0;border-top:1px solid var(--line);color:var(--mute);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer img{height:28px;width:auto}
.alt{background:#eaf1fb}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.steps li{counter-increment:s;padding:0 24px 0 0;position:relative;border-top:3px solid var(--ink);padding-top:22px}
.steps li::before{content:counter(s);display:block;font-size:34px;font-weight:800;color:var(--blue);margin-bottom:6px}
.steps h3{margin-bottom:6px;font-size:20px}
.steps p{color:var(--mute)}
.quiz{max-width:760px}
.q{border:0;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.q legend{float:left;width:100%;font-weight:600;margin-bottom:10px}
.q .opts{display:flex;gap:10px}
.q label{cursor:pointer}
.q input{position:absolute;opacity:0}
.q label span{display:inline-block;min-width:64px;text-align:center;padding:8px 16px;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);font-weight:600;transition:.15s}
.q input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.q input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.quiz .btn{margin-top:22px;border:0;cursor:pointer;font-size:16px}
.err{color:#b3261e;margin-top:12px;font-weight:600}
.result{max-width:760px;margin-top:32px;padding:32px;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--blue);border-radius:8px}
.result.alto{border-left-color:#d93025}.result.medio{border-left-color:#f0a400}.result.bajo{border-left-color:#1e9e5a}
.result h3{font-size:24px;margin-bottom:8px}
.result p{color:var(--mute);margin-bottom:20px}
.faq{max-width:800px;border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font-size:24px;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:10px;color:var(--mute);max-width:62ch}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:56px;width:min(1120px,90%)}
.c-info p{color:var(--mute);margin-bottom:24px}
.form{display:grid;gap:16px}
.form label{display:grid;gap:6px;font-weight:600;font-size:15px}
.form input,.form textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.form input:focus,.form textarea:focus{outline:3px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.form .btn{border:0;cursor:pointer;font-size:16px}
.note{color:var(--mute);font-size:14px}
.wa-float{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:20;transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}
@media(max-width:820px){
.steps{grid-template-columns:1fr;gap:28px}
.contact{grid-template-columns:1fr;padding:28px}
nav a:not(.cta){display:none}
.hero{padding:56px 0}
.hero .wrap,.about{grid-template-columns:1fr}
.mark{max-width:300px;margin:auto;order:-1}
.svc li{grid-template-columns:1fr;gap:6px}
.btn.ghost{margin:12px 0 0}
}
.sec .contact{width:100%}
.c-card{display:block;text-decoration:none;border:1.5px solid var(--line);border-radius:8px;padding:20px 22px;margin-bottom:16px;background:var(--bg);transition:border-color .2s}
.c-card:hover{border-color:var(--blue)}
.c-card strong{display:block;color:var(--mute);font-size:14px;font-weight:600}
.c-card span{display:block;font-size:21px;font-weight:700;margin:2px 0 6px;overflow-wrap:anywhere}
.c-card em{font-style:normal;color:var(--blue);font-weight:600;font-size:15px}
.status{font-weight:600;color:#1e7a46}
.status.error{color:#b3261e}
.c-text{color:var(--mute);margin-bottom:18px}