:root{--blue:#062b63;--red:#df121b;--cream:#fff8ed;--ink:#10213f;--muted:#60708a;--line:#e6e9ef}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;border-bottom:1px solid var(--line)}.brand img{height:64px;display:block}nav{display:flex;gap:28px;font-weight:700;color:var(--blue)}nav a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;padding:15px 22px;border-radius:999px;font-weight:800;box-shadow:0 12px 25px rgba(223,18,27,.2)}.btn.ghost{background:#fff;color:var(--blue);border:2px solid var(--blue);box-shadow:none}.btn.small{padding:10px 17px}.hero{min-height:760px;background:linear-gradient(90deg,rgba(6,43,99,.9),rgba(6,43,99,.56),rgba(6,43,99,.08)),url('assets/hero-persianas-comarruga.png') center/cover no-repeat;display:flex;align-items:center;padding:8vw 5vw}.hero-copy{max-width:760px;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--red);margin:0 0 16px}.hero .eyebrow{color:#fff;background:rgba(223,18,27,.86);display:inline-block;padding:8px 12px;border-radius:999px}h1{font-size:clamp(42px,6vw,82px);line-height:.98;margin:0 0 22px;font-weight:900}h1 span{color:#ffdce0}.lead{font-size:clamp(20px,2.3vw,30px);line-height:1.35;margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.intro,.trust{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:90px 5vw}.intro{background:var(--cream)}.intro img{width:100%;border-radius:30px;box-shadow:0 25px 60px rgba(16,33,63,.18)}h2{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:0 0 18px;color:var(--blue)}p{font-size:19px;line-height:1.65;color:var(--muted)}.services{padding:90px 5vw}.services>h2{text-align:left;max-width:850px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}.card{border:1px solid var(--line);border-radius:26px;padding:28px;background:#fff;box-shadow:0 12px 30px rgba(16,33,63,.06)}.card span{font-weight:900;color:var(--red);font-size:20px}.card h3{font-size:25px;color:var(--blue);margin:16px 0 8px}.card p{font-size:17px}.card.highlight{border:3px solid var(--red);transform:translateY(-8px)}.banner{margin:20px 5vw 80px;padding:70px 6vw;border-radius:34px;background:linear-gradient(135deg,var(--blue),#0d4a98);color:#fff;text-align:center}.banner h2{color:#fff}.banner p{color:#eaf1ff;max-width:780px;margin:0 auto 28px}.trust{background:#f4f7fb}.trust ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.trust li{background:#fff;padding:18px 22px;border-radius:18px;font-size:20px;font-weight:800;color:var(--blue);box-shadow:0 10px 20px rgba(16,33,63,.05)}.trust li:before{content:'✓';color:var(--red);margin-right:10px}footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#061b3d;color:#fff;padding:55px 5vw}footer img{width:300px;max-width:100%;background:white;border-radius:12px;margin-bottom:20px}footer h3{font-size:26px;margin:0 0 12px}footer p,footer a{color:#dce8ff;font-size:18px}@media(max-width:900px){.topbar{align-items:flex-start}.brand img{height:46px}nav{display:none}.hero{min-height:680px;background-position:center}.intro,.trust,footer{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card.highlight{transform:none}.actions .btn{width:100%}}
