.ccompat-wrap{max-width:720px;padding-top:28px;padding-bottom:60px}.ccompat-volver{margin-bottom:20px;font-size:.86rem;display:inline-block}.ccompat-head{align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.ccompat-head h1{letter-spacing:-.01em;margin-bottom:6px;font-size:1.5rem;font-weight:800}.ccompat-head p{color:var(--text-dim);font-size:.92rem;line-height:1.6}.ccompat-ico{width:64px;height:64px;color:var(--cyan);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid var(--border-hi);border-radius:18px;flex:none;place-items:center;display:grid}.ccompat-ico svg{width:34px;height:34px}.ccompat-bloque{border-radius:var(--r);background:var(--glass);border:1px solid var(--border);margin-top:16px;padding:20px}.ccompat-bloque h2{align-items:center;gap:10px;margin-bottom:8px;font-size:1.1rem;font-weight:800;display:flex}.ccompat-intro{color:var(--text-dim);margin-bottom:14px;font-size:.88rem;line-height:1.6}.ccompat-marca{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.ccompat-marca svg{width:16px;height:16px}.ccompat-si{border-color:color-mix(in srgb, var(--green) 40%, transparent)}.ccompat-si .ccompat-marca{color:var(--green-fg);background:color-mix(in srgb, var(--green) 18%, transparent)}.ccompat-no{border-color:color-mix(in srgb, var(--red) 35%, transparent)}.ccompat-no .ccompat-marca{color:var(--red-fg);background:color-mix(in srgb, var(--red) 16%, transparent)}.ccompat-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;display:grid}.ccompat-lista li{border-radius:var(--r-sm);background:var(--surface-input);border:1px solid var(--border);gap:4px;padding:12px 14px;font-size:.9rem;line-height:1.45;display:grid}.ccompat-lista li span{color:var(--text-dim);font-size:.8rem;line-height:1.5}.ccompat-nota{color:var(--text-dim);margin-top:12px;font-size:.82rem;line-height:1.55}.ccompat-pasos{counter-reset:paso;gap:12px;list-style:none;display:grid}.ccompat-pasos li{counter-increment:paso;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.55;display:flex}.ccompat-pasos li:before{content:counter(paso);background:var(--btn-primary-bg);width:28px;height:28px;color:var(--btn-primary-fg);border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:800;display:grid}.ccompat-puntos{gap:10px;padding-left:1.1em;display:grid}.ccompat-puntos li{font-size:.9rem;line-height:1.55}.ccompat-acciones{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;display:flex}.ccompat-tecnico{border-radius:var(--r-sm);border:1px solid var(--border);margin-top:16px;overflow:hidden}.ccompat-tecnico summary{cursor:pointer;padding:14px 16px;font-size:.9rem;font-weight:600;list-style:none}.ccompat-tecnico summary::-webkit-details-marker{display:none}.ccompat-tecnico summary:after{content:"+";float:right;color:var(--muted);font-weight:400}.ccompat-tecnico[open] summary:after{content:"−"}.ccompat-tecnico ul{gap:8px;padding:0 16px 16px 34px;display:grid}.ccompat-tecnico li{color:var(--text-dim);font-size:.86rem;line-height:1.55}.ccompat-volver:focus-visible,.ccompat-tecnico summary:focus-visible{outline:2px solid var(--border-hi);outline-offset:2px}@media (max-width:640px){.ccompat-head{gap:14px}.ccompat-ico{border-radius:14px;width:52px;height:52px}.ccompat-ico svg{width:28px;height:28px}.ccompat-head h1{font-size:1.25rem}.ccompat-bloque{padding:16px}.ccompat-lista{grid-template-columns:1fr}.ccompat-acciones .btn{justify-content:center;width:100%}}