@media only screen and (min-width: 480px) and (max-width: 767px) {
.centrado-m {
    text-align: center !important;
	}
}

/* Texto solo para buscadores y lectores de pantalla */
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Encabezado de la home (reemplaza al Revolution Slider) */
.home-hero {
	position: relative;
	overflow: hidden;
	background-color: #3fb3e3;
}
.home-hero .home-hero-bg {
	display: block;
	width: 100%;
	height: auto;
	animation: heroFondo 2.2s ease-out both;
}
.home-hero .home-hero-logo {
	position: absolute;
	top: 50%;
	right: 6%;
	width: 30%;
	max-width: 420px;
	height: auto;
	transform: translateY(-50%);
	animation: heroLogo 1.1s cubic-bezier(.34, 1.56, .64, 1) .7s both,
	           heroFlotar 5s ease-in-out 1.8s infinite;
}
@keyframes heroFondo {
	from { opacity: 0; transform: scale(1.12); }
	to   { opacity: 1; transform: scale(1); }
}
@keyframes heroLogo {
	from { opacity: 0; transform: translateY(-50%) scale(.4) rotate(-12deg); }
	to   { opacity: 1; transform: translateY(-50%) scale(1) rotate(0); }
}
@keyframes heroFlotar {
	0%, 100% { transform: translateY(-50%); }
	50%      { transform: translateY(calc(-50% - 10px)); }
}
@media (prefers-reduced-motion: reduce) {
	.home-hero .home-hero-bg,
	.home-hero .home-hero-logo { animation: none; }
}
