body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
}

.oculto {
    display: none;
}

.oculto2 {
    display: none;
}

.container {
    border: 2px solid goldenrod;
    /*border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;*/
    border-radius: 1rem;
    margin-bottom: 2vw;
    padding-left: 1vw;
}

.publicaciones-h2 {
    font-size: 3.5vw;
}

input[type="password"] {
    /*padding: 8px;
    width: 200px;
    margin-right: 10px;*/
    padding: 1vw;
    height: 5vw;
    width: 40vw;
    font-size: 3.5vw;
    margin-right: 2vw;
}

.contenedor-botones {
    display: flex;           /* Activa el modo flexible */
    align-items: center;       /* Alinea los botones verticalmente al centro */
    justify-content: flex-start; /* Alinea los botones a la izquierda (o usa 'center' si los quieres al medio) */
    gap: 2vw;                  /* Espacio entre los botones (reemplaza al margin-right) */
    margin-top: 20px;          /* Un poco de espacio respecto al contenido de arriba */
    flex-wrap: wrap;           /* Por si la pantalla es muy chica, que bajen de línea en vez de romperse */
}

.botonlogin, .botonvolver, .botonlogout {
    /*padding: 8px 16px;*/
    padding: 1vw 2vw;
    /*margin-right: 2vw;*/
    height: 10vh;
    /*min-height: 8vw;  por si el texto es largo en lugar de height */
    width: 18vw;
    font-size: 2vw;
    cursor: pointer;
    /*background-color: #007bff;*/
    background-color: #369;
    color: white;
    border: none;
    border-radius: 1.1rem;
    /* Asegura que el texto se centre dentro del botón aunque tenga 2 líneas */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.botonlogin:hover, .botonvolver:hover {
    background-color: #0056b3;
}

.error {
    color: red;
    margin-top: 10px;
}

.botonlogout {
    /*
    padding: 1vw 2vw;
    height: 8vw;
    width: 20vw;
    font-size: 2.5vw;
    cursor: pointer;
    color: white;
    border: none;
    background-color: #dc3545;*/
    background-color: #9f0712;
}

.botonlogout:hover {
    background-color: #c82333;
}

#modificar-publi p {
    font-size: 28px;
}