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;
}
.seccion-mixta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    min-height: 80vh;
    max-width: 1200px;
    margin: 50px auto;
    gap: 40px;
    padding: 20px;
}


.columna-texto, .columna-carrusel {
    flex: 1;
    min-width: 350px;
}

/* Estilos de Texto */
.columna-texto span { color: #ff5733; font-weight: bold; letter-spacing: 2px; }
.columna-texto h1 { font-size: 48px; margin: 10px 0; }
.columna-texto p { line-height: 1.8; color: #555; margin-bottom: 20px; }
.boton-accion { background: #333; color: white; border: none; padding: 12px 25px; border-radius: 5px; cursor: pointer; }

.carrusel-pequeno {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.slides-mixto {
    display: flex;
    width: 100%; 
    transition: transform 0.6s ease-in-out;
    margin: 0;
    padding: 0;
    gap: 0; 
}

.slides-mixto img { 
    
    width: 100%; 
    flex-shrink: 0;
    height: auto;
    display: block; 
    object-fit: contain;
}

.btn-m {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.7);
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
}
.prev-m { left: 10px; }
.next-m { right: 10px; }