#eventos .headPage {
	min-height: 490px;
	border-bottom: 10px solid var(--color-primario-claro);
	padding-top: 10%;
	padding-bottom: 5%;
	background-color: var(--color-secundario);
	position: relative; }
#eventos .headPage .container {
	z-index: 1; }
#eventos .headPage h1 {
	font-size: 60px;
	color: var(--color-blanco);
	padding-bottom: 0;
	margin-bottom: 20px; }
#eventos .headPage h2 {
	font-size: 30px;
	color: var(--color-blanco); }
#eventos .headPage .bg-headPage {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0.2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; }
#eventos .contentPage {
	padding-top: 60px;
	padding-bottom: 60px; }
#eventos #listaEventos {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(4, 1fr); }
#eventos .eventosItem {
	box-shadow: 0px 0px 15px 0px #eaeaea;
	overflow: hidden;
	border-radius: 20px;
	position: relative; }
#eventos .eventosItem .img-eventosItem img {
	display: block; }
#eventos .eventosItem .tag {
	padding: 5px 20px;
	font-size: 10px;
	font-weight: 900;
	line-height: 15px;
	color: var(--color-secundario);
	background-color: var(--color-primario-claro); }
#eventos .eventosItem .fecha-tagWebinar,
#eventos .eventosItem .hora-tagWebinar {
	font-weight: 100; }
#eventos .eventosItem .title-eventosItem {
	padding: 15px 20px;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 35px; }
#eventos .eventosItem .btn-eventosItem {
  background: var(--color-secundario-intenso);
  display: block;
  padding: 5px 20px;
  text-align: center;
  color: var(--color-blanco);
  font-weight: 900;
  transition: all 0.3s ease !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
#eventos .eventosItem .btn-eventosItem:hover {
	background-color: var(--color-primario); }
#eventos .off-evento .img-eventosItem img { filter: grayscale(100%); }
#eventos .off-evento .btn-eventosItem { 
	color: var(--color-secundario);
	background-color: var(--color-primario-claro); }
#eventos .off-evento .btn-eventosItem:hover { 
	color: var(--color-blanco);
	background-color: var(--color-secundario); }

/* SINGLE EVENTOS */
#itemEventos {}
#itemEventos .itemEventos-seccion {
	padding: 30px;
}
#itemEventos .itemEventos-seccion h2 { 
	color: var(--color-primario);
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase; }
#itemEventos .itemEventos-seccion h3 { 
	color: var(--color-primario);
	font-size: 35px;
	font-weight: 700;
	text-transform: uppercase; }
#evento_side { border-radius: 20px; }
#evento_side #formulario-dynamics form.marketingForm table { width: auto !important; }
#evento_side #formulario-dynamics form.marketingForm .submitButton { width: 100% !important; }
#evento_side #formulario-dynamics form.marketingForm > div { grid-row-gap: 6px; }


/**** RESPONSIVE ****/
@media (max-width: 1350px) and (min-width: 981px) {
	#evento-content > .et_pb_row > .et_pb_column_2_3 { margin-right: 20px; }
}
@media (max-width: 991px) {
	#eventos #listaEventos {
		grid-template-columns: repeat(2, 1fr); }
	#eventos .headPage {
		min-height: 360px;
		padding-top: 20%; }
	#evento-ponentes .et_pb_team_member { 
		display: grid !important;
		grid-template-columns: 40% auto; }
	#evento-ponentes .et_pb_team_member .et_pb_team_member_image { margin-right: 15px; }
}
@media (max-width: 782px) {

}
@media (max-width: 540px) {
	#eventos .headPage {
		min-height: 160px;
		border-bottom-width: 5px; }
	#eventos .headPage h1 {
		font-size: 30px;
		margin-bottom: 10px; }
	#eventos .headPage h2 {
		font-size: 18px; }
	#eventos .contentPage {
		padding-top: 30px;
		padding-bottom: 30px; }
	#eventos #listaEventos {
		grid-gap: 20px; }
	#eventos .eventosItem .btn-eventosItem,
	#eventos .eventosItem .tag {
		padding-left: 10px;
		padding-right: 10px; }
	#eventos .eventosItem .btn-eventosItem {
		font-size: 14px; }
	#eventos .eventosItem .tag {
		font-size: 9px; }
	#eventos .eventosItem .title-eventosItem {
		padding: 10px;
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 37px; }
	#evento-ponentes .et_pb_team_member .et_pb_team_member_description h4 {
		font-size: 16px;
		line-height: 20px; }
}