:root{--ink:#202331;--paper:#f7f6f0;--accent:#d5f568;--line:#d8d9d1;--muted:#505562}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7470df;outline-offset:5px}header{position:sticky;top:0;z-index:5;background:#f7f6f0f5;border-bottom:1px solid var(--line);padding:18px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{text-decoration:none;font-size:30px;font-weight:850;display:flex;align-items:center;gap:10px}.brand span{font-size:13px;line-height:1.1;max-width:65px;border-left:1px solid;padding-left:10px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;font-weight:600;text-decoration:none}nav a:hover{text-decoration:underline}main>section,main>aside{max-width:1320px;margin:auto;padding:85px 6%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:650}h1 em{font-style:normal;color:#5b547c}h2{font-size:clamp(32px,3.5vw,49px);line-height:1.13;letter-spacing:-.035em;font-weight:650}h3{line-height:1.3;font-size:23px;letter-spacing:-.02em}p{margin-bottom:22px}.eyebrow{font:700 12px/1.5 system-ui;letter-spacing:.13em;margin-bottom:25px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center;padding-top:75px;padding-bottom:65px}.intro{max-width:590px;font-size:19px}.button{display:inline-block;background:var(--ink);color:white;border-radius:9px;padding:14px 23px;text-decoration:none;font-weight:650}.small{font-size:13px;color:var(--muted);margin-top:20px}.visual{border:1px solid #b9b6cc;min-height:470px;border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#d2ccf3,transparent 65%),#e9e5f2;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.visual-label{font-size:10px;letter-spacing:.15em}.bubble{background:#fff9;padding:15px 20px;border:1px solid #fff;border-radius:14px;font-size:12px;max-width:85%}.bubble b{font-size:15px}.right{align-self:flex-end}.core{align-self:center;width:140px;height:140px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:54px;box-shadow:0 0 0 15px #ffffff30}.core span{font-size:10px;letter-spacing:.06em}.visual>p{font-size:12px;text-align:center;margin:0}.notice{background:var(--accent);padding:27px 6%;border-radius:15px;max-width:1160px}.notice p{font-size:14px;margin:7px 0 0}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.section-head>.eyebrow{grid-column:1/-1}.section-head>p:last-child{align-self:center}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.concepts article{border-top:1px solid var(--ink);padding-top:25px}.concepts article>span{display:block;font-size:12px;margin-bottom:24px}.concepts p{font-size:15px}.dark{background:var(--ink);color:#f7f6f0;border-radius:26px}.dark>p{max-width:650px;color:#d8d8e3}.dark .eyebrow{color:var(--accent)}[role=tablist]{display:flex;gap:10px;margin:35px 0 25px;flex-wrap:wrap}[role=tab]{border:1px solid #767986;background:transparent;color:inherit;padding:12px 22px;border-radius:99px}[role=tab][aria-selected=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}[role=tabpanel]{min-height:280px;background:#303443;border-radius:16px;padding:30px}[role=tabpanel] p{font-size:15px;max-width:900px}blockquote{margin:22px 0;font-size:23px;max-width:900px;line-height:1.5;color:#e5efb6}.comparison{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:35px 0}.comparison article{padding:30px}.comparison article:last-child{background:#e6e2f1}.comparison small{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:22px}.comparison p{font-size:16px;margin:0}.callout{border-left:3px solid #74698d;padding:10px 0 10px 24px;font-size:15px;max-width:900px}.check-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#e9ecdf;border-radius:24px}.checks label{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #b8bfab;font-size:16px}.checks input{width:20px;height:20px;flex-shrink:0;margin-top:4px;accent-color:#343824}#check-progress{font-weight:700;font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:20px;font-weight:600}.faq details p{max-width:800px;margin-top:20px;margin-bottom:5px;font-size:16px}.editorial{border-top:1px solid var(--line)}.editorial p{max-width:920px;font-size:15px}.responsible{display:grid;grid-template-columns:260px 1fr;gap:70px;background:#e6e2f1;border-radius:24px}.portrait{width:100%;height:auto;border-radius:14px;border:8px solid #f7f6f0;align-self:start}.responsible h2{font-size:40px}.responsible p{max-width:650px;font-size:15px}#contacto{padding-top:20px;border-top:1px solid #c6c1d3}#contacto a{overflow-wrap:anywhere}footer{background:var(--ink);color:white;padding:45px 6% 70px}footer p{font-size:13px;color:#d6d6df;margin:14px 0}footer nav{margin:24px 0}footer button{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;font-size:14px}.legal{max-width:900px;margin:auto;padding:65px 25px 100px}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:40px}.legal p{font-size:16px}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}.cookie-banner{position:fixed;z-index:10;bottom:16px;left:3%;right:3%;background:#fff;border:1px solid #aaa;box-shadow:0 8px 50px #0003;border-radius:16px;padding:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.cookie-banner h2{font-size:22px}.cookie-banner p,.cookie-banner a{font-size:13px;margin-bottom:8px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;align-content:center}.cookie-actions button{flex:1 1 140px;min-height:45px;border:1px solid #555b48;background:#edf5da;color:var(--ink);border-radius:7px;font-size:13px;font-weight:650;padding:10px}.cookie-actions .config-button{background:white}.cookie-dialog{border:1px solid #9b9aab;border-radius:18px;max-width:580px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:28px;color:var(--ink);background:var(--paper)}.cookie-dialog::backdrop{background:#16182699}.cookie-dialog h2{font-size:30px}.cookie-dialog p{font-size:14px}.cookie-top{display:flex;justify-content:space-between}.cookie-close{border:0;background:transparent;font-size:30px}.cookie-option{border-top:1px solid #ccc;padding-top:18px}.cookie-option label{display:flex;justify-content:space-between;font-weight:700}.cookie-option input{width:22px;height:22px}.cookie-status{position:fixed;bottom:8px;left:4%;z-index:12;background:var(--ink);color:white;border-radius:9px;font-size:13px;padding:10px;max-width:90%}.cookie-status:empty{display:none}[hidden]{display:none!important}body.consent-visible{padding-bottom:200px}@media(max-width:800px){header{position:relative;align-items:flex-start;flex-direction:column;gap:15px;padding:18px 6%}nav{gap:12px 18px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.visual{min-height:400px}.section-head,.comparison,.check-section,.responsible{grid-template-columns:1fr;gap:25px}.concepts{grid-template-columns:1fr;gap:15px}.concepts article{padding-top:20px}.concepts article>span{margin-bottom:10px}main>section{padding:55px 6%}.notice{margin:0 4%;padding:24px}.dark,.check-section,.responsible{border-radius:0}.responsible .portrait{width:200px}blockquote{font-size:20px}[role=tabpanel]{padding:22px;min-height:360px}.cookie-banner{grid-template-columns:1fr;gap:10px;bottom:8px;padding:16px;max-height:75vh;overflow:auto}.cookie-banner h2{margin-bottom:6px}.cookie-actions button{flex-basis:120px}body.consent-visible{padding-bottom:330px}.legal h1{font-size:36px}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
