/* Contenido de apoyo para servicios y guías. */
.hero-text #cta-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.5rem; }
.hero-text__secondary { display: inline-flex; align-items: center; min-height: 44px; color: #fff; text-decoration: underline; text-underline-offset: .25em; }
.seo-detail { background: #0c0c0c; color: #fff; }
.seo-detail__eyebrow { color: #a8cd72; font-size: .875rem; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 1rem; }
.seo-detail h2 { font-size: clamp(1.75rem, 3.5vw, 3rem); line-height: 1.15; max-width: 900px; margin-bottom: 1.25rem; }
.seo-detail__intro { color: #d0d0d0; line-height: 1.7; max-width: 760px; }
.seo-detail__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 2rem 0; }
.seo-detail__card { border: 1px solid #343434; border-radius: 12px; padding: 1.5rem; }
.seo-detail__card h3 { font-size: 1.2rem; margin: 0 0 .75rem; }
.seo-detail__card p { color: #d0d0d0; line-height: 1.65; margin: 0; }
.seo-detail__links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
.seo-detail__links a, .feature__description a { color: inherit; text-decoration: underline; text-underline-offset: .22em; }
.seo-detail__links a { display: inline-flex; align-items: center; min-height: 44px; }
.seo-answer { background: #132012; border-left: 4px solid #a8cd72; border-radius: 0 10px 10px 0; padding: 1.25rem 1.5rem; margin: 1.5rem 0; color: #edf4e6; }
.blog-article .seo-answer p, .blog-article .seo-answer strong { color: #edf4e6; }
.seo-answer p:last-child { margin-bottom: 0; }
.seo-toc { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; border-block: 1px solid #343434; padding: 1rem 0; margin: 2rem 0; }
.seo-toc a { display: inline-flex; align-items: center; min-height: 44px; }
.seo-table-scroll { overflow-x: auto; margin: 1.5rem 0; max-width: 100%; }
.seo-table-scroll:focus-visible { outline: 2px solid #567b2c; outline-offset: 4px; }
.seo-table-scroll table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: .95rem; }
.seo-table-scroll th, .seo-table-scroll td { text-align: left; vertical-align: top; padding: .85rem 1rem; border-bottom: 1px solid #343434; color: #dedede; }
.blog-article .seo-table-scroll thead th, .blog-article .comparison-table th { background: #1a1a1a; color: #fff; }
.blog-article .comparison-table tr:hover { background: #111; }
.blog-article .comparison-table .winner { color: #b0d77a; }
.blog-article .verdict-box { background: #161616; border-left-color: #a8cd72; }
.blog-article__meta a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.blog-article section[id] { scroll-margin-top: 120px; }
@media (max-width: 760px) {
    .seo-detail__grid { grid-template-columns: 1fr; }
    .seo-detail__card { padding: 1.25rem; }
    .seo-detail__links { flex-direction: column; gap: .5rem; }
    .seo-answer { padding: 1rem; }
    .seo-table-scroll table { min-width: 460px; }
}

/* Evitar que los controles flotantes oculten la portada y la prueba social. */
body.seo-float-managed .floating-bar{display:none!important}
body.seo-float-managed .floating-cta{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
body.seo-float-managed.seo-float-visible .floating-cta{opacity:1;visibility:visible;pointer-events:auto}