body{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url("fondo.jpg");

    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    margin:0;
    padding:0;
}

/* Capa oscura transparente encima del fondo */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(60,40,20,0.45);
    z-index:-1;
}

.formulario{
    width:500px;
    margin:40px auto;

    background:#f5ebe0;

    padding:35px;

    border-radius:20px;

    box-shadow:0px 0px 25px rgba(0,0,0,0.5);

    border:3px solid #8b5e3c;
}

h2{
    text-align:center;
    color:#5c3d2e;
    margin-bottom:30px;
    font-size:30px;
}

label{
    color:#5c3d2e;
    font-weight:bold;
}

input[type="text"],
input[type="date"]{

    width:100%;

    padding:12px;

    margin-top:5px;
    margin-bottom:15px;

    border-radius:10px;

    border:2px solid #c08552;

    background:#fffaf3;

    font-size:16px;

    box-sizing:border-box;
}

input[type="text"]:focus,
input[type="date"]:focus{

    outline:none;

    border:2px solid #6f4e37;

    box-shadow:0px 0px 10px rgba(111,78,55,0.5);
}

.botones{
    text-align:center;
    margin-top:25px;
}

input[type="submit"],
button{

    background:#6f4e37;

    color:white;

    border:none;

    padding:12px 18px;

    border-radius:12px;

    cursor:pointer;

    margin:5px;

    font-size:15px;

    transition:0.3s;
}

input[type="submit"]:hover,
button:hover{

    background:#a47148;

    transform:scale(1.05);
}

.mensaje{
    text-align:center;
    color:white;
    margin-top:20px;
    font-size:18px;
}



.tabla{

    width:90%;

    margin:auto;

    border-collapse:collapse;

    background:#f5ebe0;

    box-shadow:0px 0px 15px rgba(0,0,0,0.4);

    border-radius:15px;

    overflow:hidden;

    margin-top:30px;
}

.tabla th{

    background:#6f4e37;

    color:white;

    padding:15px;

    font-size:16px;
}

.tabla td{

    padding:12px;

    text-align:center;

    border-bottom:1px solid #d6ccc2;

    color:#5c3d2e;
}

.tabla tr:nth-child(even){

    background:#ede0d4;
}

.tabla tr:hover{

    background:#d5bdaF;

    transition:0.3s;
}