*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:#1c2733;line-height:1.65;background:#fff}
a{color:#0a4d8c}.container{max-width:820px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e3e8ef;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1080px;margin:0 auto;padding:0 20px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#0a4d8c;text-decoration:none}
.logo .mark{background:#ff7a00;color:#fff;width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-size:18px}
.langs{font-size:12px;color:#5b6b7b}.langs a{text-decoration:none;color:#5b6b7b;font-weight:700;padding:0 3px}.langs a.on{color:#ff7a00}
.hero{background:linear-gradient(160deg,#0a4d8c,#073763);color:#fff;padding:44px 0}
.hero h1{font-size:30px;line-height:1.25}.hero p{margin-top:10px;opacity:.92;font-size:17px}
main{padding:34px 0 10px}main h2{color:#073763;font-size:22px;margin:28px 0 10px}main p{margin:10px 0}
main ul{margin:10px 0 10px 22px}main li{margin:6px 0}
.cta-box{background:#fff8ec;border:1px solid #ffd9a8;border-radius:12px;padding:22px;text-align:center;margin:26px 0}
.btn{display:inline-block;background:#ff7a00;color:#fff;font-weight:800;padding:14px 28px;border-radius:9px;text-decoration:none;font-size:17px}
.btn:hover{background:#e56d00}
.faq h3{font-size:16px;color:#0a4d8c;margin:16px 0 4px}
.disc{font-size:12px;color:#8a6d00;background:#fff8e1;border:1px solid #ffe08a;border-radius:8px;padding:8px 12px;margin-top:8px}
.otras{background:#f4f6f9;padding:30px 0;margin-top:30px}
.otras h2{color:#073763;font-size:20px;text-align:center;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.grid a{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:12px;text-align:center;font-weight:600;text-decoration:none;color:#0a4d8c}
.grid a:hover{border-color:#0a4d8c}
footer{background:#073763;color:#c9d6e5;padding:26px 0;font-size:13px;text-align:center}footer a{color:#c9d6e5}
.ptable{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}.ptable th,.ptable td{border:1px solid #e3e8ef;padding:9px 12px;text-align:left}.ptable th{background:#f4f6f9;color:#073763}.ptable td:nth-child(2),.ptable td:nth-child(3){white-space:nowrap}
.wwrap{margin-top:22px;background:rgba(255,255,255,.08);border-radius:12px;padding:10px}

/* === movil === */
@media(max-width:760px){
  .nav{flex-wrap:wrap;height:auto;min-height:56px;padding:8px 14px;gap:4px 10px}
  .langs{order:3;width:100%;text-align:center;font-size:11px;line-height:1.9;margin-top:2px}
  .hero{padding:30px 0}
  .hero h1{font-size:23px}
  .hero p{font-size:15px}
  main h2{font-size:19px}
  .btn{display:block;width:100%;padding:14px 10px;font-size:16px}
  .cta-box{padding:16px}
  .ptable{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .ptable th,.ptable td{padding:8px 10px;font-size:14px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
  .grid a{padding:10px 6px;font-size:13px}
  img[alt]{height:200px !important}
}

/* --- ARREGLO MOVIL --- */
@media(max-width:600px){
  .hero-cta{flex-direction:column!important;align-items:stretch!important;border-radius:18px!important;padding:16px!important;gap:12px!important;max-width:100%!important}
  .hero-cta .hero-cta-txt{text-align:center!important;font-size:15px!important;line-height:1.35!important;flex:none!important}
  .hero-cta .hero-cta-btn{white-space:normal!important;text-align:center!important;padding:15px 12px!important;display:block!important}
  .nav,.navbar,header .nav{flex-wrap:wrap!important;gap:8px!important}
  .logo{font-size:17px!important;white-space:nowrap!important}
  table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}
}