/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ---- Indicador de webinar próximo en el menú ---- */
.menu-rayito {
	position: relative;
}

.menu-rayito::before {
		content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-right: -6px;
	width: 30px;
	height: 36px;
	background-color: #E10600;
	background-color: #E10600;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14.5 1L3 14h7l-1 9 12-13h-7.5l1-9z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14.5 1L3 14h7l-1 9 12-13h-7.5l1-9z'/></svg>") no-repeat center / contain;
	animation: iceaParpadeo 1.2s ease-in-out infinite;
}

.menu-rayito::after {
	content: "MAÑANA";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -28px);
	padding: 2px 7px;
	border-radius: 4px;
	background: #FFC400;
	color: #1A1A1A;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.4;
	white-space: nowrap;
	pointer-events: none;
}

@keyframes iceaParpadeo {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.15; }
}