body{
font-family:'Poppins',sans-serif;
margin:0;
}

/* INDEX */

.body-index{
background-image:url("blue.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;

display:flex;
justify-content:center;
align-items:center;
height:100vh;
}

.card{
background:rgb(181, 228, 245);
padding:50px;
border-radius:25px;
text-align:center;
}

.icon-header{
font-size:40px;
color: #3da9f6;
}

.subtitle{
color:#02436b;
margin-bottom:30px;
}

.btn-main{
display:inline-block;
padding:15px 25px;
background:#3c91f2;
color:white;
text-decoration:none;
border-radius:10px;
transition:0.3s;
}

/* LISTA */

.body-lista{
background-image:url("pink.jpg");
background-size:contain;
background-position:center;
background-repeat:repeat;

padding:40px;
text-align:center;
}

.header-section h1{
color:#ffb6c1;
}

.divider{
height:2px;
width:60px;
background:#ffb6c1;
margin:10px auto 30px auto;
}

.table-container{
max-width:900px;
margin:auto;
background:white;
padding:25px;
border-radius:20px;
box-shadow:0 10px 30px rgba(255,182,193,0.15);
}

table{
width:100%;
border-collapse:collapse;
}

th{
text-transform:uppercase;
font-size:12px;
color:#aaa;
padding:10px;
}

td{
background:#fff9fa;
padding:15px;
}

tr:hover td{
background:#fff0f3;
}

.badge{
background:white;
border:0px solid #ffe4e9;
padding:5px 10px;
border-radius:15px;
}

.btn-back{
display:inline-block;
margin-top:25px;
text-decoration:none;
color:#ffb6c1;
}

.no-data{
color:#aaa;
}