/*
Theme Name: Mi Tema Personalizado
Theme URI: http://example.com/
Author: Tu Nombre
Author URI: http://example.com/
Description: Una plantilla personalizada con colores blanco, gris medio y gris oscuro, y la tipografía Oswald.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

/* Estilos generales */
body {
    margin: 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    background-size: cover;
    color: black;
	font-size: 12px;
}

/* Header */
header {
    position: relative;
    width: 100%;
    height: 60px; /* Ajusta según sea necesario */
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

header .logo {
    width: 100px; /* Ajusta según el tamaño de tu logo */
}

h1{
	font-size: 2em;
	font-weight:initial;
}

h2{
	font-size: 1.5em;
}

.menu-recuadro{
	position: absolute;
	top: 5%;
	left: 4%;
	background: rgba(125, 125, 125, 0.5);
	border: 2px solid black;
	width: 15%;
	min-height: 60%;
}

.menu-recuadro .menu-header{
	border-bottom: 2px solid black;
	padding: 1em .5em .5em 1em
}

.menu-recuadro .menu{
	font-size: 1.5em;
}

.menu-header  h1{
	margin: 0;
	padding: 0;
}

.lista ul{
	padding: 1em 2em;
	margin: 0;
}
.lista ul li{
	list-style:none;
}

.lista ul li a{
	font-style: none;
	color: black;
}

.lista ul li ul{
	padding: 0 1.5em;
}

.lista ul li ul li{
	font-style: none;
}

.contenido-principal figure img{
	/*width: 100% !important;*/
}