/* Página de seguridad: se apoya en /tramites/local.css (fondo, tipografía y tarjetas) */
.grad{background:linear-gradient(90deg,var(--coral),#FFB36B);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-bottom:24px}
.sec-pills{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0;list-style:none}
.sec-pills li{padding:8px 14px 8px 32px;border-radius:999px;background:#fff;border:1px solid rgba(16,24,43,.08);font-size:14px;font-weight:600;position:relative;box-shadow:0 10px 22px -18px rgba(16,24,43,.4)}
.sec-pills li::before{content:"";position:absolute;left:13px;top:50%;width:10px;height:6px;border-left:2px solid var(--coral-dark);border-bottom:2px solid var(--coral-dark);transform:translateY(-70%) rotate(-45deg)}
.sec-phones{position:relative;height:440px}
.sp{position:absolute;margin:0;width:200px;padding:7px;border-radius:34px;background:linear-gradient(160deg,#2A3350,#10182B 45%);box-shadow:0 40px 70px -30px rgba(16,24,43,.55)}
.sp img{display:block;width:100%;height:auto;border-radius:28px}
.sp.back{left:8%;top:30px;transform:rotate(-7deg);opacity:.96}
.sp.front{right:8%;top:0;transform:rotate(5deg)}
.phase{margin-top:56px}
.phase-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.phase-head .step{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#FF7A70,#E8414A);color:#fff;font-weight:800;font-size:18px;box-shadow:0 10px 22px -10px rgba(232,65,74,.7)}
.phase-head .eyebrow{margin:0 0 2px}
.phase-head h2{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;line-height:1.1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.grid article{background:#fff;border:1px solid rgba(16,24,43,.08);border-radius:22px;padding:22px 22px 20px;box-shadow:0 18px 40px -30px rgba(16,24,43,.35)}
.grid h3{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}
.grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.grid article.help{background:linear-gradient(135deg,#10182B,#2B2F52 70%,#5A2A3C);border-color:transparent;color:#fff}
.grid article.help p{color:#C9CCDA}
.sec-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:64px;padding:32px 34px;border-radius:28px;background:linear-gradient(135deg,#FFF1EC,#FFE3D2);border:1px solid rgba(200,55,67,.12)}
.sec-cta h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em}
.sec-cta p{margin:0;color:var(--muted)}
.sec-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-dark,.btn-light{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 12px 24px -14px rgba(16,24,43,.8)}
.btn-light{background:#fff;color:var(--ink);border:1px solid rgba(16,24,43,.1)}
.sec-note{margin:28px 0 0;color:var(--muted);font-size:14px;text-align:center}
@media(max-width:860px){.sec-hero{grid-template-columns:1fr}.sec-phones{height:380px;max-width:420px;margin:0 auto;width:100%}.sp{width:170px}}
