/*
 Theme Name:   HELLO Meli Jajamovich
 Description:  Child personalizado de Hello Elementor 
 Author:       TanRandom!
 Author URI:   http://tanrandom.com
 Template:     hello-elementor  
 Version:      1.0
 Text Domain:  hello-child
*/

/* Aquí empiezan tus estilos CSS personalizados */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/* Tildes */
@import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');

.schoolbell-regular {
    font-family: "Schoolbell", cursive;
    font-weight: 400;
    font-style: normal;
}

h1 {
    font-family: "Work Sans", sans-serif;
    font-size: 68px !important;
    font-weight: 500 !important;
}

h2 {
    font-family: "Work Sans", sans-serif;
    font-size: 60px;
    font-weight: 400;
}

h3 {
    font-size: 52px;
    font-weight: 400;
}

h4 {
    font-size: 32px;
    font-weight: 400;
}

h5 {
    font-size: 22px;
    font-weight: 400;
}

h6 {
    font-size: 18px;
    font-weight: 400;
}

p {
    font-size: 16px;
    font-weight: 400;
}

a {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

a:hover,
a:focus {
    font-weight: bold;
    color: #54595F;
    /* color secundario o énfasis */
    text-decoration: none !important;
}

/* activo se maneja en header */

#site-header {
    margin-top: 60px;
}

.home .logo-meli-img {
    filter: brightness(0) saturate(0) invert(1);
}

/* boton meli bot header */
.boton-doble {
    display: flex;
    align-items: center;
    gap: 0px;
    text-decoration: none;
}

.bloque-texto {
    background: #000;
    color: #fff;
    padding: 10px 40px;
    border-radius: 40px;
    font-weight: 500;
}

.bloque-flecha {
    background: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}


.overlay-blaszko {
    position: absolute;
    margin-top: 0px;
    margin-right: 50px !important;
    mix-blend-mode: multiply;
    opacity: 1;
    pointer-events: none;

}

#hero-highlight {
    top: 53%;
    left: 75%;
    font-family: "Nanum Pen Script";

}

.meli-home-h1 {
    justify-content: flex-end !important;

}

/* highlights nanum generales */
.nanum-meli p {
    font-size: 19px !important;
}

.slider-track img {
    filter: grayscale(100%);

}

.slider-track img:hover {
    filter: none !important;
}

/* highlights nanum CTA */

#cta-highlight {
    top: 31%;
    left: 45%;
}

/* boton CTA  */
.boton-doble-azul {
    display: flex;
    align-items: center;
    gap: 0px;
    text-decoration: none !important;
    margin-right: -100px
}

.bloque-texto-azul {
    background: #0700E0;
    color: #fff;
    padding: 10px 40px;
    border-radius: 40px;
    font-weight: 500;

}

.bloque-flecha-azul {
    background: #0700E0;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

/* highlight del form */

#hablemos-highlight {
    top: 11%;
    left: 48%;
}


/* form */


.wpcf7-col-1,
.wpcf7-col-2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 16px;
}

.wpcf7-form>.wpcf7-col-1 {
    margin-right: 10px;
}

.wpcf7-form>.wpcf7-col-2 {
    margin-left: 10px;
}


.wpcf7-form {
    display: flex;
    gap: 0px !important;
    flex-direction: row;
    flex-wrap: wrap;
}

.wpcf7-form>.wpcf7-col-1,
.wpcf7-form>.wpcf7-col-2 {
    flex: 1 1 0;
}

.wpcf7-form>.wpcf7-submit-row {
    flex-basis: 100%;
    width: 100%;
    display: flex;
    justify-content: right;
}

.wpcf7-form ::placeholder {
    color: #0700E0;
    opacity: .6;
    font-family: "Work Sans", sans-serif;
}

