/* CONTENIDO EDITORIAL SEO / AEO */
.seo-editorial{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:54px;
    align-items:start;
}
.seo-editorial__lead{
    color:#d5d5d5;
    font-size:1.08rem;
    line-height:1.8;
    max-width:760px;
}
.seo-editorial__lead strong{color:var(--white)}
.seo-topic-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.seo-topic{
    border:1px solid var(--line);
    background:linear-gradient(145deg,#111,#090909);
    padding:24px;
}
.seo-topic h3{
    color:var(--white);
    font-size:1rem;
    line-height:1.2;
    text-transform:uppercase;
    margin-bottom:10px;
}
.seo-topic p{
    color:var(--muted);
    line-height:1.65;
    font-size:.92rem;
}
.order-guide{
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.order-guide__step{
    border-top:1px solid var(--accent);
    background:#0b0b0b;
    padding:24px;
}
.order-guide__num{
    color:var(--accent);
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.order-guide__step h3{
    font-size:1.05rem;
    text-transform:uppercase;
    margin-bottom:8px;
}
.order-guide__step p{color:var(--muted);line-height:1.65;font-size:.92rem}
.faq-list{
    max-width:900px;
    margin-top:36px;
    border-top:1px solid var(--line);
}
.faq-item{
    border-bottom:1px solid var(--line);
    background:#080808;
}
.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:22px 54px 22px 0;
    position:relative;
    font-weight:800;
    line-height:1.4;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
    content:"+";
    position:absolute;
    right:8px;
    top:18px;
    color:var(--accent);
    font-size:24px;
    font-weight:500;
}
.faq-item[open] summary:after{content:"−"}
.faq-item p{
    color:var(--muted);
    max-width:780px;
    line-height:1.75;
    padding:0 44px 22px 0;
}

/* =========================================================
   EDITORIAL SEO / AEO — RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .seo-editorial {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .order-guide {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 560px) {

    .seo-topic-grid {
        grid-template-columns: 1fr;
    }

    .seo-topic {
        padding: 20px;
    }

    .faq-item summary {
        padding-right: 42px;
    }

}