/* Shared visual layer: the supporting pages should feel like a continuation of the main site. */
.seo-page{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(ellipse 90% 55% at 12% 8%,rgba(238,112,48,.62),transparent 58%),radial-gradient(ellipse 80% 60% at 88% 22%,rgba(181,73,35,.54),transparent 60%),linear-gradient(145deg,#30221e 0%,#35231c 48%,#1d2729 100%);background-attachment:fixed}
.seo-page::before,.seo-page::after{display:none}
.seo-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:0}
.seo-header img{width:190px;height:auto}
.seo-header nav,.seo-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.seo-page a:not(.btn):hover,.seo-page a:not(.btn):focus-visible{text-decoration:underline;text-underline-offset:5px}
.seo-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding-block:28px;color:var(--fg-muted);font-size:.875rem}
.seo-intro{padding-block:36px 56px;max-width:940px}
.seo-intro h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.08;text-transform:uppercase;overflow-wrap:break-word}
.seo-intro>p:not(.eyebrow){max-width:75ch}
.seo-section{padding-block:48px}
.seo-section h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;margin-bottom:24px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}
.seo-card{padding:28px;background:var(--ink-2);border:1px solid var(--line)}
.seo-card h3{font-size:1.25rem;line-height:1.25}
.seo-card p{color:var(--fg-muted);margin-bottom:0}
.seo-related{display:flex;gap:16px 28px;flex-wrap:wrap;list-style:none;padding:0}
.seo-related a{text-decoration:underline;text-underline-offset:5px}
.seo-footer-links{margin-top:20px}
.seo-explorer{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:14px 0}
.seo-explorer__label{width:100%;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}
.seo-explorer a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--fg-muted);font-size:.9rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s}
.seo-explorer a:hover,.seo-explorer a:focus-visible,.seo-explorer a[aria-current="true"]{color:var(--fg);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);transform:translateY(-2px)}
.seo-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.seo-card:hover,.seo-card:focus-within{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 14px 34px #0004}
.seo-card h3{margin-top:0}
.seo-section[id]{scroll-margin-top:24px}
.seo-section.is-visible{animation:seo-rise .55s ease both}
.seo-section[aria-labelledby="contact-title"]{position:relative;margin:56px 0 22px;padding:clamp(34px,6vw,76px);border:1px solid rgba(216,111,55,.62);border-radius:24px;overflow:hidden;background:linear-gradient(125deg,rgba(204,98,45,.22),rgba(35,28,27,.76) 48%,rgba(15,25,27,.86));box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1)}
.seo-section[aria-labelledby="contact-title"]::before{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-150px;border-radius:50%;background:rgba(226,112,54,.28);filter:blur(55px);pointer-events:none}
.seo-section[aria-labelledby="contact-title"] h2,.seo-section[aria-labelledby="contact-title"] p,.seo-section[aria-labelledby="contact-title"] a{position:relative}
.seo-section[aria-labelledby="contact-title"] h2{max-width:720px;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em;margin-bottom:14px}
.seo-section[aria-labelledby="contact-title"] p{max-width:600px;font-size:1.08rem;color:var(--fg-muted);margin-bottom:28px}
.seo-section[aria-labelledby="contact-title"] .btn{padding:15px 24px;font-weight:700;box-shadow:0 8px 24px rgba(216,111,55,.28)}
.seo-visual{position:relative;margin:0 0 18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.25);background:rgba(19,22,23,.34)}
.seo-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,15,16,.58),transparent 58%),linear-gradient(0deg,rgba(13,15,16,.45),transparent 45%)}
.seo-visual img{width:100%;height:auto;max-height:720px;object-fit:contain;display:block;filter:saturate(1.05) contrast(1.04)}
.seo-related-block{border-top:0;padding-top:18px}
.seo-related-block .seo-card{background:rgba(24,20,19,.48);backdrop-filter:blur(12px)}
.seo-related-block .seo-card{overflow:hidden;padding:0 0 24px}
.seo-related-block .seo-card__image{width:100%;height:150px;object-fit:cover;display:block;margin-bottom:22px;opacity:.86;filter:saturate(.9)}
.seo-related-block .seo-card h3,.seo-related-block .seo-card p{margin-inline:24px}
.seo-related-block .seo-card h3{margin-top:0}
.seo-section[aria-labelledby="contact-title"]::after{content:none}
.seo-page .wa__ic{background:url('/assets/logos/whatsapp-steid.png') center/contain no-repeat}
.seo-page .wa__ic svg{display:none}
.seo-page footer.footer--main{margin-top:clamp(56px,8vw,112px);border-top:0}
@media(max-width:767px){.seo-visual{border-radius:16px}.wa__label{display:none!important}.wa__btn{width:54px!important;height:54px!important;padding:0!important;justify-content:center}.wa__ic{margin:0!important}}
@keyframes seo-rise{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:767px){.seo-header{align-items:flex-start;flex-direction:column;gap:18px}.seo-header nav{gap:18px}.seo-grid{grid-template-columns:1fr}.seo-intro{padding-top:20px}}
@media(max-width:767px){.seo-header{padding-block:18px}.seo-header img{width:150px}.seo-header nav{width:100%;gap:10px;font-size:.82rem}.seo-header nav .btn{margin-left:auto;padding:10px 13px}.seo-breadcrumbs{padding-block:20px;font-size:.78rem}.seo-intro{padding-block:18px 34px}.seo-intro h1{font-size:clamp(2rem,10vw,2.7rem);line-height:1.04;letter-spacing:-.035em}.seo-intro .lead{font-size:1rem;line-height:1.55}.seo-intro>p:not(.eyebrow){font-size:.95rem;line-height:1.65}.seo-section{padding-block:34px}.seo-section h2{font-size:1.65rem}.seo-card{padding:21px}.seo-section[aria-labelledby="contact-title"]{margin:28px 0 14px;padding:30px 22px;border-radius:18px}.seo-section[aria-labelledby="contact-title"] h2{font-size:2rem}.seo-section[aria-labelledby="contact-title"] p{font-size:.98rem}.seo-explorer{gap:7px}.seo-explorer a{font-size:.78rem;padding:8px 10px}}
/* Preserve the existing hero badge and slogan after semantic tag changes. */
h1.hero__tag{line-height:1.65;font-weight:600}
p.display{margin-top:0;margin-inline:0}
.footer .footer__heading{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--sp-2)}

