body{
    background-color:#f7f4f5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:#3a1f24;
    padding:40px;
}

/* CONTENEDOR PRINCIPAL */
.contenedor{
    background:#ffffff;
    max-width:650px;
    margin:auto;
    padding:40px;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* TITULO */
h2{
    text-align:center;
    font-size:34px;
    color:#6b0f1a; /* vino */
    margin-bottom:30px;
}

/* SUBTITULOS */
h4{
    color:#8b1e2d;
    font-size:20px;
    margin-top:25px;
    border-bottom:2px solid #e6d4d7;
    padding-bottom:6px;
}

/* LABELS */
label{
    display:block;
    margin-top:14px;
    font-weight:600;
    color:#4a1f26;
}

/* CAMPOS */
input[type="text"],
select{
    width:100%;
    padding:12px;
    margin-top:6px;
    border-radius:8px;
    border:1px solid #d8c2c6;
    background:#faf7f8;
    font-size:15px;
    transition:0.2s;
}

/* EFECTO AL SELECCIONAR */
input[type="text"]:focus,
select:focus{
    outline:none;
    border-color:#8b1e2d;
    background:white;
}

/* CHECKBOX */
input[type="checkbox"]{
    margin-right:8px;
}

/* LINEA */
hr{
    border:none;
    border-top:1px solid #e6d4d7;
    margin:25px 0;
}

/* BOTONES */
input[type="submit"],
input[type="reset"]{
    background:#6b0f1a;
    color:white;
    border:none;
    padding:12px 24px;
    margin-top:20px;
    margin-right:10px;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    transition:0.2s;
}

/* HOVER */
input[type="submit"]:hover,
input[type="reset"]:hover{
    background:#4a0b13;
}
/* Estilo general */
body{
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    background-color:#fff5f5;
    text-align:center;
}

/* Encabezado */
header{
    background-color:#c62828;
    color:white;
    padding:25px;
}
/* Encabezado */
header{
    background-color:#c62828;
    color:white;
    padding:25px;
}

/* Barra del menú */
nav{
    background-color:#e53935;
    width:100%;
    padding:20px 0;
}

/* Lista del menú (VERTICAL Y CENTRADO) */
nav ul{
    list-style:none;
    padding:0;
    margin:0 auto;
    width:150px;
}

/* Opciones */
nav ul li{
    margin:12px 0;
}

/* Links */
nav ul li a{
    display:block;
    padding:10px;
    color:white;
    text-decoration:none;
    font-weight:bold;
    border-radius:8px;
}

/* Efecto mouse */
nav ul li a:hover{
    background-color:#b71c1c;
}
/* Botones */
button{
    margin:15px;
    padding:12px 20px;
    background-color:#c62828;
    border:none;
    border-radius:8px;
    cursor:pointer;
}
.boton a{
color: white;
text-decoration: none;
}