body {
    background-color: white;
}

/*----Estilos Carta----*/

.contenedor_carta {
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.menu-carta ul{
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex;
    flex-wrap: wrap;
}

.menu-carta li {
    margin-right: 40px;
}

.menu-carta li:last-child {
    margin-right: 0;
}

.menu-carta a {
    text-decoration: none;
    color: inherit;
}

.menu-carta a.active {
    text-decoration: underline;
    font-weight: bold;
}

#contenido-carta {
    width: 100%;
    max-width: 900px;
}

/*----Estilos Bebidas----*/

.bebidas-content {
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.menu-bebidas ul{
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex;
    flex-wrap: wrap;
}

.menu-bebidas li {
    margin-right: 40px;
}

.menu-bebidas li:last-child {
    margin-right: 0;
}

.menu-bebidas a {
    text-decoration: none;
    color: inherit;
}

.menu-bebidas a.active {
    text-decoration: underline;
    font-weight: bold;
}

.bebidas-lista {
    width: 100%;
    max-width: 900px;
}

/*----Estilos Tapa y Ración----*/

.contenedor_tapa_racion {
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

.menu-tapa-racion ul {
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex;
    flex-wrap: wrap;
}

.menu-tapa-racion li {
    margin-right: 40px;
}

.menu-tapa-racion li:last-child {
    margin-right: 0;
}

.menu-tapa-racion a {
    text-decoration: none;
    color: inherit;
}

.menu-tapa-racion a.active {
    text-decoration: underline;
    font-weight: bold;
}

#contenido-tapa-racion {
    width: 100%;
    max-width: 900px;
}

/* Estilos generales*/

.contenido-item {
    margin: 20px;
    padding: 20px;
    border-bottom: 2px dotted rgba(204, 204, 204, 0.5);
    min-width: calc(50% - 40px);
    display: flex;
    flex-direction: column;
}

@media (max-width: 700px) {
    .contenido-item {
        min-width: calc(100% - 40px) !important;
    }
}

.info-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.alergeno-imagen {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.precio-card {
    font-size: 22px;
    font-weight: bold;
}

.titulo_template {
    text-decoration: underline #E63836;
    text-underline-offset: 15px;
}

/* Estilos Listado Productos */

.img-alergenos-tabla {
    width: 40px;
}

.img-alergenos-leyenda {
    width: 60px;
}

tbody tr:nth-child(odd){
    background: #ededed !important;
}

tbody tr:nth-child(odd) td{
    background: #a1a1a126 !important;
}

tbody tr:nth-child(even){
    background: #ffffff !important;
}

tbody tr td:nth-child(even){
    background: #1c1c1c26 !important;
}

table{
    filter: drop-shadow(2px 2px 4px #9f9f9f);
}

thead tr {
    background: #c0c0c0 !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

@media print {
    /* Modo horizontal para la impresión */
    @page {
        size: landscape;
        margin: 20px;
    }

    /* .elementor.elementor-409.elementor-location-header{
        display: none !important;
    } */

    #contenedortabla {
        font-size: 11px;
    }

    /* Asegurar que imágenes y texto de la tabla se ajusten correctamente en la impresión */
    .div-img-alergeneos-tabla img {
        max-width: 30px;
        height: auto;
    }

    /* Forzar salto de página antes de la leyenda */
    .leyenda {
        page-break-before: always;
    }

    .img-alergenos-leyenda {
        max-width: 30px;
    }
    
    table{
        border: unset !important;
    }
    
    th {
        border: unset !important; 
    }
    
    td {
        border: unset !important; 
    }
    
    thead tr th:nth-child(1){ 
        border-top-left-radius: 15px !important;
    }
    
    thead tr th:last-child{ 
        border-top-right-radius: 15px !important;
    }
    
    tbody tr:last-child td:nth-child(1){ 
        border-bottom-left-radius: 15px !important;
    }
    
    tbody tr:last-child  td:last-child{ 
        border-bottom-right-radius: 15px !important;
    }
    
    tbody tr:last-child  {
        border-bottom-right-radius: 15px !important;
        border-bottom-left-radius: 15px !important;
    }

    table tr:last-child {
        border-bottom-right-radius: 15px !important;
        border-bottom-left-radius: 15px !important;

    }
}

/*--------------------- Estilos Menus ---------------------*/

.menu-navigation {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 40px;

    .menu-link {
        background-color: black !important;
        color: white !important;
        padding: 20px !important;
    }

    .menu-link:hover {
        background-color: white !important;
        color: black !important;
        border-color: #E63836;
    }
}

.title-principal-menus {
    display: flex;
    justify-content: center;
    text-decoration: underline #E63836;
    text-underline-offset: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-70 {
    margin-top: 70px;
}

.container-principal-dia-precio {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
}

.container-principal-content {
    border: 2px solid #E63836;
    border-radius: 10px;
    padding: 10px;

    .content {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;

        i {
            color: #E63836;
        }
    }
}

.container-platos-menus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.container-icon-title {
    display: flex;
    gap: 20px;
    align-items: center;

    .dashicons {
        font-size: 30px;
    }
}

/* .container-elements-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
} */

.elements-menu {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 10px;
    border-bottom: 1px dotted gray;
}

.cont-al {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}

.img-alergenos {
    width: 25px;
}

/* Impresion */

.container-impresion {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 20px;
}

.menu-box {
    width: 48%;
}

@media print {

    .container-impresion {

        .menu-box {

            .title-principal-menus {
                font-size: 14px;
                text-underline-offset: 5px;
            }

            .container-principal-dia-precio {
                margin-top: 15px;

                .container-principal-content {

                    margin-top: 0px;
    
                    .content {
                        font-size: 12px;
                    }
                }
            }

            .container-platos-menus {

                .menu-title {
                    margin-top: 15px;
                }

            }

        }

    }

}