.wpcf7-form-control {
    margin-bottom: 15px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


/* enviar boton form nuevo */
.custom-submit-row {
    padding: 30px 0;
    display: flex;
    justify-content: center;
}

.custom-submit-btn {
    display: flex;
    align-items: center;
    background: none !important;
    background-color: none !important;
    border: none;
    cursor: pointer;
}

.custom-submit-text {
    color: #fff;
    font-size: 18px !important;
    margin-right: 15px;
}

.custom-submit-circle {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 50px
}

.custom-submit-btn:hover {
    background-color: #0700b2 !important;
    font-weight: bolder;
}

.custom-submit-circle:hover {
    display: flex;
    align-items: center;
    background-color: #ffd819;
    border-radius: 50px
}

/* Respuestas del form */

.wpcf7-response-output {
    color: white !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #19ff34;
    border-radius: 50px;
    border: 1px solid #19ff34 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-radius: 50px;
    border: 1px solid #ffb900 !important;

}

/* Footer */

.footer-left {
    font-size: 12px !important;
    padding-left: 42px;
    font-family: "Work Sans", sans-serif;

}

.footer-meli a {
    font-size: 12px !important;
    color: #0700b2;

}

.footer-left a {
    font-weight: bold;
}

.footer-meli .ha-social-icon-label {
    font-size: 12px !important;
}

.footer-meli .elementor-widget-ha-social-icons {
    padding-right: 42px !important;
}


.footer-meli .elementor-icon-list-item:nth-child(1) svg {
    fill: #f2a6ca !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.footer-meli .elementor-icon-list-item:nth-child(2) svg {
    fill: #0700b2 !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.footer-meli .elementor-icon-list-item:nth-child(3) svg {
    fill: #f8277d !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.footer-meli .elementor-icon-list-item:nth-child(4) svg {
    fill: #0900ff !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.footer-meli .elementor-icon-list-item:nth-child(5) svg {
    fill: #f19421 !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}


.bot-alert p {
    font-size: 14px;
}

.hola-chat h1 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 60px !important;
    font-weight: 400 !important;
}

.meli-bot-chat {
    border: 1px solid blue;
    border-radius: 25px;
    background-color: white;
}

.cards-p p {
    font-size: 17px;
}

.cards-h4 h4 {
    font-size: 25px !important;
}

.speaker-cards-max {
    overflow: hidden;
}

.menu-movil-ok a {
    font-size: 100px;
    font-weight: 500;
    color: #000000;
}


/* Solo para la página específica del chat en dispositivos*/
.elementor-863 .offcanvas-sidebar-button i {
    color: #0900ff !important;
}



#scroll-container-meli p {
    font-family: "work sans", sans-serif;
    font-size: 20px !important;
}

#scroll-container-meli p span {
    color: blue;
}

#soy-highlight p {
    font-size: 24px !important;
}

.risoom-pais p {
    font-size: 12px !important;
    margin-top: -15px;
}

.ipad-risoom-txt h6 {
    font-size: 16px;
    font-weight: 400;
}

.ipad-risoom-txt.risoom-pais p {
    font-size: 12px !important;
    margin-top: -20px !important;
}

.masonry-grid {
    height: 65vh !important;
}

.columna-masonry {
    height: 100% !important;
}

.track-charlas-ted {
    height: 58% !important;
}

.track-charlas-mindset {
    height: 38% !important;
}

.track-charlas-confesiones {
    height: 48% !important;
}

.track-charlas-conf {
    height: 48% !important;
}

.track-charlas-disrup {
    height: 28% !important;
}

.track-charlas-disrupcion {
    height: 68% !important;
}

.charlas-unicas h1 {
    font-family: "Work Sans", sans-serif !important;
    font-size: 55px !important;
    font-weight: 400 !important;
}

.congresos-km h6 {
    font-size: 25px !important;
    font-weight: 500;
}

.seguidores_lkdn h6 {
    font-size: 22px;
}

.arribabily {
    display: flex !important;
    align-items: flex-start !important;
}

.seguidores_lkdn-ipad h6 {
    font-size: 16px;
}

.participantes-ipad h6 {
    font-size: 16px;
}

