@media (max-width:768px){

    /* =========================
       HEADER SUPERIOR
    ========================== */

    .inner-upper-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch;
        gap:0;
    }

    /* Columna ticker */
    .inner-upper-header > .wp-block-column:first-child{
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
        overflow:hidden;
        padding:0px 0;
    }

    /* =========================
       TICKER CONTINUO
    ========================== */

    .inner-upper-header > .wp-block-column:first-child{
        overflow:hidden;
        white-space:nowrap;
    }

    .inner-upper-header > .wp-block-column:first-child p{
        display:inline-block;
        white-space:nowrap;
        padding-right:50px;
        margin:0;
        font-size:16px !important;
        font-weight:700;
        animation:moverTexto 12s linear infinite;
    }

    .inner-upper-header > .wp-block-column:first-child p::after{
        content:"   •   CENTRO DE PROFESIONALIZACIÓN Y EDUCACION INTEGRAL DEL ESTADO DE MEXICO";
        font-weight:700;
    }

    @keyframes moverTexto{

        0%{
            transform:translateX(0);
        }

        100%{
            transform:translateX(-50%);
        }

    }

    /* =========================
       ICONOS SUPERIORES
    ========================== */

    .top-info{
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
    }

    .header-details{
        display:grid !important;
        grid-template-columns:repeat(4,1fr);
        align-items:center;
        text-align:center;
        gap:0;
        width:100%;
    }

    .header-details > .wp-block-column{
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
        margin:0 !important;
        padding:0px 0 !important;
    }

    .contact-info img{
        width:20px !important;
        height:auto;
        margin:auto;
    }

    /* Solo iconos */
    .contact-info p{
        display:none !important;
    }

    /* =========================
       HEADER PRINCIPAL
    ========================== */

    .inner-menu-header{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
    }

    .inner-menu-header > .wp-block-column{
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
    }

    /* Oculta menus originales */
    .nav-block-left,
    .nav-block-right,
    .social-block{
        display:none !important;
    }

    /* =========================
       LOGO
    ========================== */

    .logo-block{
        text-align:center !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
    }

    .logo-block img{
        width:55px !important;
    }

    .logo-block h1{
        font-size:30px !important;
        margin-top:-20px !important;
        margin-bottom:0px !important;
        line-height:1 !important;
    }

    /* Oculta logo en movil */
    .logo-block img{
        display:none !important;
    }

    /* =========================
       MENU MOVIL CUSTOM
    ========================== */

    .mobile-custom-menu{
        width:100%;
			margin-top:-40px;
    }

    /* Fuerza filas horizontales */
    .mobile-custom-menu .wp-block-columns{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        justify-content:space-between !important;
        align-items:center;

        margin-top:0 !important;
        margin-bottom:4px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        gap:0 !important;
    }

    /* Columnas */
    .mobile-custom-menu .wp-block-column{
        text-align:center;
        width:50% !important;
        flex-basis:50% !important;
        min-height:auto !important;
    }

    /* Compacta bloques internos */
    .mobile-custom-menu .wp-block-columns,
    .mobile-custom-menu .wp-block-column{
        min-height:auto !important;
    }

    /* Contactanos ocupa toda la fila */
    .mobile-custom-menu .wp-block-columns:last-child .wp-block-column{
        width:100% !important;
        flex-basis:100% !important;
    }

    /* Texto menu */
    .mobile-custom-menu p{
        text-align:center;
        font-size:20px !important;
        font-weight:700;
        margin:0px 0;
    }

}

/* =========================
   OCULTAR MENU MOVIL EN PC
========================== */

@media (min-width:769px){

    .mobile-custom-menu{
        display:none !important;
    }

}

/* =========================
   HERO MOBILE SLIDER
========================== */

/* Oculta hero mobile en PC */
.hero-mobile{
    display:none;
}

