.seo-page{min-height:100vh}
.seo-main{padding:64px 0 72px}
.seo-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:42px 0 54px}
.seo-eyebrow{margin:0 0 12px;color:var(--primary);font-size:13px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.seo-hero h1{margin:0 0 16px;max-width:760px;font-size:clamp(34px,5vw,60px);line-height:1.02}
.seo-lead{max-width:700px;margin:0;color:var(--muted);font-size:18px;line-height:1.6}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.seo-hero__visual{padding:24px}
.seo-hero__visual h2{margin:0 0 14px;font-size:20px}
.seo-hero__visual ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}
.seo-page:has(.seo-hero) .seo-main .container::after{
  content:"Confidencialidad desde el inicio\\A\\A Siempre iniciamos con un acuerdo de confidencialidad. Nuestro equipo se compromete legalmente a guardar y no difundir contraseñas, sistemas, clientes ni proveedores a los que tenga acceso. Hemos demostrado este compromiso durante más de 15 años en las diferentes industrias a las que hemos brindado nuestros servicios.";
  display:block;
  margin:0 0 56px;
  padding:20px 22px;
  white-space:pre-wrap;
  color:var(--muted);
  line-height:1.65;
  border-left:3px solid var(--primary);
  background:rgba(67,215,255,.06);
  box-shadow:inset 0 0 0 1px rgba(67,215,255,.08);
}
.seo-section{padding:56px 0;border-top:1px solid rgba(255,255,255,.06)}
.seo-section h2{margin:0 0 12px;font-size:30px}
.seo-section>p{max-width:760px;color:var(--muted);line-height:1.65}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.seo-card{padding:20px}
.seo-card h3{margin:0 0 9px;font-size:18px}
.seo-card p{margin:0;color:var(--muted);line-height:1.6}
.seo-card ul{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}
.seo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.seo-step{padding:18px}
.seo-step__number{color:var(--primary);font-weight:900;font-size:13px;letter-spacing:1px}
.seo-step h3{margin:8px 0;font-size:17px}
.seo-step p{margin:0;color:var(--muted);line-height:1.55}
.seo-faq{display:grid;gap:10px;margin-top:20px;max-width:900px}
.seo-faq details{padding:16px}
.seo-faq summary{font-size:16px}
.seo-faq p{margin:12px 0 0;color:var(--muted);line-height:1.6}
.seo-article{max-width:820px}
.seo-article h1{margin:12px 0 18px;font-size:clamp(34px,5vw,56px);line-height:1.05}
.seo-article h2{margin:36px 0 10px;font-size:27px}
.seo-article p,.seo-article li{color:var(--muted);line-height:1.75}
.seo-article ul,.seo-article ol{padding-left:24px}
.seo-callout{margin:24px 0;padding:20px;border-left:3px solid var(--primary);background:rgba(67,215,255,.06)}
.seo-callout p{margin:0}
.seo-breadcrumb{color:var(--muted);font-size:13px}
.seo-breadcrumb a{color:var(--primary);text-decoration:none}
.seo-footer{padding:24px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:13px}
.seo-footer a{color:var(--muted);text-decoration:none}
@media (max-width:800px){
  .seo-main{padding:32px 0 48px}
  .seo-hero{grid-template-columns:1fr;padding:24px 0 36px}
  .seo-lead{font-size:16px}
  .seo-grid,.seo-steps{grid-template-columns:1fr}
  .seo-section{padding:40px 0}
}