:root{color-scheme:light dark;--bg:#f8f7f3;--surface:#fffefa;--surface-2:#f1f6f6;--text:#17212b;--muted:#65717b;--line:#dfe6e4;--accent:#0f5d6b;--accent-strong:#094b56;--accent-soft:#e7f2f1;--focus:#d68b2d;--shadow:0 14px 34px rgba(16,37,43,.06);--max:1120px;--read:760px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--accent-strong);text-decoration-thickness:.14em}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:24px}.skip-link{position:absolute;left:-999px;top:auto;background:var(--text);color:var(--surface);padding:10px 14px;z-index:30;border-radius:10px}.skip-link:focus{left:14px;top:14px}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,243,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-weight:780;letter-spacing:-.025em;text-decoration:none}.brand img{border-radius:12px;flex:0 0 auto}.brand span{font-size:1.02rem}.main-nav{display:flex;gap:8px;align-items:center}.main-nav a{color:var(--muted);font-weight:680;text-decoration:none;padding:10px 12px;border-radius:999px}.main-nav a:hover{background:var(--accent-soft);color:var(--accent-strong)}.menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:1.35rem}.hero{padding:76px 0 52px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.82fr);gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);padding:6px 12px;color:var(--accent-strong);font-size:.86rem;font-weight:760;letter-spacing:.01em}h1,h2,h3{margin:0;color:var(--text);line-height:1.12;letter-spacing:-.035em}h1{margin-top:16px;margin-bottom:22px;font-size:clamp(2.15rem,6vw,4.65rem);max-width:900px}h2{font-size:clamp(1.45rem,3vw,2.15rem);margin-top:4px;margin-bottom:18px}h3{font-size:1.12rem;margin-bottom:10px}p{margin:0 0 20px}.lead{max-width:var(--read);color:var(--muted);font-size:clamp(1.06rem,2vw,1.26rem);line-height:1.65}.section{padding-block:64px}.section-narrow{max-width:var(--read);margin-inline:auto}.section-narrow+.section{padding-top:28px}.panel,.answer-box,.search-card,.data-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel{padding:42px;box-shadow:none}.panel>h2:not(:first-child){margin-top:44px}.answer-box{margin:24px 0 8px;padding:30px 34px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.answer-box p{margin:0 0 8px;color:var(--muted);font-size:.9rem;font-weight:760;text-transform:uppercase;letter-spacing:.055em}.answer-box strong{display:block;max-width:680px;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.25;letter-spacing:-.025em}.search-card{padding:24px;box-shadow:var(--shadow)}.search-form{display:grid;gap:12px}.search-form label{font-weight:780}.search-row{display:flex;gap:12px}.search-input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;padding:0 15px}.search-input:focus{border-color:var(--accent);outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:#fff;text-decoration:none;font-weight:780;padding:0 18px;white-space:nowrap}.btn:hover{background:var(--accent-strong);color:#fff}.btn.secondary{background:transparent;color:var(--accent)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.link-card{display:block;min-height:100%;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--text);text-decoration:none}.link-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}.link-card span{display:block;margin-top:7px;color:var(--muted);font-size:.94rem;line-height:1.55}.breadcrumb{margin:24px 0 26px;color:var(--muted);font-size:.92rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:34px;align-items:start}.data-card{padding:26px;position:sticky;top:96px}.data-card h2{font-size:1.2rem;margin-bottom:18px}.data-list{display:grid;gap:0;margin:0}.data-list div{display:grid;gap:3px;padding:13px 0;border-bottom:1px solid var(--line)}.data-list div:first-child{padding-top:0}.data-list div:last-child{border-bottom:0;padding-bottom:0}.data-list dt{color:var(--muted);font-size:.78rem;font-weight:780;text-transform:uppercase;letter-spacing:.06em}.data-list dd{margin:0;font-weight:720;line-height:1.4}.examples{display:grid;gap:12px;margin:0;padding-left:22px}.examples li{padding-left:4px}.faq{display:grid;gap:12px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 18px;margin:0}.faq summary{cursor:pointer;font-weight:780}.faq p{margin:12px 0 0;color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 28px}.select{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit}.results{display:grid;gap:12px;margin-top:18px}.result-item{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px 18px}.result-item a{font-weight:800;color:var(--text);text-decoration:none}.result-item p{margin:5px 0 0;color:var(--muted);font-size:.96rem}.alpha{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.popular-list{columns:2;column-gap:42px}.popular-list li{break-inside:avoid;margin-bottom:8px}.site-footer{margin-top:54px;border-top:1px solid var(--line);padding:38px 0;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:28px}.footer-grid p{max-width:560px;margin-top:8px}.footer-grid nav{display:grid;gap:9px;align-content:start}.badge{display:inline-flex;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:760;padding:4px 9px}@media (max-width:860px){.wrap{padding-inline:20px}.header-inner{min-height:66px}.brand span{font-size:.98rem}.hero{padding:48px 0 34px}.hero-grid,.content-layout,.grid-2,.grid-3{grid-template-columns:1fr;gap:22px}h1{margin-top:13px;margin-bottom:18px}.section{padding-block:48px}.panel{padding:28px}.panel>h2:not(:first-child){margin-top:34px}.answer-box{padding:24px;margin-top:20px}.search-card{padding:20px}.search-row{flex-direction:column}.btn{width:100%}.menu-toggle{display:inline-flex}.main-nav{position:absolute;left:18px;right:18px;top:64px;display:none;flex-direction:column;align-items:stretch;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 14px;border-radius:12px}.data-card{position:static}.popular-list{columns:1}.footer-grid{display:grid}.site-footer{margin-top:38px}}@media (max-width:480px){body{font-size:16px}.wrap{padding-inline:20px}.brand span{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel,.answer-box,.search-card,.data-card{border-radius:16px}.panel{padding:24px 20px}.link-card{padding:18px}.section{padding-block:44px}.hero{padding-top:38px}.answer-box strong{font-size:1.34rem}}@media (prefers-color-scheme:dark){:root{--bg:#101719;--surface:#151f22;--surface-2:#17292d;--text:#f3f6f5;--muted:#b8c3c2;--line:#26383c;--accent:#66c6d2;--accent-strong:#9be3ea;--accent-soft:#173238;--shadow:0 16px 34px rgba(0,0,0,.25)}.site-header{background:rgba(16,23,25,.92)}.btn{color:#062429}.btn:hover{color:#062429}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}/* Ajuste v4: buscador de la home más compacto y limpio */
.search-card-home{max-width:430px;margin-left:auto;padding:28px;border-radius:22px}.search-card-home .search-form{gap:14px}.search-card-home label{font-size:.98rem}.search-help{margin:12px 0 0;color:var(--muted);font-size:.94rem;line-height:1.5}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.quick-links a{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--accent);font-size:.9rem;font-weight:720;text-decoration:none}.quick-links a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.results[hidden]{display:none}.results-compact{margin-top:18px;max-height:320px;overflow:auto;padding-right:4px}.results-compact .result-item{padding:13px 14px;border-radius:13px}.results-compact .result-item p{font-size:.9rem}.empty-result{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted)}
@media (min-width:861px){.hero-grid{grid-template-columns:minmax(0,1fr) 430px;gap:64px}.hero{padding-top:92px}.hero .lead{max-width:620px}}
@media (max-width:860px){.search-card-home{max-width:none;margin-left:0}.hero-grid{align-items:start}.quick-links a{min-height:38px}.results-compact{max-height:none;overflow:visible;padding-right:0}}