@media (max-width:768px){

    /* Oculta slider desktop */
    .educational-blocks-swiper.bannerimage{
        display:none !important;
    }

    /* Muestra hero mobile */
    .hero-mobile{
        display:block !important;
        width:100%;
        overflow:hidden;

        margin-top:0 !important;
        margin-bottom:0 !important;

        padding:0 !important;
    }

    /* Contenedor horizontal */
    .mobile-slider{

        display:flex !important;

        flex-direction:row !important;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        gap:16px;

        padding:10px 14px 20px 14px;

        -webkit-overflow-scrolling:touch;
    }

    /* Oculta scrollbar */
    .mobile-slider::-webkit-scrollbar{
        display:none;
    }

    /* Cada slide */
    .mobile-slide{

        min-width:92%;

        flex:0 0 92%;

        scroll-snap-align:center;

        border-radius:22px;

        overflow:hidden;

        box-shadow:0 10px 30px rgba(0,0,0,.25);
    }

    /* Cover */
    .mobile-slide.wp-block-cover{
        min-height:60vh !important;
    }

    /* Imagen */
    .mobile-slide img{
        object-fit:cover !important;
    }

    /* Texto */
    .mobile-slide h1,
    .mobile-slide h2,
    .mobile-slide h3{

        font-size:32px !important;

        line-height:1.1 !important;

        text-shadow:0 2px 12px rgba(0,0,0,.5);
    }

    .mobile-slide p{

        font-size:17px !important;

        line-height:1.5 !important;

        text-shadow:0 2px 12px rgba(0,0,0,.5);
    }

}
/* =========================
   HEADER SOLO MOVIL
========================== */

.mobile-top-header{
    display:none;
}

@media (max-width:768px){

    .mobile-top-header{
        display:block !important;
    }

    .mobile-top-header .wp-block-columns{
        display:flex !important;
        align-items:center !important;
    }

    /* Texto izquierda */
    .mobile-top-header .wp-block-column:first-child{
        flex:1;
    }

    .mobile-top-header .wp-block-column:first-child p{
        font-size:12px !important;
        line-height:1.1 !important;
        margin:0 !important;
    }

    /* Logo */
    .mobile-top-header .wp-block-column:nth-child(2){
        flex:0 0 auto;
    }

    .mobile-top-header .wp-block-column:nth-child(2) img{
        width:60px !important;
        height:auto;
    }

    /* Teléfono */
    .mobile-top-header .wp-block-column:last-child{
        flex:1;
    }

    .mobile-top-header .wp-block-column:last-child p{
        font-size:12px !important;
        line-height:1.1 !important;
        margin:0 !important;
    }

}

@media (min-width:769px){

    .mobile-top-header{
        display:none !important;
    }

}
/* =========================
   HEADER SUPERIOR SOLO MOVIL
========================== */

@media (max-width:768px){

    .mobile-top-header{
        display:block !important;
        padding:8px 10px !important;
    }

    .mobile-top-header > .wp-block-columns{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
    }

    /* TEXTO */
    .mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(1){
        flex:.5 !important;
    }

    .mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(1) p{
        font-size:5px !important;
        line-height:1.1 !important;
        margin:0 !important;
        text-align:center !important;
    }

    /* LOGO */
    .mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(2){
        flex:0 0 55px !important;
    }

    .mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(2) img{
        width:50px !important;
        height:auto !important;
    }

   /* WHATSAPP + TEL */
.mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(3){
    flex:1.3 !important;
}

/* Contenedor icono + texto */
.mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(3) .wp-block-columns{
    display:flex !important;
    align-items:center !important; /* CENTRA EL ICONO CON LAS 2 LINEAS */
    gap:4px !important;
}

.mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(3) img{
    width:19px !important;
    height:auto !important;
}

.mobile-top-header > .wp-block-columns > .wp-block-column:nth-child(3) p{
    font-size:8px !important;
    line-height:1.1 !important;
    margin:0 !important;
    text-align:left !important;
}