.items-menu-perfil {
    display: contents;
}

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


@media screen and (max-width: 768px) {

    .menu_global {
        display: inline-table;
    }

    /* Header Responsive */
    .header {
        height: auto;
        padding: var(--space-s) 0;
    }

    .header .content {
        grid-template-columns: 1fr auto auto !important;
        padding: 0 var(--space-m);
        gap: var(--space-m);
        align-items: center;
    }

    .header .logo {
        min-width: auto;
        max-width: 80px;
    }

    .header .logo a img {
        width: 70px !important;
    }

    /* Navigation Menu */
    .header .nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 75%;
        height: 100vh;
        background-color: white;
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transform: translateX(100%);
        transition: all 0.3s ease-out;
        padding: 70px var(--space-m) var(--space-m);
        overflow-y: auto;
    }

    .header .nav.active {
        opacity: 1;
        pointer-events: all;
        transform: translateX(0);
        width: 75%;
    }

    .header .nav nav {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        margin: initial !important;
    }

    .header .nav nav .items {
        flex-direction: column !important;
        align-items: stretch !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .header .nav nav .items .menu-item {
        width: 100%;
        padding: var(--space-s) 0;
        /* border-bottom: 1px solid #eee;*/
    }

    .header .menu-button .bars {
        display: block;
        position: absolute;
        width: 25px;
        height: 25px;

    }

    .salir_menu_nav {
        left: 8em !important;
    }

    /* Menu Button */
    .menu-button {
        display: flex !important;
        width: auto;
        padding: var(--space-s);
        order: 3;
        align-items: center;
        justify-content: center;
    }

    .menu-button.active .bar:nth-child(1) {
        transform: rotate(45deg) translate(10px, 10px);
    }

    .menu-button.active .bar:nth-child(2) {
        opacity: 0;
    }

    .menu-button.active .bar:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    /* Hide items */
    /*.items {
        display: none !important;
    }*/

    /* Private Area Mobile Icons */
    .header .private-area-mobile {
        display: flex !important;
        width: max-content;
        margin-right: 0px;
    }

    /* Lang Button */
    .header .lang-button {
        display: none;
    }

    .header .menu-button {
        order: 3;
    }

    .offee-coins-counter {
        width: 70% !important;
    }

    .header .nav nav .items .coffee-coins-counter {
        margin-right: 40px;
    }

    .header .nav nav .items .coffee-coins-counter>img {
        height: 16px !important;
    }

    .font_header_mobile {
        font-size: inherit !important;
    }

    .email-info,
    .contact-info {
        display: none;
    }

    .items-menu-perfil {
        display: none;
    }

    .notificacion-perfil {
        margin-left: -50px !important;
    }

    .contenedor-menu {
        background-image: none !important;
        margin-left: 0% !important;
        padding-bottom: 20em;
        display: block;
        min-height: 694px;
    }

    .menu_item_ul li {
        width: 90%;
        margin-left: 5%;
    }

    .menu_item_ul li a {
        text-decoration: none;
        font-weight: bold;
        font-size: larger;
    }


    .footer__item_text {
        margin-left: 0.5em !important;
        float: inline-start;
        font-size: 12px !important;
    }

    .footer__item {
        margin-left: 0.5em;
        float: inline-start;
    }

    .footer__item a {
        font-size: 10px !important;
    }

    .footer .content .footer__block {
        padding-right: 0 !important;
    }

    .menu_item_no_register {
        color: #000 !important;
        background: #F19F19 !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 50px;
    }

    .button--default:hover span {
        color: white !important;
    }

    .titulo_banner_superior_nombre {
        font-size: 15px;
    }

    .titulo_banner_superior_mensaje {
        font-family: var(--display-1-ff)#4C372B;
        font-weight: bold;
        font-size: 15px;
        color: #4C372B;

    }

    .banner {
        position: relative;
        height: -moz-fit-content;
        height: fit-content;
        overflow: hidden;
        top: 20%;
    }

    /*---------*/
    /* Contenedor superior: Monedas a la izquierda, iconos a la derecha */
    .header-top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*padding: 10px 15px;*/
    }

    .header-icons-right {
        display: flex;
        gap: 15px;
        /* Espacio entre carrito, perfil y logout */
        align-items: center;
    }

    /* Estilo del buscador (ahora debajo de los iconos) */
    .search-section {
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
    }

    .search-form {
        display: flex;
        align-items: center;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
    }

    /* Ajuste de los items del menú principal (Lista vertical) */
    .menu_global__item {
        width: 90% !important;
        display: flex;
        align-items: center;
        background: #ffffff;
        margin: 10px 15px;
        padding: 15px;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        /* Sombra suave como en la imagen */
        font-family: 'Roboto', sans-serif;
        text-transform: capitalize;
        /* "Mis pedidos" en lugar de "PEDIDOS" */
    }

    .menu_global__item img {
        margin-right: 20px;
        width: 30px;
        /* Ajusta según el tamaño de tus iconos */
    }


    /*************** PROMOCIONES ******************/

    #promotions .columnPrivateArea {
        width: 100%;
        margin: 0px;
        margin-top: 0.5em;
    }



    /***************AUMENTA TICKETS MEDIO ******************/
    .decoraTuLocal_noticia {
        margin: 0px;
        margin-top: 10px;
    }

    /* Forzamos que el contenedor de la noticia sea un bloque vertical */
    .decoraTuLocal_noticia.ticketMedioNoticia {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 400px;
        /* Altura mínima para que quepa todo */
    }

    /* Forzamos que la imagen se muestre y tenga dimensiones */
    .img_noticia {
        display: block !important;
        /* Por si estaba en 'none' */
        width: 100% !important;
        height: 250px !important;
        /* Altura fija necesaria para ver el background */
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        order: -1;
        /* Esto la coloca arriba del todo */
    }

    /* Ajustamos el bloque de texto */
    .descripcion_noticia {
        display: block !important;
        width: 100% !important;
        padding: 0px !important;
        box-sizing: border-box;
        margin-top: 10px !important;
    }

    /* Ajuste opcional para que el título no sea gigante en móvil */
    .descripcion_noticia h1 {
        font-size: 1.2em !important;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .ticketMedioNoticia_template {
        width: 99%;
        padding: 1em;
    }

    .ticketMedio__title {
        font-size: 2rem !important;
    }

    .ticketMedioNoticia_noticia img {
        border-radius: 0.9em;
    }
}