.km-movil h1 {
    font-size: 35px !important;
    font-weight: 400 !important;
}


.coach-title h1 {
    font-size: 58px !important;
    font-size: 400 !important;
}

.coach-txt p {
    font-size: 28px !important;
    font-weight: 400;
}

.algunos-temas h2 {
    font-size: 40px !important;
    font-weight: 400;
}

#speaker-highight p {
    font-size: 24px !important;
}


.track-hibridos {
    height: 100% !important;
}

.track-hibridos-img {
    height: 212px !important;
}

.track-hibridos-blank {
    height: 107px !important;
}

.track-hibridos h4 {
    font-size: 22px !important;
}

.track-hibridos p {
    font-size: 15px !important;
}

.track-liderazgo h4 {
    font-size: 22px !important;
}

.track-liderazgo p {
    font-size: 15px !important;
}

.track-viral h4 {
    font-size: 22px !important;
}

.track-viral p {
    font-size: 15px !important;
}

.track-glitter h4 {
    font-size: 22px !important;
}

.track-glitter p {
    font-size: 15px !important;
}

.track-liderazgo {
    height: 325px !important;
}

.track-liderazgo-img {
    height: 212px !important;
}

.track-liderazgo-blank {
    height: 107px !important;
}

.track-viral-img {
    height: 325px !important;
}

.track-viral {
    height: 100% !important;
}

.track-liderazgo-blank {
    height: 80px !important;
}

.track-viral-blank-2 {
    height: 27px !important;
}

.track-glitter {
    height: 260px !important;
}

.track-glitter-img {
    height: 150px !important;
}

.track-glitter-blank-1 {
    height: 150px !important;
}

.track-glitter-blank {
    height: 62px !important;
}

.otras-track {
    height: 330px !important;
}

.otras-track-blank {
    height: 130px !important;
}


.algunos-temas-ipad h4 {
    font-weight: 400;
}

.algunos-temas-ipad p {
    font-size: 15px;
}


#scroll-container-meli p {
    font-size: 17px !important;
}


.clientes-gallery-melina {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    /* Distribute images evenly */
    gap: 8px;
    /* Space between images */

}


.clientes-gallery-melina img {
    height: 35px !important;
    /* Fixed height for larger screens */
    margin-top: 2px;
    /* Added top padding */
    margin-bottom: 2px;
    /* Added bottom padding */
    filter: grayscale(100%);
}



.clientes-gallery-melina img:hover {
    filter: none !important;
}


#ver-mas-btn {
    margin-top: 30px;
    border-radius: 50px;
    border: 1px solid blue;
    color: blue;
    align-content: center;
}

#ver-mas-btn:hover {
    border: 1px solid blue;
    color: white;
    background-color: blue;
}


.coach-title h1 {
    font-size: 42px !important;
    font-weight: 400 !important;
}

#transformaciones-ai p {
    font-size: 25px !important;
}

#portada-coach p {
    font-size: 25px !important;
}

.seguidores_lkdn h6 {
    font-size: 16px !important;
}

.camila p {
    color: blue;
}

.participantes h6 {
    font-size: 14px;
}

.seguidores_lkdn p {
    font-size: 11px;
    font-weight: 700;
}

.track-hibridos h4 {
    font-size: 20px !important;
}




.soy-h5 h5 {
    font-size: 20px !important;
    font-weight: 500;

}

.soy-soy-h5 h5 {
    font-size: 20px !important;
    font-weight: 400;
}

.nanum-nanum p {
    font-size: 22px !important;
}

.speaker-home .nanum-meli p {
    font-size: 22px !important
}





/* Responsive */



/* Extra grande - Monitores muy amplios (2K o más) */
@media (min-width: 1600px) {

    /* Layout extra ancho */
    .arribabily {
        margin-top: -290px !important;
    }

    .contador-contador {
        margin-top: 0px !important;
    }

}



/* Desktop estándar */
@media (min-width: 1280px) and (max-width: 1599px) {
    /* Layout principal */
}

