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

body{
    font-family:'Montserrat',sans-serif;
    background:#0f172a; /* azul oscuro institucional */
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 15px;
}

/* Contenedor principal */
section{
    background:#ffffff;
    max-width:850px;
    padding:45px 50px;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.25);
    border-top:6px solid #d4af37;
    animation:fadeIn .6s ease;
}

/* Título */
h1{
    text-align:center;
    font-family:'Cinzel',serif;
    color:#0f172a;
    margin-bottom:25px;
    letter-spacing:2px;
}

/* Subtítulos */
h3{
    color:#d4af37;
    margin-top:22px;
    margin-bottom:6px;
    font-weight:600;
}

/* Texto */
p{
    color:#334155;
    line-height:1.7;
    font-size:15px;
    margin-bottom:10px;
}

/* Fecha */
section p:last-child{
    text-align:right;
    margin-top:25px;
    font-style:italic;
    color:#64748b;
}

/* Animación suave */
@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Responsive */
@media(max-width:600px){
    section{
        padding:30px 25px;
    }

    h1{
        font-size:22px;
    }
}


/* Flecha regresar */
.volver{
    position:fixed;
    top:25px;
    left:25px;
    background:#d4af37;
    color:#0f172a;
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    box-shadow:0 6px 15px rgba(0,0,0,.3);
    transition:.3s;
    z-index:10;
}

.volver:hover{
    transform:scale(1.1);
    background:#0f172a;
    color:#d4af37;
}