.elementor-146 .elementor-element.elementor-element-7b624a6 > .elementor-widget-container{margin:-106px 0px 0px 0px;}.elementor-146 .elementor-element.elementor-element-36da001 > .elementor-widget-container{margin:-29px 0px 0px 0px;}.elementor-146 .elementor-element.elementor-element-ed8b353 > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-146 .elementor-element.elementor-element-cf372b0 > .elementor-widget-container{margin:-27px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7b624a6 */<style>
/* 1. Fuerza la alineación a la izquierda en el contenedor padre */
.axis-vanguard__left {
    text-align: left !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Esto alinea los elementos hijos (incluyendo el h1) a la izquierda */
}

/* 2. Fuerza la alineación a la izquierda en el H1 y ajusta su comportamiento */
.titulo-personalizado {
    text-align: left !important;
    font-weight: 600 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    width: 100%;
    white-space: normal;
}

/* 3. Asegura que el tag (la etiqueta superior) también se alinee a la izquierda */
.axis-vanguard__tag {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* 4. Asegura que los botones se mantengan alineados a la izquierda */
.axis-vanguard__actions {
    justify-content: flex-start !important;
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36da001 */.axis-premium-radar-section {
    background-color: #ffffff !important;
    width: 100% !important; /* Cambiado de 100vw a 100% */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centrado horizontal */
    justify-content: center !important; /* Centrado vertical */
    padding: 60px 0 !important;
    overflow-x: hidden !important; /* Blindaje total contra desbordes */
    position: relative !important;
    margin: 0 !important; /* Eliminamos los márgenes negativos */
    left: auto !important;
    right: auto !important;
}

.axis-radar__right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 0 !important;
}

.axis-radar-viewport {
    width: 440px !important;
    height: 440px !important;
    margin: 0 auto !important; /* Esto centra el elemento dentro del padre */
    flex-shrink: 0 !important; /* Evita que el navegador encoja el círculo */
}

@media (max-width: 600px) {
    /* Forzamos que la sección no permita scroll horizontal */
    .axis-premium-radar-section {
        width: 100% !important;
        overflow: hidden !important;
        padding: 40px 10px !important;
    }

    /* Aseguramos que el contenedor del radar sea el 100% y esté centrado */
    .axis-radar__right {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    /* Redefinimos el viewport para que sea el corazón del centrado */
    .axis-radar-viewport {
        position: relative !important;
        width: 350px !important; /* Ajuste específico para iPhone */
        height: 350px !important;
        margin: 0 auto !important; /* Centrado automático */
        transform: scale(0.7) !important; /* Ajuste de escala para que quepa bien */
        left: 0 !important;
        right: 0 !important;
        flex-shrink: 0 !important;
    }
}

/* --- RESPONSIVE INTELIGENTE CORREGIDO --- */

@media (max-width: 1024px) {
    .axis-radar__container {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .axis-radar__left {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .axis-radar__title { font-size: 2.5rem; }
    .axis-radar__instruction { justify-content: center; }
}

/* Corrección de alineación y ancho para móvil (Sin afectar tamaño de letra) */
@media screen and (max-width: 600px) {
    .axis-premium-radar-section .titulo-personalizado {
        text-align: center !important; /* Fuerza el centro */
        width: 100% !important;        /* Ocupa el ancho disponible */
        display: block !important;     /* Asegura comportamiento de bloque */
        margin: 0 auto 20px auto !important; /* Centra el bloque */
        padding: 0 5px !important;     /* Evita que toque los bordes */
    }

    .axis-premium-radar-section .axis-radar__container {
        padding-left: 20px !important;
        padding-right: 5px !important;
    }
}
/* Corrección absoluta de centrado para móvil */
@media screen and (max-width: 600px) {
    .axis-premium-radar-section .axis-radar__right {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
    }

    .axis-premium-radar-section .axis-radar-viewport {
        margin: 0 auto !important;
        display: block !important;
        width: 320px !important; /* Mantenemos el tamaño que definimos */
        height: 320px !important;
        transform: scale(0.9) !important;
    }
}

@media screen and (max-width: 600px) {
    /* Reduce la separación entre el texto y el radar */
    .axis-premium-radar-section .axis-radar__container {
        gap: 20px !important; /* Ajusta este valor (20px) para acercar o alejar más */
        padding-top: 20px !important;
    }

    /* Ajusta el margen superior del radar para subirlo más */
    .axis-premium-radar-section .axis-radar__right {
        margin-top: -20px !important; 
        margin-bottom: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed8b353 */.titulo-personalizado {

    font-family: 'serif', sans-serif; /* Ajusta según la fuente de tu sitio */

    font-size: 48px;

    color: #2d2926;

    texat-align: center;

    margin-bottom: 10px;

}



.titulo-personalizado span {

    font-style: italic;

    color: #7a3a8a; /* Color púrpura que se ve en tu imagen */

}



.subtitulo {

    font-family: sans-serif center;

    font-size: 20px;

    color: #555;

    text-align: center;

    margin-bottom: 40px;

}



.titulo-personalizado {

    font-family: 'Inter', sans-serif; /* O la fuente que estés usando */

    font-size: 3rem;

    font-weight: 600; /* Aquí está el cambio solicitado */

    text-align: center;

    color: #2d2926;

    margin-bottom: 10px;

}



.titulo-personalizado span {

    font-style: italic;

    color: #5D1B6C; /* Mantiene el color púrpura de tu marca */

}



.subtitulo {

    text-align: center;

    font-size: 1.2rem;

    color: #555;

    margin-bottom: 40px;

} 

/* Centrado del h1 y subtítulo SOLO en esta sección */
.axis-full-width header.axis-header {
    width: 100%;
    text-align: center; /* Centra el contenido horizontalmente */
    margin-bottom: 60px;
}

.axis-full-width .titulo-personalizado {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

.axis-full-width .subtitulo {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}/* End custom CSS */