:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#20324e;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}.shell{width:min(1120px,calc(100% - 42px));margin:auto}.header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e6edf6}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:-.035em;font-size:21px;white-space:nowrap}.brandmark{display:inline-grid;place-items:center;width:35px;height:35px;background:#2a70ec;color:white;border-radius:12px;font-size:27px}.nav nav,.navright{display:flex;align-items:center;gap:23px}.nav nav a,.footlinks a{font-size:14px;font-weight:550;color:#50617c}.nav a:hover,.footlinks a:hover{color:#2566e4}.navright{gap:12px}select{background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:10px;color:#354760;max-width:128px}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #2869e8;border-radius:12px;padding:14px 23px;background:#2869e8;color:white;font-weight:750;box-shadow:0 7px 18px rgba(40,105,232,.13)}.btn:hover{background:#1d56c1;color:white}.btn.alt{background:white;color:#2869e8;box-shadow:none}.btn.alt:hover{background:#f1f5ff}.btn-small{font-size:13px;padding:11px 15px;white-space:nowrap}.hero{min-height:585px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:92px}.eyebrow{color:#2d69d0;font-size:13px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}h1{font-size:clamp(40px,5vw,67px);line-height:1.095;letter-spacing:-.055em;margin:19px 0 22px}h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-.045em;line-height:1.14;margin:12px 0 14px}h3{font-size:21px;letter-spacing:-.03em;margin:7px 0 12px}.lead{color:#62718a;font-size:19px;line-height:1.68;max-width:565px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.quiet{font-size:13px;color:#728098}.preview{background:#fff;border:1px solid #e5ebf3;box-shadow:0 26px 65px rgba(28,66,124,.12);border-radius:24px;padding:24px;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:18px;padding-bottom:19px}.dot{color:#aec0dc;font-size:9px;letter-spacing:3px}.preview-line{display:flex;align-items:center;gap:13px;border:1px solid #eef1f6;border-radius:15px;padding:16px 13px;margin:11px 0;background:#fbfcfe}.preview-line>span:first-child{font-size:26px}.preview-line>div{display:flex;flex-direction:column;gap:4px;flex:1}.preview-line small{color:#7b899c}.done{background:#e0f7ea;color:#1c9e5c;padding:7px 10px;border-radius:50%}.pending{font-size:11px;background:#fff2df;color:#b77a16;padding:7px;border-radius:8px}.preview-foot{display:flex;gap:10px;justify-content:space-between;color:#7e8ca1;font-size:12px;padding-top:13px}.preview-foot strong{color:#efbd57}.section{padding-top:94px;padding-bottom:100px}.soft{background:#f6f9fd}.section-head{text-align:center;max-width:620px;margin:0 auto 40px}.section-head p{color:#64738a;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature{padding:27px 23px;background:#fff;border:1px solid #e6ecf5;border-radius:20px}.ficon{display:inline-grid;place-items:center;background:#ecf3ff;border-radius:13px;width:51px;height:51px;font-size:25px}.feature p{font-size:14px;line-height:1.72;color:#65758c}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan{border:1px solid #e2e9f4;border-radius:20px;padding:30px;display:flex;flex-direction:column;min-height:435px;position:relative}.featured{border:2px solid #3679f0;box-shadow:0 14px 30px rgba(37,104,213,.11)}.popular{position:absolute;right:20px;top:-14px;background:#2869e8;color:white;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:700}.price{display:flex;align-items:baseline;gap:6px;margin:12px 0}.price strong{font-size:38px;letter-spacing:-.06em}.price span,.plan p{color:#6c7b91}.plan ul{padding-left:20px;line-height:2;color:#4c5b72;font-size:14px;flex:1}.full{display:flex;width:100%}.disclaimer{color:#7e8a9a;font-size:12px;text-align:center;margin-top:25px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq details{background:#fff;border:1px solid #e4ecf6;border-radius:14px;margin-bottom:11px;padding:19px 21px}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:#69788d;line-height:1.65;font-size:14px}.closing{text-align:center;padding:95px 0}.closing h2{margin-bottom:28px}footer{background:#182d4a;color:#fff;padding:48px 0 28px}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{color:#b5c5de;font-size:13px}.footlinks{display:flex;flex-wrap:wrap;gap:20px;align-items:start}.footlinks a{color:#dce7fa}.footer-note{font-size:11px;color:#9fb1c9;margin-top:35px}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9;background:#fff;padding:12px}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f4b54d;outline-offset:3px}@media(max-width:900px){.nav nav{display:none}.hero{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.plans{gap:12px}.plan{padding:20px}.faq{gap:35px}}@media(max-width:650px){.shell{width:min(100% - 28px,1120px)}.nav{gap:10px;min-height:67px}.brand{font-size:16px}.brandmark{width:29px;height:29px;font-size:23px}.navright{gap:6px}.navright select{width:89px;font-size:11px}.btn-small{font-size:11px;padding:9px}.hero{grid-template-columns:1fr;gap:30px;padding-top:58px;padding-bottom:70px}.lead{font-size:16px}.preview{transform:none}.cards,.plans,.faq{grid-template-columns:1fr}.section{padding:65px 0}.plans{gap:15px}.plan{min-height:0}.faq{gap:18px}.foot{flex-direction:column}.closing{padding:60px 0}}

/* Accesibilidad: foco visible y respeto por preferencias de movimiento. */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}
:target{scroll-margin-top:90px}

/* HITO 09.14 K: cabecera de dos filas en pantallas estrechas; evita desbordamiento en móviles pequeños y textos largos. */
@media (max-width: 520px) {
  .nav { flex-wrap: wrap; gap: 9px; padding: 10px 0; }
  .brand { flex: 1 1 100%; font-size: 18px; }
  .navright { display: flex; width: 100%; justify-content: space-between; gap: 12px; }
  .navright select { flex: 1 1 auto; width: auto; min-width: 0; max-width: none; font-size: 13px; }
  .navright .btn-small { flex: 0 0 auto; font-size: 12px; padding: 10px 13px; }
  :target { scroll-margin-top: 132px; }
}
/* Evitar que títulos largos (especialmente alemán) agranden la columna del héroe. */
.hero > div, .preview-line > div { min-width: 0; }
.eyebrow, .preview-line strong, .preview-line .pending { overflow-wrap: anywhere; }
@media (max-width: 520px) { h1, h2, h3 { overflow-wrap: anywhere; } }

/* HITO 09.14 L: aclaración accesible de idioma de las páginas legales */
.legal-language { padding-top: 10px; color: #53657c; font-size: .83rem; line-height: 1.6; }

/* HITO 09.15 AF: onboarding sencillo y comparacion anual transparente. */
.onboarding-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.onboarding-step{position:relative;border:1px solid #e4ecf6;background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 30px rgba(29,70,128,.045)}
.step-number{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:15px;font-weight:800;color:#fff;background:#2869e8}
.step-icon{margin-left:12px;font-size:28px;vertical-align:middle}
.onboarding-step h3{margin-top:22px}
.onboarding-step p{color:#65758c;font-size:14px;line-height:1.72}
.annual-saving{display:block!important;color:#176c42!important;background:#eaf8f0;border:1px solid #bee7cd;border-radius:11px;padding:11px 12px;font-size:13px;font-weight:750;line-height:1.5;margin-top:3px}
@media(max-width:700px){.onboarding-cards{grid-template-columns:1fr}.onboarding-step{padding:22px}.onboarding-step h3{margin-top:12px}}