:root{--c1:#0f2a4a;--c2:#e0683b;--grad:linear-gradient(135deg,#0f2a4a 0%,#1f5a8a 55%,#7fb3d5 100%)}
*{box-sizing:border-box}body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:#1d2433;background:#fafaf7;line-height:1.6}
a{color:inherit}header{position:sticky;top:0;z-index:9;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e6e3da}
.wrap{max-width:1100px;margin:auto;padding:0 22px}.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 0}
.brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none;color:var(--c1)}.brand span{color:var(--c2)}
nav.links{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}nav.links a{text-decoration:none;font-size:.93rem}nav.links a:hover{color:var(--c2)}
.lang button{border:1px solid #ccc;background:#fff;padding:3px 8px;cursor:pointer;font-size:.8rem;border-radius:4px}.lang button.on{background:var(--c1);color:#fff;border-color:var(--c1)}
.hero{background:var(--grad);color:#fff;padding:110px 0 120px}.hero h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 18px;line-height:1.15;max-width:780px}
.hero p{font-size:1.15rem;max-width:640px;opacity:.95}.btn{display:inline-block;background:var(--c2);color:#fff;padding:13px 26px;border-radius:40px;text-decoration:none;font-weight:600;margin:10px 10px 0 0;border:0;cursor:pointer;font-size:1rem}
.btn.ghost{background:transparent;border:1px solid #fff}section{padding:70px 0}h2{font-family:Georgia,serif;font-size:2rem;margin:0 0 20px;color:var(--c1)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.card{background:#fff;border:1px solid #e6e3da;border-radius:14px;padding:26px}
.card h3{margin-top:0;color:var(--c1)}.swatch{height:120px;border-radius:10px;background:var(--grad);margin-bottom:16px}
.band{background:var(--c1);color:#fff}.band h2{color:#fff}form{display:grid;gap:14px;max-width:640px}label{font-size:.9rem;font-weight:600}
input,select,textarea{width:100%;padding:11px;border:1px solid #cfcabd;border-radius:8px;font:inherit;background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.note{font-size:.85rem;color:#666}.tbc{display:inline-block;background:#fff3cd;color:#7a5b00;padding:2px 9px;border-radius:12px;font-size:.85rem;font-weight:600}
footer{background:#11161f;color:#bbb;padding:36px 0;font-size:.9rem}footer a{color:#ddd}
@media(max-width:640px){.row{grid-template-columns:1fr}nav.links{margin-left:0}.hero{padding:70px 0}}
html:not([lang=en]) [data-l=en]{display:none!important}
html:not([lang=no]) [data-l=no]{display:none!important}
html:not([lang=es]) [data-l=es]{display:none!important}