/* Estilos específicos para index.php */

/* Hero Section - Reducir altura */
.hero-section {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.hero-section .row {
	row-gap: 1rem !important;
}

.hero-section h1 {
	font-size: 2.25rem !important;
	margin-top: 0.5rem !important;
	margin-bottom: 0.75rem !important;
	line-height: 1.2;
}

.hero-section .lead {
	font-size: 1.05rem !important;
	margin-bottom: 1rem !important;
}

.hero-section .card {
	padding: 1rem !important;
	margin-bottom: 1rem !important;
}

.hero-section img {
	max-height: 420px !important;
}

.hero-section .position-absolute {
	padding: 0.75rem !important;
}

.hero-section .position-absolute .h2 {
	font-size: 1.5rem !important;
}

/* Para pantallas muy grandes, reducir aún más */
@media (min-width: 1400px) {
	.hero-section {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.hero-section img {
		max-height: 380px !important;
	}
}

/* Reproductor de YouTube más compacto en el hero */
.hero-section .video-container-ccv {
	padding: 0.75rem !important;
	margin-bottom: 0.75rem !important;
	text-align: center;
	/* Centrar contenido */
}

.hero-section .video-title-ccv {
	font-size: 0.9rem !important;
	margin-bottom: 0.35rem !important;
	text-align: center;
	/* Centrar título */
}

.hero-section .video-description-ccv {
	font-size: 0.8rem !important;
	margin-bottom: 0.5rem !important;
	text-align: center;
	/* Centrar descripción */
}

.hero-section lite-youtube {
	max-height: 180px !important;
	aspect-ratio: 16/9;
	margin: 0 auto;
	/* Centrar el reproductor */
	display: block;
	/* Necesario para que margin auto funcione */
	max-width: 100%;
	/* Asegurar que no se desborde */
}

/* Ajustar tamaño del iframe interno cuando se carga */
.hero-section lite-youtube iframe {
	max-height: 180px !important;
}

/* Para pantallas medianas */
@media (min-width: 768px) and (max-width: 1199px) {
	.hero-section lite-youtube {
		max-height: 200px !important;
	}

	.hero-section lite-youtube iframe {
		max-height: 200px !important;
	}
}

/* Para pantallas muy grandes */
@media (min-width: 1400px) {
	.hero-section lite-youtube {
		max-height: 160px !important;
	}

	.hero-section lite-youtube iframe {
		max-height: 160px !important;
	}
}