body{
	background-color:white;
	color:white;
	font-family: "Caveat Brush", static;
}
header{
	background-color:white;
	color: #791519;
	height: 100px;
	font-size: 4em;
	font-family: "Caveat Brush", static;
}
header img{
	width: 100%;
}
nav{
	background-color:cornsilk;
	font-family: "Caveat Brush", static;
}

nav ul li{
	display: inline;
	margin-right: 50px;
	font-size: 2em;
}	
nav ul li a{
	color: #FFAE00;
	text-decoration: none;
	list-style-type: none;
}

section{
	background-color: none;
	font-family: 'Times New Roman', Times, serif, static;
	color:black;
	font-size: 1.2em;
	height: 100px;
	width: 1400px;
	margin: 30px;
	padding: 5px;
	text-decoration: none;
	list-style-type: none;
	float: left;
}
footer{
	font-family: "Caveat Brush", static;
	color:darkgrey;
	font-size: 1em;
	width: 100%;
	float: left;
}

.envoltura-centrada {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 60px 0;
}

.seccion-columnas {
    display: grid;
    grid-template-columns: repeat(4, 280px); 
    gap: 30px;
    padding: 0 100px;
    text-align: center;
}

.columna {
    background: #f9f9f9;
    padding: 30px 20px;
    border-radius: 15px;
    border: 1px solid #eee;
    transition: transform 0.3s ease;
}

.columna:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.columna img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    object-fit: cover;
}

@media (max-width: 950px) {
    .seccion-columnas {
        grid-template-columns: 1fr;
        max-width: 320px;
    }
}