/* Estilo general de la página */
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(120deg, #1f1f2e, #2d3a4b);
    margin:0;
    padding:0;
    color:#f1f1f1;
}

/* Encabezado */
header{
    background: linear-gradient(90deg, #ff7b00, #ffb347);
    text-align:center;
    padding:25px;
    font-size:22px;
    letter-spacing:2px;
    text-transform:uppercase;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

/* Contenedor principal opcional */
main{
    width:85%;
    margin:auto;
    padding:20px;
}

/* Footer */
footer{
    background:#111;
    color:#ccc;
    text-align:center;
    padding:15px;
    font-size:14px;
    border-top:3px solid #ff7b00;
}

/* Carrusel */
.carousel{
    margin-top:30px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 6px 15px rgba(0,0,0,0.5);
}

/* Imágenes del carrusel */
.carousel-inner img{
    width:100%;
    height:420px;
    object-fit:cover;
    filter:brightness(90%);
    transition:transform 0.5s ease;
}

/* Efecto al pasar el mouse */
.carousel-inner img:hover{
    transform:scale(1.05);
}

/* Tabla */
table{
    width: 90%;
    margin: 30px auto;
    border-collapse: collapse;
    background-color: #ffffff;
    color: #333;
    border-radius: 10px;
    overflow: hidden;
}

/* Encabezado de la tabla */
th{
    background-color: #ff6b6b;
    color: white;
    padding: 12px;
    font-size: 16px;
    text-align: center;
}

/* Celdas */
td{
    padding: 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* Filas alternas */
tr:nth-child(even){
    background-color: #f2f2f2;
}

/* Efecto al pasar el mouse */
tr:hover{
    background-color: #ffe5e5;
}