@charset "utf-8";

/* =====================================================================
 * geo.css — bloques propios de /posicionamiento-en-ia
 * (pasos, caso real y preguntas frecuentes). El resto usa seo.css.
 * Misma paleta y tipografía del sitio: Gantari, #4B22F4, #e8f0fe.
 * ===================================================================== */

/* ---------- Cómo trabajamos ---------- */
#content-pasos-geo{float:left;width:100%;position:relative;background-color:#fff}
#content-box-pasos-geo{position:relative;float:left;box-sizing:border-box}
.h2-pasos-geo{font-family:'Gantari',sans-serif;font-weight:700;color:#000;text-align:center;float:left;width:100%}
.lista-pasos-geo{list-style:none;margin:0;padding:0;float:left;width:100%;display:grid;gap:24px}
.paso-geo{position:relative;background-color:#e8f0fe;border-radius:25px;padding:30px 25px;box-sizing:border-box}
.num-paso-geo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background-color:#4B22F4;color:#fff;font-family:'Gantari',sans-serif;font-weight:800;font-size:22px}
.h3-paso-geo{font-family:'Gantari',sans-serif;font-weight:700;color:#000;font-size:24px;margin:16px 0 8px 0}
.p-paso-geo{font-family:'Gantari',sans-serif;font-weight:300;color:rgba(50,50,50,1);font-size:17px;line-height:28px;margin:0}

/* ---------- Caso real ---------- */
#content-caso-geo{float:left;width:100%;position:relative}
#content-box-caso-geo{position:relative;float:left;box-sizing:border-box;border-radius:25px;background:linear-gradient(90deg,rgba(75,34,244,0.13) 0%,rgba(255,255,255,1) 100%);text-align:center}
.span-caso-geo{display:block;font-family:'Gantari',sans-serif;font-weight:700;color:#4B22F4;text-transform:uppercase;letter-spacing:1px}
.h2-caso-geo{font-family:'Gantari',sans-serif;font-weight:800;color:#000}
.p-caso-geo{font-family:'Gantari',sans-serif;font-weight:300;color:rgba(50,50,50,1)}
.p-caso-geo strong{font-weight:700;color:#000}
.img-caso-geo{max-width:100%;height:auto;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.12);margin-top:30px}

/* ---------- Preguntas frecuentes ---------- */
#content-faq-geo{float:left;width:100%;position:relative;background-color:rgba(0,0,0,0.025)}
#content-box-faq-geo{position:relative;float:left;box-sizing:border-box}
.h2-faq-geo{font-family:'Gantari',sans-serif;font-weight:700;color:#000;text-align:center}
.item-faq-geo{background-color:#fff;border-radius:20px;margin:0 0 14px 0;box-shadow:0 2px 6px rgba(0,0,0,0.06);overflow:hidden}
.pregunta-faq-geo{cursor:pointer;list-style:none;position:relative;font-family:'Gantari',sans-serif;font-weight:600;color:#000;padding:20px 60px 20px 25px}
.pregunta-faq-geo::-webkit-details-marker{display:none}
.pregunta-faq-geo::after{content:'+';position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:400;color:#4B22F4;transition:transform .3s}
.item-faq-geo[open] .pregunta-faq-geo::after{transform:translateY(-50%) rotate(45deg)}
.item-faq-geo[open] .pregunta-faq-geo{color:#4B22F4}
.respuesta-faq-geo{font-family:'Gantari',sans-serif;font-weight:300;color:rgba(50,50,50,1);margin:0;padding:0 25px 22px 25px}

/* ---------- Mobile ---------- */
@media screen and (max-width:980px){
    #content-pasos-geo{padding:60px 0}
    #content-box-pasos-geo{width:90%;margin:0 5%}
    .h2-pasos-geo{font-size:38px;line-height:50px;margin:0 0 30px 0}
    .lista-pasos-geo{grid-template-columns:1fr}

    #content-caso-geo{padding:30px 0}
    #content-box-caso-geo{width:90%;margin:0 5%;padding:45px 6%}
    .span-caso-geo{font-size:15px}
    .h2-caso-geo{font-size:32px;line-height:42px;margin:12px 0}
    .p-caso-geo{font-size:18px;line-height:32px;margin:0}

    #content-faq-geo{padding:60px 0}
    #content-box-faq-geo{width:90%;margin:0 5%}
    .h2-faq-geo{font-size:34px;line-height:46px;margin:0 0 30px 0}
    .pregunta-faq-geo{font-size:18px;line-height:26px}
    .respuesta-faq-geo{font-size:16px;line-height:28px}
}

/* ---------- Escritorio ---------- */
@media screen and (min-width:981px){
    #content-pasos-geo{padding:100px 0}
    #content-box-pasos-geo{width:1100px;left:50%;margin:0 0 0 -550px}
    .h2-pasos-geo{font-size:58px;line-height:68px;margin:0 0 50px 0}
    .lista-pasos-geo{grid-template-columns:repeat(4,1fr)}

    #content-caso-geo{padding:50px 0}
    #content-box-caso-geo{width:1100px;left:50%;margin:0 0 0 -550px;padding:70px 100px}
    .span-caso-geo{font-size:18px}
    .h2-caso-geo{font-size:48px;line-height:58px;margin:15px 0}
    .p-caso-geo{font-size:22px;line-height:38px;margin:0}

    #content-faq-geo{padding:100px 0}
    #content-box-faq-geo{width:900px;left:50%;margin:0 0 0 -450px}
    .h2-faq-geo{font-size:48px;line-height:58px;margin:0 0 40px 0}
    .pregunta-faq-geo{font-size:21px;line-height:30px}
    .respuesta-faq-geo{font-size:18px;line-height:32px}
}

@media screen and (min-width:1601px){
    #content-box-pasos-geo{width:1400px;margin:0 0 0 -700px}
    #content-box-caso-geo{width:1400px;margin:0 0 0 -700px}
    #content-box-faq-geo{width:1100px;margin:0 0 0 -550px}
}

/* ---------- H1 más largo que el de SEO: tamaño ajustado para que no desborde ---------- */
@media screen and (max-width:600px){ .h1-geo{font-size:40px;line-height:50px} }
@media screen and (min-width:1101px){ .h1-geo{font-size:60px;line-height:68px} }
@media screen and (min-width:1601px){ .h1-geo{font-size:84px;line-height:92px} }