.opn{--opn-ink:#07101c;--opn-red:#b11019;--opn-acc:#FF6A5E;--opn-muted:#526071;--opn-rule:#d5dbe2;--opn-papel:#fff;background:var(--opn-papel);color:var(--opn-ink);padding:clamp(40px,7vw,96px) 20px;font-family:var(--font-sans,"Hanken Grotesk",Arial,sans-serif)}
.opn *{box-sizing:border-box}
.opn-in{max-width:1180px;margin:0 auto}
.opn .opn-rot{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--opn-red)}
.opn h2{margin:0 0 20px;font-size:clamp(28px,3.8vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.12}
.opn-top{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch;margin-bottom:28px}
.opn .opn-ctx{margin:0;font-size:18px;line-height:1.6;color:var(--opn-muted)}
.opn-dato{display:flex;flex-direction:column;gap:4px;padding:22px 24px;border-radius:18px;background:var(--opn-ink);color:var(--opn-papel)}
.opn-dato strong{font-size:clamp(32px,4vw,48px);line-height:1;color:var(--opn-acc)}
.opn-dato small{opacity:.7;font-size:12px}
.opn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.opn-card{border:1px solid var(--opn-rule);border-top:3px solid var(--opn-red);border-radius:16px;padding:22px}
.opn-card h3{margin:0 0 12px;font-size:18px}
.opn-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.opn-card li{padding-left:18px;position:relative;line-height:1.45}
.opn-card li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--opn-red)}
.opn-com{margin-top:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:24px;padding:clamp(22px,4vw,40px);border-radius:20px;background:var(--opn-ink);color:var(--opn-papel)}
.opn-com .opn-rot{color:var(--opn-acc)}
.opn-com h3{margin:0 0 10px;font-size:clamp(22px,2.6vw,30px)}
.opn-com p{margin:0;opacity:.85;line-height:1.55}
.opn-com-pts{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.opn-com-pts li{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:2px solid var(--opn-acc)}
.opn-com-pts span{opacity:.8}
.opn .opn-nota{margin:18px 0 0;font-size:13px;color:var(--opn-muted)}
@media (max-width:900px){
 .opn-top,.opn-com{grid-template-columns:1fr}
 .opn-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:0 20px 8px}
 .opn-card{flex:0 0 82%;scroll-snap-align:start}
}
