body{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    background:#111;
    color:white;
}


h1{
    text-align:center;
    font-size:50px;
    color:#00d4ff;
    text-shadow:3px 3px 10px black;
    margin-top:20px;
}


h2{
    color:#00d4ff;
    border-left:8px solid #00d4ff;
    padding-left:10px;
    margin-top:40px;
}
.portada img{
    width: auto;
    max-width: 100%;
    height: 700px;
    object-fit: contain;
    display: block;
    margin: auto;
    border-radius: 20px;
    border: 4px solid #00d5ff;
}
section{
    width:85%;
    margin:30px auto;
    background:rgba(255,255,255,.08);
    padding:25px;
    border-radius:15px;
    box-shadow:0 0 20px rgba(0,212,255,.4);
}


#inicio img{
    border-radius:20px;
    border:5px solid #00d4ff;
    box-shadow:0 0 25px #00d4ff;
}

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

th{
    background:#00d4ff;
    color:black;
    padding:12px;
}

td{
    text-align:center;
    padding:10px;
    border:1px solid #555;
}

tr:nth-child(even){
    background:#222;
}

tr:hover{
    background:#333;
}


td img{
    border-radius:10px;
    transition:.4s;
}

td img:hover{
    transform:scale(1.15);
}


ul li,
ol li{
    margin:8px 0;
}

a{
    color:#00d4ff;
    text-decoration:none;
    font-weight:bold;
}

a:hover{
    color:white;
    text-decoration:underline;
}

/* Videos */
video,
iframe{
    border-radius:15px;
    box-shadow:0 0 15px #00d4ff;
}


button{
    background:#00d4ff;
    color:black;
    padding:10px 20px;
    border:none;
    border-radius:10px;
    cursor:pointer;
}

button:hover{
    background:white;
}


#galeria img{
    width:280px;
    margin:10px;
    border-radius:15px;
    transition:.5s;
}

#galeria img:hover{
    transform:scale(1.08);
    box-shadow:0 0 20px #00d4ff;
}


footer{
    background:black;
    text-align:center;
    padding:20px;
    margin-top:40px;
}