/**
 * corrections.css — Neutraliza los estilos que el tema (Astra / Elementor)
 * inyecta sobre el contenido de la landing.
 *
 * Se carga como el ULTIMO stylesheet de cada pagina (depende de su style.css),
 * por eso gana en el desempate por orden de carga. El scope `.vpro-lp` lo
 * genera el shortcode: envuelve todo el markup automaticamente
 * (ver vpro_sc_render() en custom-pages-vpro.php), asi que aqui no hay que
 * tocar los templates.
 *
 * ── Que rompia ────────────────────────────────────────────────────────────
 * 1) Tamano: Astra sube la raiz a html{font-size:118.75%} (=19px), y como la
 *    landing mide todo en rem, cada texto salia ~19% mas grande.
 * 2) Encabezados: Astra define en su customizer, sobre h1..h6 "pelados":
 *        text-transform: uppercase;
 *        color: #7c7183 / #000;
 *        font-family: 'Montserrat';
 *    Nuestro diseno NUNCA usa mayusculas en los titulos y deja que HEREDEN el
 *    color de su seccion (blanco sobre fondo oscuro, --ink sobre crema). Como
 *    el diseno no fija color ni text-transform en los h1..h3, ganaba el del
 *    tema y salian en mayusculas y en gris/negro.
 * Aqui se devuelve el comportamiento original de ambos.
 *
 * Nota: solo se corrige lo que el tema pisa por especificidad. El resto
 * (tamanos, pesos, tipografia de h1..h3) ya gana por orden de carga y NO se
 * repite aqui para no chocar con las reglas por-seccion de style.css.
 */

/* ── Tamano raiz (rem) ──────────────────────────────────────────────────────
 * Astra sube el tamano raiz con html{font-size:118.75%} (= 19px) desde su
 * customizer. Como TODA la landing dimensiona en rem / clamp(rem) pensada para
 * los 16px por defecto, cada texto salia ~19% mas grande de forma uniforme.
 * Devolvemos la raiz a su valor estandar para que los rem midan lo que el
 * diseno espera.
 *
 * Es la UNICA regla global del archivo (el elemento html no se puede meter en
 * el scope .vpro-lp). No pasa nada: corrections.css solo se carga en las
 * paginas que llevan la landing, y esas van en plantilla Canvas de Elementor
 * (sin cabecera/pie del tema), asi que no afecta a nada mas.
 *
 * Usamos 100% (y no 16px) para respetar el zoom/tamano de fuente que el
 * usuario haya configurado en su navegador.
 * -------------------------------------------------------------------------- */
html {
	font-size: 100%;
}

.vpro-lp h1, .vpro-lp h2, .vpro-lp h3,
.vpro-lp h4, .vpro-lp h5, .vpro-lp h6 {
	color: inherit;                                    /* vuelve a heredar de la seccion (--txt / --ink) */
	text-transform: none;                              /* el tema forzaba MAYUSCULAS */
	font-family: var(--font-title, 'Work Sans', sans-serif);
	letter-spacing: -0.01em;
}

#ast-scroll-top{
    display: none !important;
}

@media(max-width: 760px){
    .joinchat {
        display: none !important;
    }
}