/* Laptop / Pantalla mediana */
@media (min-width: 1024px) and (max-width: 1279px) {

    a {
        font-size: 15px !important;
    }

    .responsibly-responsive a {
        font-size: 14px !important;
        margin-left: -7px !important;
        margin-right: -7px !important;
    }

    .responsibly-responsive {
        width: 100% !important;
    }

    .hamburgesa-ipad i {
        font-size: 35px;
    }

    .nanum-meli p {
        font-size: 22px !important;
    }

    .logos-movily-movil img {
        filter: grayscale(100%);
    }

    .contador-contador {
        margin-top: -45px !important;
    }

}





/* Tablet horizontal */
@media (min-width: 768px) and (max-width: 1023px) {
    .hamburgesa-ipad i {
        font-size: 35px;
    }

    .footer-left {
        padding-left: 0px !important;
    }

    .footer-meli .elementor-widget-ha-social-icons {
        padding-right: 0px !important;
        margin-bottom: -15px !important;
    }

    .nanum-meli p {
        font-size: 22px !important;
    }

    .coach-title h1 {
        font-size: 48px !important;
    }

    .coach-txt p {
        font-size: 18px !important;
        font-weight: 400;
    }

    .masonry-grid {
        height: 80vh !important;
    }

}

/* Tablet vertical / celular grande ojo que este es el de moviles muchas veces */
@media (max-width: 768px) {
    .hero-tablet h1 {
        font-size: 50px !important;
    }

    .no-scroll-please {
        min-height: 100vh;
        position: relative;
        /* Asegura que los elementos absolute se posicionen respecto a esto */
        overflow: hidden;
        /* Evita desbordes */
    }

    .logos-movily-movil img {
        filter: grayscale(100%);
    }

    .footer-left {
        padding-left: 0px !important;
    }

    .footer-meli .elementor-widget-ha-social-icons {
        padding-right: 0px !important;
        margin-bottom: -15px !important;
    }

    /* boton meli bot header */

    .bloque-texto {
        color: #fff;
        font-size: 14px;
        padding-right: 12px;
        padding-left: 12px;
        white-space: nowrap;
    }

    .bloque-flecha {
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        background: black;
        color: #fff;
        font-size: 16px;
        box-sizing: border-box;
        /* para evitar que padding o border afecten tamaño */
    }

    .probame-movil a {
        font-size: 13px !important;
        padding-left: 0px;
    }

    .probame-movil {
        width: 80px !important;
    }

    .footer-meli .movilymovilymov {
        margin-left: 15px !important;
    }

    /* form */
    .wpcf7-form {
        flex-direction: column;
    }

    .wpcf7-form>.wpcf7-col-1,
    .wpcf7-form>.wpcf7-col-2 {
        margin: 0 !important;
        /* Elimina márgenes laterales */
        flex: 1 1 100%;
    }

    .wpcf7-form>.wpcf7-submit-row {
        margin-top: 20px;
    }

    .form7-stacked-label::placeholder {
        color: #0700E0;
        opacity: .6;
        font-family: "Work Sans", sans-serif;
    }



    .coach-title h1 {
        font-size: 38px !important;
        font-size: 400 !important;
    }

    .coach-txt p {
        font-size: 16px !important;
        font-weight: 400;
    }


}




/* dispositivos MUY chicos */
@media (max-width: 479px) {
    /* Todo bien simple y grande */

    .overlay-blaszko {
        margin-right: 0px !important;

    }


    /* Footer */
    .footer-meli {
        padding-bottom: 0px !important;
    }

    .footer-left {
        padding-left: 4px !important;
    }

    .footer-meli .ha-social-icon-label {
        font-size: 12px !important;
    }

    .footer-meli .elementor-widget-ha-social-icons {
        padding-right: 0px !important;
    }

    .footer-meli .elementor-icon-list-items {
        gap: 0px !important;
        margin-top: 3px !important;
    }

}