```css
/* =======================================
   ESTILOS GENERALES
======================================= */

body{
    background:#f8f9fa;
    font-family:Arial, Helvetica, sans-serif;
}

/* =======================================
   NAVBAR
======================================= */

.navbar{
    box-shadow:0 2px 8px rgba(0,0,0,.2);
}

.navbar-brand{
    font-size:28px;
    font-weight:bold;
}

/* =======================================
   CARRUSEL
======================================= */

.carousel img{
    object-fit:cover;
}

/* =======================================
   TITULOS
======================================= */

h1,h2,h3{
    font-weight:bold;
}

h2{
    color:#0d6efd;
}

/* =======================================
   TARJETAS
======================================= */

.card{
    border:none;
    transition:.3s;
    border-radius:12px;
}

.card:hover{

    transform:translateY(-8px);

    box-shadow:0 10px 20px rgba(0,0,0,.2);

}

.card img{

    border-radius:12px 12px 0 0;

    object-fit:cover;

}

/* =======================================
   BOTONES
======================================= */

.btn{

    border-radius:30px;

}

.btn-success{

    font-size:18px;

}

/* =======================================
   CATEGORIAS
======================================= */

.card h5{

    margin-top:10px;

}

.card p{

    color:#666;

}

/* =======================================
   FOOTER
======================================= */

footer{

    margin-top:60px;

}

footer a{

    color:white;

}

footer a:hover{

    color:#ffc107;

}

/* =======================================
   FORMULARIO
======================================= */

input,textarea{

    border-radius:10px;

}

/* =======================================
   RESPONSIVE
======================================= */

@media(max-width:768px){

.navbar-brand{

font-size:22px;

}

.carousel img{

height:250px !important;

}

}
```