.productosCafes {
    position: relative; /* Arrow will now be positioned relative to this table */
}

.productosCafes td {
    padding: 10px 40px;
}

.productosBebidas {
    position: relative; /* Arrow will now be positioned relative to this table */
}

.productosBebidas td {
    padding: 10px 40px;
}

table.productosBebidas,tr {
    justify-content: left;
    top: 580px;
}

table.productosCafes,tr {
    justify-content: left;
    top: 670px;
}

.col1 td {
    white-space: nowrap;
}

.productosCafes td.col1{
    left: 0px;   
}

.tituloBebidas {
    position: relative;
    color: #662C0D;
    font-size: 80px;
    white-space: nowrap;
    padding-top: 125px;
    padding-left: 75px;
    padding-bottom: 10px;
}

.tituloCafes{
    position: relative;
    color: #662C0D;
    font-size: 80px;
    white-space: nowrap;
    padding-top: 160px;
    padding-left: 120px;
    padding-bottom: 80px;
    top: 125px;
}

/* CAFE FRIO */

.tituloCafeFrio {
    position: relative;
    color: #662C0D;
    left: 43px;
    top: 90px;
    font-size: 40px;
    padding-top: 15px;
    padding-bottom: 1250px;
    justify-content: left;
}


table.cafeFrio,tr {
    position: relative;
    justify-content: left;
    left: 40px;
    top: -580px;
}

span.frio {
    color: #662C0D;
}

.comboFrios {
    position: absolute;
    top: 1150px;
    left: 550px;
    transform: scale(70%)
}

/* CAFE FRIO FINAL*/


/* Arrow Styling */
#arrow {
    position: absolute;
    width: 380px;
    height: 56px;
    border-radius: 0 0 56px 0;
    background-color: #fdb82f;
    pointer-events: none; /* To prevent interfering with clicks */
    transition: top 0.5s ease-in-out, left 0.5s ease-in-out; /* Smooth movement */
}

#arrow2 {
    position: absolute;
    width: 500px;
    height: 56px;
    border-radius: 0 0 56px 0;
    background-color: #fdb82f;
    pointer-events: none; /* To prevent interfering with clicks */
    transition: top 0.5s ease-in-out, left 0.5s ease-in-out; /* Smooth movement */
}

#arrow3 {
    position: absolute;
    width: 390px;
    height: 56px;
    border-radius: 0 0 56px 0px;
    background-color: #fdb82f;
    pointer-events: none; /* To prevent interfering with clicks */
    transition: top 0.5s ease-in-out, left 0.5s ease-in-out; /* Smooth movement */
}

/* Image Styling */
.menu-image {
    position: absolute;
    opacity: 0;
    transition: opacity 1s ease;
}

.menu-image2 {
    position: absolute;
    opacity: 0;
    transition: opacity 1s ease;
}

.combo {
    position: absolute;
    top: 300px;
    left: 550px;
    transform: scale(100%)
}

.combo2 {
    position: absolute;
    top: 1200px;
    left: 500px;
    transform: scale(100%)
}

.visible {
    opacity: 1;
}

#menuboard {
    width: 1080px;
    height: 1920px;
    background-image: url(../imagenes/desayunos/backgrounds/Backgrounds_vertDesPostres.png);
}

td {
    align-items: center;
    align-content: center;
    padding: 20px 0 0 0;
}

.on-top {
    position: relative;
    z-index: 9999;
}

table {
    display: flex;
    color: #662C0D;
}

.center {
    margin: auto;
    width: 50%;
}