/* Estilo general */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f0f0;
    color: #333;
}

/* Navegación */
nav.navbar {
    border-bottom: 2px solid #f7f8fa;
}

/* Encabezado */
header {
    background: linear-gradient(90deg, #007bff, #0056b3);
    color: white;
    text-align: center;
}

header h1 {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 2px;
}

/* Redes sociales */
#redes .fab {
    transition: transform 0.3s, color 0.3s;
}

#redes .fab:hover {
    transform: scale(1.2);
    color: #ff9800 !important;
}

/* Información */
#informacion img {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Galería */
#galeria img {
    transition: transform 0.3s, box-shadow 0.3s;
}

#galeria img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Tabla */
#tabla th {
    background-color: #0022ff;
    color: white;
}

#tabla tr:hover {
    background-color: #f1f1f1;
}