/* ==========================================================
   REDIAC · Botón destacado "Premios REDIAC 2026" (header-top)
   Archivo independiente: para quitar el botón basta con
   eliminar el bloque .premios-top del template.
   ========================================================== */

.main-header .header-top .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-header .header-top .premios-top{
	flex: 0 0 auto;
	padding: 10px 0;
	text-align: center;
}

.premios-top-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 22px;
	border-radius: 40px;
	background: linear-gradient(90deg, #462664 0%, #7a3e9d 55%, #dc4549 100%);
	color: #ffffff !important;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.02em;
	box-shadow: 0 4px 14px rgba(70, 38, 100, 0.30);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
	white-space: nowrap;
}

.premios-top-btn .fas{
	font-size: 16px;
	color: #ffd36b;
}

.premios-top-btn:hover,
.premios-top-btn:focus{
	color: #ffffff !important;
	transform: translateY(-1px);
	filter: brightness(1.08);
	box-shadow: 0 6px 18px rgba(70, 38, 100, 0.40);
}

.premios-top-btn:focus-visible{
	outline: 3px solid #ffd36b;
	outline-offset: 2px;
}

/* Celular: el correo y el botón quedan uno sobre otro, centrados */
@media only screen and (max-width: 767px){
	.main-header .header-top .inner{
		flex-direction: column;
	}
	.main-header .header-top .top-left{
		padding: 8px 0 0;
	}
	.main-header .header-top .premios-top{
		width: 100%;
		padding: 6px 0 10px;
	}
	.premios-top-btn{
		font-size: 14px;
		padding: 7px 18px;
	}
}

@media (prefers-reduced-motion: reduce){
	.premios-top-btn{ transition: none; }
	.premios-top-btn:hover{ transform: none; }
}

/* Submenús: respetar mayúsculas tal como se escriben ("Ámbitos de Acción") */
.main-menu .navigation > li > ul > li > a,
.mobile-menu .navigation li > ul > li > a{
	text-transform: none;
}

/* ---------- Slide "Premios REDIAC 2026" en el carrusel principal ---------- */
.banner-carousel .slide-premios{
	background-color: #1A0B33;
}
.banner-carousel .slide-premios .premios-bg{
	position: absolute;
	top: -30px; right: -30px; bottom: -30px; left: -30px;
	background: url('../images/premios/premios-rediac-2026.jpg') center / cover no-repeat;
	filter: blur(22px) brightness(0.45);
	z-index: 0;
}
.banner-carousel .slide-premios .premios-box{
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 24px 0;
}
.banner-carousel .slide-premios .premios-slide-img{
	display: block;
	max-width: 100%;
	line-height: 0;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 18px 50px rgba(0,0,0,0.45);
	transition: transform .25s ease;
}
.banner-carousel .slide-premios .premios-slide-img:hover{
	transform: scale(1.01);
}
.owl-carousel .owl-item .slide-premios .premios-slide-img img{
	display: block;
	width: auto !important;
	max-width: 100%;
	max-height: 590px;
	height: auto;
}
.banner-carousel .slide-premios .premios-slide-btn{
	font-size: 17px;
	padding: 11px 28px;
}
@media only screen and (max-width: 1199px){
	.owl-carousel .owl-item .slide-premios .premios-slide-img img{ max-height: 480px; }
}
@media only screen and (max-width: 767px){
	.owl-carousel .owl-item .slide-premios .premios-slide-img img{ max-height: 380px; }
	.banner-carousel .slide-premios .premios-slide-img{ border-radius: 10px; }
	.banner-carousel .slide-premios .premios-slide-btn{ font-size: 15px; padding: 9px 22px; }
}