/* Header + footer copied verbatim from the WB8 Digital home page (payhip_home/index_v5.html) */
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,Helvetica,Arial,sans-serif;color:#0b1a3a}
a{color:inherit;text-decoration:none}
nav{display:flex;align-items:center;gap:28px;padding:22px 40px;font-size:14px}nav img{height:30px;display:block}
.hero{background:repeating-linear-gradient(135deg,rgba(25,184,240,.05) 0 2px,transparent 2px 22px),linear-gradient(120deg,#0b1a3a 55%,#12346a);color:#fff;text-align:center;padding:30px 20px}
.hero h1{margin:0;font-size:clamp(22px,4vw,40px);white-space:nowrap}
.hero h1.es{font-size:clamp(18px,3vw,30px);margin-top:6px;color:#cfe6f5}
.hero p{margin:12px auto 0;max-width:1100px;font-size:17px;color:#cfe6f5}
@media(min-width:900px){.hero h1,.hero p{white-space:nowrap}}@media(max-width:899px){.hero h1{white-space:normal}}
footer{background:#0b1a3a;color:#fff;display:flex;justify-content:space-between;padding:30px 18%;font-size:13px;line-height:1.6}
footer a{color:#fff}
/* language sub-header band (new, EN/ES pages only) */
.langband{background:#19b8f0;color:#fff;text-align:center;padding:16px 20px}
.langband h2{margin:0;font-size:28px;font-weight:800;white-space:nowrap}
/* product list (unchanged from site.css) */
.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}
@media (max-width:760px){
 nav{padding:14px 16px;gap:8px 18px;font-size:13px;flex-wrap:wrap}nav a.logo{flex-basis:100%}nav a{white-space:nowrap}
 .hero p{font-size:15px}.langband h2{font-size:22px;white-space:normal}
 .note,.unit h2,.unit .sub{white-space:normal}
 .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}
 footer{flex-direction:column;gap:16px;padding:24px 18px}footer .r{text-align:left!important}
}