#custom_css_editor {
    height: 100vh; /* Ocupa el 100% de la altura del viewport */
    box-sizing: border-box;  /* Asegura que los bordes y el padding no afecten la altura total */
}

.banner {
	position: relative;
    width: 100%; /* Ocupar todo el ancho de la pantalla */
    box-sizing: border-box;
	z-index: 1;
}

.tiles {
	margin-top: -70px;
	width: 90%;
}

.tile {
	border: solid #1E2A4A 1px;
	padding: 20px;
	background-color: #1E2A4A;
	color: #fff;
	z-index: 10;
}

.tile a {
	color: #fff;
}

.fade-hover {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.fade-hover:hover {
    opacity: 0.3; /* Más transparente al pasar el mouse */
}