/* 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;
}

/*MENÚ DE NAVEGACIÓN */
nav{
    background-color:#e53935;
    width:100%;
    padding:20px 0;
}

/* Lista del menú (vertical y centrado) */
nav ul{
    list-style:none; /* Quita viñetas */
    padding:0;
    margin:0 auto;
    width:150px;
}

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

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

/* Efecto al pasar el mouse */
nav ul li a:hover{
    background-color:#b71c1c;
}

/*CONTENEDOR GENERAL */
.cmenu{
    padding:30px;
    margin:30px auto;
    width:90%;
    background:white;
    border-radius:10px;
    box-shadow:0px 3px 10px rgba(0,0,0,0.1);
}

/*TÍTULOS */
h1,h2,h3{
    color:#c62828;
}

/* PÁRRAFOS */
p{
    font-size:16px;
    margin-top:20px;
    line-height:1.5; /* Mejora la lectura */
}

/*LISTAS GENERALES*/
ul, ol{
    margin:15px;
    padding-left:25px;
}

/* Elementos de lista */
li{
    margin-bottom:8px;
    font-size:15px;
}

/*ENLACES GENERALES  */
a{
    color:#c62828;
    text-decoration:none;
}

/* Hover enlaces */
a:hover{
    text-decoration:underline;
}

/*  TABLAS */
table{
    margin:30px auto;
    border-collapse:separate;
    border-spacing:35px;
    text-align:center;
}

/* Texto dentro de tabla */
td{
    font-size:16px;
    font-weight:bold;
}

/*IMÁGENES GENERALES  */
img{
    max-width:100%;  /* Responsivo */
    height:auto;
    border-radius:10px;
}

/* Imágenes de productos */
table img{
    width:260px;
    height:200px;
    object-fit:cover;
    border-radius:12px;
    box-shadow:0px 4px 12px rgba(0,0,0,0.2);
    cursor:pointer;
}

/* Efecto hover imágenes */
table img:hover{
    transform:scale(1.07);
    transition:0.3s;
}

/* BOTONES */
button{
    margin:15px;
    padding:12px 20px;
    background-color:#c62828;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

/* Links dentro de botones */
button a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

/* Hover botones */
button:hover{
    background-color:#b71c1c;
}

/*FORMULARIOS (MEJORADO) */
#informacion{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

/* Contenedor del formulario */
.formulario{
    border:2px solid #ccc;
    padding:20px;
    width:400px;
    background-color:#f9f9f9;
    margin:auto;
    border-radius:15px;
}

/* Formulario general  */
form{
    width:100%;
}

/* Línea de campos */
.linea{
    margin-bottom:10px;
}

/* Etiquetas */
label{
    display:inline-block;
    width:180px;
    font-weight:bold;
}

/* Campos de entrada */
input, textarea, select{
    width:100%;
    padding:8px;
    margin-top:5px;
    border-radius:5px;
    border:1px solid #ccc;
}

/* Botones del formulario */
input[type="submit"],
input[type="reset"]{
    margin-top:10px;
    padding:8px 15px;
    border:none;
    background-color:#c62828;
    color:white;
    cursor:pointer;
}

/* Hover botones */
input[type="submit"]:hover,
input[type="reset"]:hover{
    background-color:#b71c1c;
}