/* Pulido UX móvil v5: más aire, bordes más suaves y lectura cómoda */
@media (max-width:860px){
  body{line-height:1.72;-webkit-text-size-adjust:100%}
  .site-header{border-bottom-color:color-mix(in srgb,var(--line) 74%,transparent)}
  .header-inner{min-height:70px;gap:14px}
  .brand{gap:10px;min-width:0}
  .brand img{width:32px;height:32px;border-radius:11px}
  .brand span{font-size:1rem;letter-spacing:-.02em}
  .menu-toggle{width:48px;height:48px;border-radius:16px;flex:0 0 auto;font-size:1.25rem;box-shadow:none}
  .main-nav{top:70px;left:20px;right:20px;padding:8px;border-radius:18px}
  .main-nav a{min-height:46px;display:flex;align-items:center;font-size:1rem}
  .hero{padding-block:44px 30px}
  .hero-grid{gap:28px}
  .eyebrow{padding:6px 11px;font-size:.82rem}
  h1{font-size:clamp(2rem,10vw,3rem);line-height:1.08;margin-top:16px;margin-bottom:18px;letter-spacing:-.045em}
  h2{font-size:clamp(1.38rem,6vw,1.82rem);line-height:1.15;margin-bottom:18px;letter-spacing:-.035em}
  h3{font-size:1.08rem;line-height:1.22}
  p{margin-bottom:22px}
  .lead{font-size:1.04rem;line-height:1.68;color:var(--muted)}
  .grid{gap:14px}
  .link-card{padding:20px 18px;border-radius:18px;min-height:auto;line-height:1.45}
  .link-card span{margin-top:8px;font-size:.94rem;line-height:1.5}
  .panel{padding:28px 22px;border-radius:20px}
  .search-card{padding:22px;border-radius:20px}
  .search-card-home{padding:22px;border-radius:20px}
  .search-form{gap:13px}
  .search-row{gap:10px}
  .search-input{min-height:52px;border-radius:15px;padding-inline:15px;font-size:1rem}
  .btn{min-height:52px;border-radius:15px;font-size:1rem}
  .quick-links{gap:9px;margin-top:18px}
  .quick-links a{min-height:40px;padding:7px 12px;border-radius:999px}
  .results{gap:10px;margin-top:16px}
  .result-item{padding:15px 16px;border-radius:16px}
  .result-item p{line-height:1.48}
  .answer-box{padding:24px 22px;border-radius:20px;margin:20px 0 4px}
  .answer-box strong{font-size:1.45rem;line-height:1.26}
  .content-layout{gap:26px}
  .data-card{padding:24px 22px;border-radius:20px}
  .data-list div{padding:14px 0}
  .faq{gap:12px}
  .faq details{padding:18px 17px;border-radius:17px}
  .faq summary{line-height:1.35}
  .breadcrumb{margin:22px 0 20px;line-height:1.55}
  .site-footer{padding-block:34px;margin-top:42px}
}
@media (max-width:480px){
  .wrap{padding-inline:22px}
  .header-inner{min-height:68px}
  .main-nav{top:68px;left:14px;right:14px}
  .brand span{max-width:220px}
  .hero{padding-block:38px 26px}
  .section{padding-block:46px}
  .section-narrow+.section{padding-top:26px}
  .grid-3,.grid-2{gap:13px}
  .link-card{padding:19px 17px;border-radius:18px}
  .search-card-home,.search-card,.panel,.data-card{border-radius:19px}
  .search-card-home{padding:20px 18px}
  .panel{padding:26px 20px}
  .faq details{padding:17px 16px}
  .footer-grid{gap:18px}
}
@media (max-width:380px){
  .wrap{padding-inline:18px}
  h1{font-size:2rem}
  .brand span{max-width:190px}
  .link-card{padding:18px 16px}
}