/* ==========================================================
   MASCARADASTV 030
   HEADER + CREAR VISIBLE
   ========================================================== */

@media(max-width:980px){

    /*
     * ARRIBA:
     * quitar solamente las palabras
     * MascaradasTV / Cultura viva.
     * El logo gráfico se conserva.
     */
    .topbar .brand > div{
        display:none !important;
    }


    .topbar .brand{
        width:auto !important;
        min-width:auto !important;
        gap:0 !important;
    }


    .topbar .brand img{
        margin:0 !important;
    }


    /*
     * BOTÓN + ARRIBA.
     * Solo icono, sin palabra.
     */
    .top-create-030{

        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;

        height:42px !important;
        min-height:42px !important;

        padding:0 !important;

        display:grid !important;
        place-items:center !important;

        border:0 !important;

        border-radius:13px !important;

        background:
          #ed111c !important;

        color:
          #fff !important;

        box-shadow:
          0 6px 18px
          rgba(237,17,28,.24) !important;

        flex:
          0 0 42px !important;
    }


    .top-create-030 svg{

        width:24px !important;
        height:24px !important;

        display:block !important;

        stroke:currentColor !important;

        stroke-width:2.7 !important;
    }


    /*
     * BARRA ABAJO:
     * el nuevo CREAR ocupa el lugar
     * que antes ocupaba GUÍA.
     */
    .bottom-nav
    [data-nav-create030="1"]{

        color:#fff !important;
    }


    .bottom-nav
    [data-nav-create030="1"]
    .nav-create-icon-030{

        color:#ed111c !important;

        font-size:30px !important;
        line-height:26px !important;

        font-weight:900 !important;
    }


    .bottom-nav
    [data-nav-create030="1"]
    span{

        color:#fff !important;
    }

}



/* ==========================================================
   031 - BOTON + CIRCULAR
   ========================================================== */

@media(max-width:980px){

    .top-create-030{

        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;

        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;

        border-radius:50% !important;

        display:grid !important;
        place-items:center !important;

        padding:0 !important;
    }


    .top-create-030 svg{

        width:22px !important;
        height:22px !important;
    }

}