@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'; 

.search-button{
    background-color: #ffffff;
    color: #808080;
    cursor: pointer;
}

a {
    text-decoration: none!important;
}

.myRadius{
    border-color: #ffffff!important;
    color: #ffffff!important;
}

.uk-button{
    font-family: 'Roboto', sans-serif!important;
    text-decoration: none!important;
}

.category-box {
    position: relative;
    padding-bottom: 10px; /* Espacio para la franja roja */
}

.border-collection{
    border-color: #960051;
}

.red-ribbon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px; /* Ajusta la altura de la franja según necesites */
    background-color: red;
}

.highlight-text {
    color: #960051;
    font-size: 24px;
}

.description-text {
    color: #212121;
    font-size: 16px;
}

.highlight-hr {
    border: 2px solid #960051;
    width: 500px;
}

@media (min-width: 768px) {
    .flex-container {
        flex-direction: row;
    }
}

@media (max-width: 480px) {
    .frases {
        width: 100%;
    }
}