.elementor-52604 .elementor-element.elementor-element-1886e17{--display:flex;--min-height:3000px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:20px 20px 20px 20px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;}.elementor-52604 .elementor-element.elementor-element-1886e17.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52604 .elementor-element.elementor-element-35206fa{--display:flex;--min-height:400vh;--border-radius:20px 20px 20px 20px;}.elementor-52604 .elementor-element.elementor-element-35206fa:not(.elementor-motion-effects-element-type-background), .elementor-52604 .elementor-element.elementor-element-35206fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb1ed89 );}.elementor-52604 .elementor-element.elementor-element-84c36ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52604 .elementor-element.elementor-element-77b4829{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-52604 .elementor-element.elementor-element-1f1a1eb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#272E96;}.elementor-52604 .elementor-element.elementor-element-fb60ae2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-52604 .elementor-element.elementor-element-939ce28{text-align:right;}.elementor-52604 .elementor-element.elementor-element-939ce28 img{width:50%;}.elementor-52604 .elementor-element.elementor-element-98c2706{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-52604 .elementor-element.elementor-element-7095087.elementor-element{--align-self:center;}.elementor-52604 .elementor-element.elementor-element-7095087{text-align:left;}.elementor-52604 .elementor-element.elementor-element-7095087 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:600;color:var( --e-global-color-secondary );}.elementor-52604 .elementor-element.elementor-element-b17f0cb{padding:0px 0px 0px 0px;}.elementor-52604 .elementor-element.elementor-element-a36a147{--display:flex;--min-height:200vh;--border-radius:20px 20px 20px 20px;}.elementor-52604 .elementor-element.elementor-element-a36a147:not(.elementor-motion-effects-element-type-background), .elementor-52604 .elementor-element.elementor-element-a36a147 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb1ed89 );}.elementor-52604 .elementor-element.elementor-element-c1c01fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52604 .elementor-element.elementor-element-5fd9187{--display:flex;}.elementor-52604 .elementor-element.elementor-element-29a2836 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#272E96;}.elementor-52604 .elementor-element.elementor-element-a37151a{--display:flex;}.elementor-52604 .elementor-element.elementor-element-c7bca69{text-align:right;}.elementor-52604 .elementor-element.elementor-element-c7bca69 img{width:50%;}.elementor-52604 .elementor-element.elementor-element-0d0bc8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-52604 .elementor-element.elementor-element-a895cac.elementor-element{--align-self:center;}.elementor-52604 .elementor-element.elementor-element-a895cac{text-align:left;}.elementor-52604 .elementor-element.elementor-element-a895cac .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:600;color:var( --e-global-color-secondary );}.elementor-52604 .elementor-element.elementor-element-18e7597{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-52604 .elementor-element.elementor-element-1886e17{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-52604 .elementor-element.elementor-element-7095087{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:center;}.elementor-52604 .elementor-element.elementor-element-c1c01fb{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-52604 .elementor-element.elementor-element-5fd9187{--width:40%;}.elementor-52604 .elementor-element.elementor-element-29a2836 .elementor-heading-title{font-size:1rem;}.elementor-52604 .elementor-element.elementor-element-a37151a{--width:50%;--min-height:21px;}.elementor-52604 .elementor-element.elementor-element-c7bca69 img{width:100%;}.elementor-52604 .elementor-element.elementor-element-a895cac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;}.elementor-52604 .elementor-element.elementor-element-a895cac .elementor-heading-title{font-size:1rem;}}@media(min-width:768px){.elementor-52604 .elementor-element.elementor-element-1886e17{--width:100%;}.elementor-52604 .elementor-element.elementor-element-35206fa{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-b224e3e */footer{
	display: none !important;
}
/* --- Card --- */
@media screen and (min-width: 650px) {
    .sala-1{
        position: absolute !important;
        width: 130px !important;
        height: 300px !important;
    
    }
}
.card.live.sala-1, .card.live.sala-3, .card.live.sala-5, .card.live.sala-7 {
	background: linear-gradient(180deg, #4FC3C3 0%, #5BB379 35%, #A8C961 70%, #C5D95F 100%);
	
	color:white !important;
 }
.card.live.sala-2, .card.live.sala-4, .card.live.sala-6 {
	background: linear-gradient(180deg, #653091 0%, #4DADE3 80%);
	
}

.card.live > .text-sala,.card.live > .text-org, .card.live >  .text-description,.card.live >  .text-author  {
color:white !important;
    
}
 



@keyframes sphere-animate {
	0% {
		transform: scale(0);
		opacity: 1;
		transform-origin: center;
	}
	100% {
		transform: scale(1);
		opacity: 0;
		transform-origin: center;
	}
}
/* ---------- Main Tabs ---------- */
.d-main-tabs {
	gap:15px;
	display: flex;
	width: 100%;
	/*border-bottom: 2px solid #ccc;
	*/
}
.d-main-tab {
	background-color: #ddd ;
	border-radius:20px;
	flex: 1;
	text-align: center;
	padding: 12px 0;
	cursor: pointer;
	border: 1px solid #ccc;
	/*border-bottom: none;*/
	background: var(--n-tabs-title-background-color);
	transition: background 0.2s;
	text-decoration: none;
	color: black;
}
.d-main-tab:hover {
	background: #ddd;
}
.d-main-tab.active {
	background: var(--e-global-color-accent);
	color: #fff !important;
	font-weight: bold;
	border-color: #99ccff;
	border-bottom: 2px solid #fff;
}
/* ---------- Content ---------- */
.d-tab-content {
	display: none;
	background-color: white;
	padding: 16px;
	/* border: 1px solid #ccc;
	*/
}
.d-tab-content.active {
	display: block;
}
/* ---------- Scrollable Link Row ---------- */
.d-button-row {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	user-select: none;
	gap: 8px;
	padding-bottom: 8px;
	cursor: grab;
}
.d-button-row::-webkit-scrollbar {
	display: none;
}
.d-scroll-btn {
	flex: 0 0 auto;
	padding: 8px 16px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	color: black;
	transition: background 0.2s, color 0.2s;
}
.d-scroll-btn:hover {
	background: #ddd;
}
.d-scroll-btn.active {
	background: #007bff;
	color: #fff;
	border-color: #007bff;
}
.d-tab-body {
	margin-top: 16px;
	font-size: 1.1em;
	background-color: white;
}
.d-hidden {
	display: none;
}
.d-event-container {
	padding: 5px;
	border: 1px solid #ccc;
	/* margin: 8px 0;
	*/
}
/* Desktop */
.d-tab-body {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(11, 1fr);
	width: 100%;
	height: 80vh;
	/* adjust height as needed */
	border-collapse: collapse;
	/*border: 1px solid #ccc;
	*/
}
.d-cell {
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	user-select: none;
}
.d-header {
	background: #f4f4f4;
	font-weight: bold;
}

.card {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	padding: 12px 10px 12px 10px;
	cursor: pointer;
	min-height: 175px !important;
	color:white !important;
	border:1px solid #ccc;
	background-color: #ccc !important;
}
.text-sala {
	position: absolute;
	top: 8px;
	left: 8px;
	font-weight: 800;
	padding: 4px 5px;
	border-radius: 12px;
	font-size: 10px;
	z-index: 2;
}
.text-org {
	font-size: 0.6rem;
	font-weight: 700;
	margin-bottom: 6px;
	letter-spacing: -0.9px;
	line-height: 0.8;
	max-width:200px;
}
.text-description {
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 0.9;
	margin-bottom: 8px;
	font-weight: 600;
}
.text-author {
	font-size: 0.5rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	position: absolute;
	bottom: 12px;
	left: 12px;
	line-height: 0.9;
}
.live-badge {
	display:flex;
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-color:white ;
	color: #3A4A4A;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 800;
	z-index: 2;
	width:70px;
	height:24px;
}
.text-spheres{
	width:80%;
}
.spheres{
	width:20%;
}
.spheres:before {
	position: absolute;
	background: FireBrick;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	content: "";
	animation: sphere-animate 3s infinite ease-out;
}
.spheres:after {
	position: absolute;
	background: FireBrick;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	content: "";
	opacity:0;
	animation: sphere-animate 3s 1.5s infinite ease-out;
}
@keyframes sphere-animate {
	0% {
		transform: scale(0);
		opacity: 1;
		transform-origin: center;
	}
	100%{
		transform: scale(1);
		opacity: 0;
		transform-origin: center;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3ceae7 */footer{
	display: none !important;
}
/* --- Card --- */
.d-sala-7 {
	background: linear-gradient(180deg, #4FC3C3 0%, #5BB379 35%, #A8C961 70%, #C5D95F 100%);
}
.d-sala-2 {
	background: linear-gradient(180deg, #653091 0%, #4DADE3 80%);
}
@keyframes sphere-animate {
	0% {
		transform: scale(0);
		opacity: 1;
		transform-origin: center;
	}
	100% {
		transform: scale(1);
		opacity: 0;
		transform-origin: center;
	}
}
/* ---------- Main Tabs ---------- */
.d-main-tabs {
	gap:15px;
	display: flex;
	width: 100%;
	/*border-bottom: 2px solid #ccc;
	*/
}
.d-main-tab {
	background-color: #ddd ;
	border-radius:20px;
	flex: 1;
	text-align: center;
	padding: 12px 0;
	cursor: pointer;
	border: 1px solid #ccc;
	border-bottom: none;
	background: var(--n-tabs-title-background-color);
	transition: background 0.2s;
	text-decoration: none;
	color: black;
}
.d-main-tab:hover {
	background: #ddd;
}
.d-main-tab.active {
	background: var(--e-global-color-accent);
	color: #fff !important;
	font-weight: bold;
	border-color: #99ccff;
	border-bottom: 2px solid #fff;
}
/* ---------- Content ---------- */
.d-tab-content {
	display: none;
	background-color: white;
	padding: 16px;
	/* border: 1px solid #ccc;
	*/
}
.d-tab-content.active {
	display: block;
}
/* ---------- Scrollable Link Row ---------- */
.d-button-row {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	user-select: none;
	gap: 8px;
	padding-bottom: 8px;
	cursor: grab;
}
.d-button-row::-webkit-scrollbar {
	display: none;
}
.d-scroll-btn {
	flex: 0 0 auto;
	padding: 8px 16px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	color: black;
	transition: background 0.2s, color 0.2s;
}
.d-scroll-btn:hover {
	background: #ddd;
}
.d-scroll-btn.active {
	background: #007bff;
	color: #fff;
	border-color: #007bff;
}
.d-tab-body {
	margin-top: 16px;
	font-size: 1.1em;
	background-color: white;
}
.d-hidden {
	display: none;
}
.d-event-container {
	padding: 5px;
	border: 1px solid #ccc;
	/* margin: 8px 0;
	*/
}
/* Desktop */
.d-tab-body {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(11, 1fr);
	width: 100%;
	height: 80vh;
	/* adjust height as needed */
	border-collapse: collapse;
	/*border: 1px solid #ccc;
	*/
}
.d-cell {
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	user-select: none;
}
.d-header {
	background: #f4f4f4;
	font-weight: bold;
}
.card.live{
	background: linear-gradient(180deg, #4FC3C3 0%, #5BB379 35%, #A8C961 70%, #C5D95F 100%);
	color: white;
	border:0px solid black;
}
.card {
	background-color:white;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	padding: 12px 12px 12px 12px;
	cursor: pointer;
	min-height: 150px;
	color:black;
	border:1px solid black;
}
.text-sala {
	position: absolute;
	top: 8px;
	left: 8px;
	font-weight: 800;
	padding: 4px 5px;
	border-radius: 12px;
	font-size: 10px;
	z-index: 2;
}
.text-org {
	font-size: 0.7rem;
	font-weight: 700;
	margin-bottom: 6px;
	letter-spacing: -0.9px;
	line-height: 0.8;
	max-width:200px;
}
.text-description {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 0.9;
	margin-bottom: 8px;
	font-weight: 600;
}
.text-author {
	font-size: 0.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	position: absolute;
	bottom: 12px;
	left: 12px;
	line-height: 0.9;
}
.live-badge {
	display:flex;
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-color:white ;
	color: #3A4A4A;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: 800;
	z-index: 2;
	width:70px;
}
.text-spheres{
	width:80%;
}
.spheres{
	width:20%;
}
.spheres:before {
	position: absolute;
	background: FireBrick;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	content: "";
	animation: sphere-animate 3s infinite ease-out;
}
.spheres:after {
	position: absolute;
	background: FireBrick;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	content: "";
	opacity:0;
	animation: sphere-animate 3s 1.5s infinite ease-out;
}
@keyframes sphere-animate {
	0% {
		transform: scale(0);
		opacity: 1;
		transform-origin: center;
	}
	100%{
		transform: scale(1);
		opacity: 0;
		transform-origin: center;
	}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1886e17 *//*[data-elementor-type="loop-item"]:nth-child(2n+1) > div > div:nth-child(1){
 
    background-image: linear-gradient(180deg, #652A88 10%, #00B3D6 100%);
}

[data-elementor-type="loop-item"]:nth-child(2n) > div > div:nth-child(1){
 
    background-image: linear-gradient(180deg, var(--e-global-color-primary) 10%, #00B1DD 100%);
}*/


/* La clase del elemento hora que coincide*/
.current-row-hour {
  background-color: green;
  color: white;
}

/* la clase de la charla que coincide con la hora versión fondo azul */
.current-row-alt1 {
  background-color: blue;
}

/* la clase de la charla que coincide con la hora versión fondo rojo */
.current-row-alt2 {
  background-color: red;
}/* End custom CSS */