
.titulo {
    font-size: 40px;
    font-family: 'Dancing Script', cursive;
    margin-bottom: 40px;
    color: #fff;
}

.subtitulo {
    margin: 0;
    color: #000;
    display: inline;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
}

.sabor { 
    color: #fff;
    margin: 7px 0;
    font-size: 50px;
    font-weight: 600;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.7);
    font-family: 'Dancing Script', cursive;
    margin-top: 0;
}

.linea-division {
    width: 80%;
    height: 2px;
    background-color: #754C29;
}

    /* ------------------------- */
    /* Estilos de Materialize */
    /* ------------------------- */
.carousel{
    min-height: 680px;
}

.carousel .carousel-item {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 user-select: none;
 width: 464px;
 height: 600px;
}


.carousel .carousel-item img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 border-style: solid;
 color: #df8244;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 box-shadow: 19px 20px 20px 0px #e9e9e9;
 top: 0;
 left: 0;
 z-index: -1;
 border-radius: 15px;
}


.carousel .indicators .indicator-item {
    border-radius: 0;
    transform: rotate(45deg);
    margin: 1px 20px;
    background: #df8244;
}
@media (max-width: 450px) {
.carousel{
    min-height: 600px;
}

.carousel .carousel-item {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 user-select: none;
 width: 270px;
 height: 350px;
}


.carousel .carousel-item img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 border-style: solid;
 color: #df8244;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 box-shadow: 19px 20px 20px 0px #e9e9e9;
 top: 0;
 left: 0;
 z-index: -1;
 border-radius: 15px;
}


.carousel .indicators .indicator-item {
    border-radius: 0;
    transform: rotate(45deg);
    margin: 1px 10px;
    background: #df8244;
}

}

}