*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,Helvetica,Arial,sans-serif;color:#0b1a3a;background:#fff}
a{color:inherit;text-decoration:none}
header nav{display:flex;align-items:center;gap:28px;padding:18px 40px;font-size:14px;font-weight:600}
header nav img{height:30px;display:block}
header nav .sp{flex:1}
header nav a.on{text-decoration:underline;text-underline-offset:4px}
.band{background:repeating-linear-gradient(135deg,rgba(25,184,240,.07) 0 2px,transparent 2px 22px),linear-gradient(120deg,#0b1a3a 55%,#12346a);color:#fff;text-align:center;padding:30px 20px}
.band h1{margin:0;font-size:36px;font-weight:700;line-height:1.2;white-space:nowrap}
.band p{margin:10px 0 0;font-size:17px;color:#cfe6f5;line-height:1.3;white-space:nowrap}
.wrap{max-width:1180px;margin:0 auto;padding:28px 24px 40px}
.note{text-align:center;color:#567;font-size:14px;margin:0 0 22px;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 32px}
.unit{background:#fff;border:1px solid #d7e3ee;border-radius:14px;padding:18px;display:flex;gap:18px;align-items:stretch}
.unit .cover{flex:0 0 168px}
.unit .cover img{width:168px;height:168px;object-fit:contain;border-radius:10px;display:block;background:#0b1a3a}
.unit .body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}
.tag{font-size:11px;font-weight:700;color:#19B8F0;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}
.unit h2{margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.25;white-space:nowrap}
.unit .sub{margin:0 0 14px;font-size:14px;color:#567;line-height:1.35;white-space:nowrap}
.ctas{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:10px 16px;font-size:14px;font-weight:800;white-space:nowrap}
.btn.free{border:2px solid #19B8F0}
.btn.paid{background:#0b1a3a;color:#fff;border:2px solid #0b1a3a}
.lang{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:10px 0 24px}
.lang a{display:block;min-width:280px;text-align:center;padding:22px 28px;border-radius:14px;font-size:20px;font-weight:800;border:2px solid #0b1a3a}
.lang a.es{background:#0b1a3a;color:#fff}
.center{text-align:center}
.small{color:#567;font-size:14px}
footer{background:#0b1a3a;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:30px 10%;font-size:13px;line-height:1.6;margin-top:20px}
footer img{height:28px;filter:brightness(2);margin-bottom:6px}
footer .r{text-align:right}
@media (max-width:760px){
 header nav{padding:12px 16px;gap:8px 18px;font-size:13px;flex-wrap:wrap}header nav .sp{flex-basis:100%;height:0}header nav a{white-space:nowrap}
 .band h1,.band p,.note,.unit h2,.unit .sub{white-space:normal}
 .band h1{font-size:26px}.band p{font-size:15px}
 .grid{grid-template-columns:1fr;gap:18px}
 .unit{padding:14px;gap:14px}.unit .cover{flex-basis:104px}.unit .cover img{width:104px;height:104px}
 .unit h2{font-size:17px}.btn{padding:9px 13px;font-size:13px}
 .lang a{min-width:0;width:100%}
 footer{flex-direction:column;padding:24px 18px}footer .r{text-align:left}
}