/****COLORES***********----------------------------------*******/

:root {--main: #bc964f; --negro: rgb(10, 10, 10); --blanco: #ffffff;}

.titulo{
    width: 100%;
    max-width: 650px;
    color: white;
    margin: auto;
    margin-top: 20px;
    padding: 50px 20px 0 20px;
   
}

.titulo h2{
    font-family: "Josefin Sans", sans-serif;
    font-size: 2.4rem;
    font-weight: 200;
    color: var(--main);
}

table {
    width:100%;
    max-width: 650px;
    margin: 20px auto;
    color: white;
    font-family: "Inter", sans-serif;
    font-style: italic;
    padding: 20px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 80px;
}


th, td {
    padding: 10px 0;
    text-align: left;
    color: white;
    width: fit-content;
}

thead th {
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: left;
    font-style: normal;
}



tbody td:first-child {
    font-weight: 300;
    font-style: italic;
    width: fit-content;
}

.tabla-titulo{
    display: block;
    margin-top: 50px;
    width: 100%;   
}


@media screen and (max-width:500px) {
    
    td{
    border-bottom: 1px solid rgb(41, 41, 41);
   
    }

}