/* El mismo fondo continuo de las landings principales: las páginas SEO no tienen
   bandas propias ni un panel de fondo distinto por sección. */
.seo-page{background:var(--ink)}
.seo-page::before,.seo-page::after{display:block;content:"";position:fixed;inset:-25vmax;z-index:-1;pointer-events:none;will-change:transform;filter:none;background-color:transparent}
.seo-page::before{background:radial-gradient(36vmax 26vmax at 70% 26%,rgba(196,107,60,.22),transparent 70%),radial-gradient(40vmax 30vmax at 22% 40%,rgba(22,50,79,.36),transparent 70%),radial-gradient(32vmax 24vmax at 62% 74%,rgba(196,107,60,.15),transparent 70%),radial-gradient(38vmax 28vmax at 30% 80%,rgba(22,50,79,.26),transparent 70%);animation:seoAuroraA 36s ease-in-out infinite alternate}
.seo-page::after{background:radial-gradient(28vmax 22vmax at 42% 52%,rgba(217,140,95,.10),transparent 70%),radial-gradient(32vmax 24vmax at 80% 58%,rgba(22,50,79,.24),transparent 70%),radial-gradient(26vmax 20vmax at 18% 22%,rgba(196,107,60,.08),transparent 70%);animation:seoAuroraB 48s ease-in-out infinite alternate}
.seo-header{background:transparent;backdrop-filter:none}
@keyframes seoAuroraA{0%{transform:translate3d(-5%,-3%,0) rotate(0deg) scale(1)}50%{transform:translate3d(4%,3%,0) rotate(9deg) scale(1.08)}100%{transform:translate3d(6%,-2%,0) rotate(-5deg) scale(1.02)}}
@keyframes seoAuroraB{0%{transform:translate3d(5%,4%,0) rotate(0deg) scale(1.05)}50%{transform:translate3d(-4%,-2%,0) rotate(-10deg) scale(.96)}100%{transform:translate3d(-6%,3%,0) rotate(6deg) scale(1.06)}}