*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(135deg,#eef4ff,#e6fcff);
    color: #333;
}

header{
    background:linear-gradient(90deg,#4fb0ff,#616bff);
    color:white;
    text-align:center;
    padding:35px;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}

header h1{
    font-size:42px;
    margin-bottom:15px;
}



nav{
    margin-top:20px;
}

nav a{
    color:white;
    text-decoration:none;
    background:rgba(255,255,255,.2);
    padding:12px 22px;
    margin:8px;
    border-radius:30px;
    display:inline-block;
    transition:.3s;
}

nav a:hover{
    background:rgb(255, 255, 255);
    color:#618bff;
}



main{
    width:90%;
    max-width:1100px;
    margin:40px auto;
    background:white;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

h2{
    color:#6198ff;
    margin-bottom:20px;
}

h3{
    color:#4ff3ff;
    margin-top:25px;
}

h4{
    margin-top:20px;
}



.tarjeta{
    display:block;
    background:#ffffff;
    border-left:8px solid #5b4fff;
    border-radius:15px;
    padding:20px;
    margin:20px 0;
    text-decoration:none;
    color:#333;
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.tarjeta:hover{
    transform:translateY(-5px);
    background:#f8f4ff;
}

.tarjeta i{
    font-size:45px;
    color:#5b4fff;
    margin-bottom:15px;
}



table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}

th{
    background:#5b4fff;
    color:white;
    padding:12px;
}

td{
    padding:12px;
    border-bottom:1px solid #ddd;
}


img{
    width:100%;
    max-width:600px;
    display:block;
    margin:20px auto;
    border-radius:15px;
}


.btn-arriba{
    display:inline-block;
    margin-top:25px;
    background:#4fd6ff;
    color:white;
    text-decoration:none;
    padding:12px 25px;
    border-radius:30px;
}

.btn-arriba:hover{
    background:#61d2ff;
}


footer{
    margin-top:40px;
    background:#222;
    color:white;
    text-align:center;
    padding:20px;
}