/*
Theme Name: Semana Comex
Theme URI: https://www.semanacomex.com.ar
Description: Custom Theme para Camara de Comercio Exterior
Version: 1.0
Author: VO Design
Author URI: https://vodesign.com.ar/
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */
*{font-family: 'Lato', sans-serif;}
body {
	line-height: 135%;
	color: #282828;
	font-weight: 400;
	background-color: #f3f3f3; 
	max-width: 100%; 
	overflow-x: hidden; 
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	max-width: 100vw;
	transition: all .6s ease;
}

.size-large,.img-responsive,.size-full:not(.alignleft):not(.alignright) {width: 100%; height: auto; display: block; }
	img.alignleft { margin: 5px 20px 5px 0; float: left; }
	img.alignright { margin: 5px 0px 5px 20px; float: right; }
	img.aligncenter { margin: 15px auto; float: none; height: auto;  display: block;  max-width: 100%; }
@media (max-width: 767px) {
	img.alignleft { margin: 5px 0px 5px 0; float: none;clear:both; width: 100%; height: auto;}
	img.alignright { margin: 5px 0px 5px 0px; float: none;clear:both; width: 100%;height: auto;}
}
.full-width{ width: 100%; height: auto; padding: 60px 0; overflow:hidden; position: relative;}
.c-shadow{-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);}
a:hover{text-decoration: none;}
.image-background img{object-fit: cover;width: 100%;height: 100%;aspect-ratio: 16/9;}

.container-main{width:100%;max-width: 1380px; margin: 0px auto; padding: 0 20px; }
h1, h2, h3, h4, h5, h6,.titulo { line-height: 1.35;}

html, button, input, select, textarea {color: #282828; padding: 0;}

::-webkit-input-placeholder {color: #282828; opacity: 1 !important;}
:-moz-placeholder {color: #282828; }
::-moz-placeholder {color: #282828; }
:-ms-input-placeholder {color: #282828; }
input[placeholder], [placeholder], *[placeholder] {color: #282828;}
iframe{border: 0; background-color: transparent!important;}

	article a,.card-body a{color: #1A2E42;}
		article a:hover,.card-body a:hover{color: #000; }
/*
hr { display: block; height: 1px; border: 0; border-top: 1px solid #282828; margin: 1em 0; padding: 0; }
.title3 {height: auto; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

*:hover, *:hover > a, img,.categorias a>img,.navbar ul,.topbar a,figure.icon,.suave{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.fit{object-fit: cover;width: 100%;height: 100%;}
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: bottom center !important; }
.parallax,.pageheader,.cta{ position: relative;}
	.parallax::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background-color: rgba(0,0,0,.85);}
	.pageheader::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: "";background: rgba(0,0,0,.25);}
	.cta::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,.85);}
		.parallax .container,.pageheader .container,.cta .container{position: relative; z-index: 2}
		.pageheader{padding: 4rem 0; display: flex; width: 100%; justify-content: center; align-items: center; background-position: center center; background-size: 100%;}
		.pagetitle,.pagesub{margin-bottom: 10px; padding: 0 8px; background-color: rgba(0,0,0,.8); display: inline; line-height: 1.6;}

.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.cover img, .img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }

	.full-width.nopadding {padding: 0 0; }

.rounded {-webkit-border-radius: 8px !important; border-radius: 8px !important; -moz-border-radius: 8px !important; overflow: hidden;}
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.round{ -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; width: 170px; height: 170px; margin: 0px auto 15px; overflow: hidden;}
.roundless { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
.line {width: 100%; height: 1px; background: transparent; margin: 30px 0; display: block; }


blockquote{position: relative; font-size: 18px; font-style: italic;padding: 0 0 0 15px;text-align: left;font-weight: 600; display: block; color: #4a4a4a; margin-bottom: 20px; border-left:2px solid #1A2E42; margin-left: 10px;font-family: 'Poppins', sans-serif;}
	blockquote>p{color: #282828; position: relative; z-index: 1; font-weight: 600;font-family: 'Poppins', sans-serif; padding-bottom: 0;}
.open p {color:#282828;}

.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.image-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


*/


/* FONTS */
b{
	color: #1A2E42;
}
.fw300,.light{ font-weight: 300; }
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700,strong{ font-weight: 700;}
.fw800{ font-weight: 800;}
.fw900{ font-weight: 900;}

.fs100{ font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1600 - 300)));}
.fs72{ font-size: calc(52px + (72 - 52) * ((100vw - 300px) / (1600 - 300)));}
.fs64{ font-size: calc(32px + (64 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs60{ font-size: calc(36px + (60 - 36) * ((100vw - 300px) / (1600 - 300)));}
.fs52{ font-size: calc(28px + (52 - 32) * ((100vw - 300px) / (1600 - 300)));}
.fs48{ font-size: calc(26px + (48 - 30) * ((100vw - 300px) / (1600 - 300)));}
.fs44{ font-size: calc(25px + (44 - 26) * ((100vw - 300px) / (1600 - 300))); }
.fs42{ font-size: calc(25px + (42 - 28) * ((100vw - 300px) / (1600 - 300))); }
.fs40{ font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1600 - 300))); }
.fs38{ font-size: calc(25px + (38 - 26) * ((100vw - 300px) / (1600 - 300))); }
.fs36{ font-size: calc(24px + (36 - 25) * ((100vw - 300px) / (1600 - 300))); }
.fs34{ font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1600 - 300))); }
.fs32,article h1{ font-size: calc(23px + (32 - 24) * ((100vw - 300px) / (1600 - 300))); }
.fs30{ font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300))); }
.fs28,article h2{ font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1600 - 300))); }
.fs26,article h3{ font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300))); }
.fs24{ font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300))); }
.fs22{ font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300))); }
.fs20{ font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300))); }
.fs18{ font-size: 18px; }
.fs16{ font-size: 16px; }
.fs14{ font-size: 14px; }
.fs13{ font-size: 13px; }
.fs12{ font-size: 12px;}
.fs11{ font-size: 11px;}
.fs10{ font-size: 10px;}

.lh100{ line-height: 100%;}
.lh110{ line-height: 110%;}
.lh120{ line-height: 120%;}
.lh130{ line-height: 130%;}
.lh150{ line-height: 150%;}
.lh160{ line-height: 160%;}
.lh170{ line-height: 170%;}
.lh180{ line-height: 180%;}
.lh24{ line-height: 24px; }


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.buttons-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 30px;
}


/* Colores */
.c-white,.overwhite:hover{color: #fff;}
	.c-bg-white,.lined.lined-white::after{background-color: #fff;}
	.c-bg-white.transp{background-color: rgba(255,255,255,0.75);}
.c-black,.overblack:hover{color: #1A2E42;}
	.c-bg-black,.lined.lined-black::after{background-color: #1A2E42;}
.c-red,.overred:hover{color:#df0902;}
	.c-bg-red{background-color:#df0902;}
.c-blue,.overblue:hover{color: #1A2E42;}
	.c-bg-blue{background-color: #1A2E42;}
.c-dark{color: #666;}
	.c-bg-dark{background-color: #484a57;}
.c-light{color: #f6f7f8;}
	.c-bg-light{background-color: #eee;}
.c-mid{color: #bbb;}
.c-feat,.overfeat:hover{color:#A53692;}


/* Botones */
.btn{border-radius: 5px; border:none; font-weight:400; font-size: 16px; transition: all .5s ease;}
	
	.btn:hover,.btn:focus,.btn:active{ text-decoration: none; box-shadow: none;transform: scale(1.1);}
	.btn-default{background: #1a2e42;color: #fff;}
		.btn-default:hover, .btn-default:focus,.btn-default.is-checked{background:#1e73be; color: #fff;}

.btn-md{padding: .75rem 1.75rem; font-size: 18px;}
.btn-lg{ font-size: 22px;padding-left: 20px;	padding-right: 20px}
.btn>img,.btn>svg{
	width: 16px;
	height: 16px;
	object-fit: contain;
}
.btn-md>img,.btn-md>svg{
	width: 18px;
	height: 18px;
}
.btn-lg>img,.btn-lg>svg{
	width: 22px;
	height: 22px;
}

.btn-red{
	background-color: #A53692;
	color: white;
}
.btn-blue{
	background-color: #1a2e42;
	color: white;
}
.btn-black{
	background-color: #000;
	color: white;
}
.btn-lightblue{
	background-color: #1e73be;
	color: white;
}
.btn-white{
	background-color: white;
	color: #333;
}
.btn-lightblue:hover{
	background-color: white;
	color: #1e73be;
}
.btn-red:hover,
.btn-red:focus{
	background-color: white;
	color: #A53692;
}
.btn-white:hover,
.btn-white:focus{
	background-color: white;
	color: #1A2E42;
}
.btn-blue:hover,
.btn-blue:focus{
	background-color: white;
	color: #1A2E42;
}
.btn-black:hover,
.btn-black:focus{
	background-color: white;
	color: #000;
}
@media (max-width: 480px) {
	.btn{
		width: 100%;
	}

}

/* NAVBAR */
header{
	position: fixed;
	display: flex;
	flex-direction: column;
	background: transparent;
	z-index: 99;
	width: 100%;
	top: 0;
	left: 0;
}
body.inner header,
header.scrolled{
	background-color: #1a2e42;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
}

body.inner .page-hero{
	padding-top: 230px;
}
body.inner .page-hero h1{
	font-weight: 900;
}

.navbar-container{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	padding: 0 30px;
}
.topbar{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0 30px;
}
.navbar-brand{
	max-width: 250px;
}
.navbar-brand img{
	width: 100%;
}
@media (max-width: 992px) {
	.navbar-brand{
		max-width: 200px;
	}
	.topbar{
		position: relative;
		margin-bottom: -15px;
		padding: 0 0;
	}
}
@media (max-width: 768px) {
	.navbar-brand{
		max-width: 160px;
	}
}




















.sobre {z-index: 0px;  top: 0;    right: 0;    left: 0;	padding-bottom: 54px;}
	.navbar .d-block {width: 100%;clear: both;}
	.navbar .container{ position: relative; flex:1; -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 -1px 0 rgb(0 0 0 / 20%), inset 1px 0 0 rgb(0 0 0 / 20%), inset -1px 0 0 rgb(0 0 0 / 20%);
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 -1px 0 rgb(0 0 0 / 20%), inset 1px 0 0 rgb(0 0 0 / 20%), inset -1px 0 0 rgb(0 0 0 / 20%);}
	.navbar-toggler{position: relative; border-radius: 0; appearance: none;}
	.line-nav {		background: transparent;		z-index: 97;		-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 -1px 0 rgb(0 0 0 / 20%), inset 1px 0 0 rgb(0 0 0 / 20%), inset -1px 0 0 rgb(0 0 0 / 20%);
		box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 -1px 0 rgb(0 0 0 / 20%), inset 1px 0 0 rgb(0 0 0 / 20%), inset -1px 0 0 rgb(0 0 0 / 20%);
	}
	nav.navbar{padding-bottom: 0px;}
	



/* footer */
footer{position: relative; background: #23405d; padding-bottom: 20px!important;}
	footer ul{padding-left: 0; list-style: none;}
	footer a,footer li a,footer p{color: rgba(255,255,255,0.5);;}
		footer a:hover,footer li a:hover{color: rgba(255,255,255,1);}
	footer .sociales{justify-content: flex-end;}
	footer .sociales a{display: inline-block; width: 32px; height: 32px; color: rgba(255,255,255,0.5); text-align: center; line-height: 32px; font-size: 24px;}
		footer .sociales a:hover{color: rgba(255,255,255,1); }
	@media (max-width: 768px) {
		footer .sociales{justify-content: center;}
	}
		
	
/* PWD */
.pwd ul{ margin-bottom: 0; padding-left: 0; flex-direction: row;}
.pwd li,.pwd li a{ display: inline; padding: 0 8px; color: #282828; font-size: 14px;  }
	.pwd li{ border-left: 1px solid #282828;}
		.pwd li:first-child{ border-left: none}
		.pwd a:hover,.pwd li a:hover{color: #df0902;}
/*Scroll */
.scrollToTop{ position: absolute; top: 0px; left: 50%; width: 60px; height: 50px; background-color: #fff; color: #777; cursor: pointer; text-align: center; line-height: 1.2; font-size: 48px; border: none; z-index: 99; border-radius: 0 0 4px 4px; opacity: .5; margin: -15px 0; transform: translateX(-50%);}
	.scrollToTop:hover{ opacity: 1; color: #333;}
/* Recaptcha */
.grecaptcha-badge{bottom: 50px!important; z-index: 1050!important;}
/* Map */
.acf-map,.dele-map,.mission-map{ display: block; width: 100%; height:400px; }


/* Pagination */
.pagination{ display: inline-block; margin: 30px auto !important;  border-radius:30rem; overflow: hidden; padding: 5px; height: 60px; width: 100%;}
	.pagination .page-numbers{ display: inline-block; width: 36px; height:36px; background-color: transparent; overflow: hidden; line-height: 36px; text-align: center; color: #000; font-size: 16px; font-weight: 500; margin-bottom: 0; background-color: #fff; border-radius: 8px;}
		.pagination .page-numbers.current,
		.pagination .page-numbers:hover{background-color: #A53692; color: #fff;}
		.pagination .page-numbers.prev,.pagination .page-numbers.next{width: auto; padding: 0 15px;}


/* bloques raros *
/* OWl Carousel  *
.owl-carousel .owl-dots{text-align: center;}
.owl-carousel .owl-dots .owl-dot{width: 12px; height: 12px; background-color: #fff; border-radius: 50rem; margin: 0 4px; border:2px solid #df0902;}
	.owl-carousel .owl-dots .owl-dot.active{background-color: #df0902;border:2px solid #df0902;}



/* ------------------------------------ */


.wpcf7 p{margin-bottom: 0;}
.wpcf7 label{position: relative;}
.wpcf7 label>span{ font-size: 14px; color: #777;}

.sociales{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 8px;
}
.sociales a{color: white; font-size: 22px; opacity: .7;}
.sociales .fa.fa-twitter{background: url(images/twitter.svg) center no-repeat;background-size: 20px 22px;width: 20px;height: 22px;position: relative;top: 3px; opacity: .7;}
  .sociales .fa.fa-twitter::before{display: none;}
  
.sociales a:hover{opacity: 1;}
.programa .header-transparent .logo-program{
	padding: 20px 0 0 20px;
  	max-width: 250px;
}
 


.programa  .header-transparent .organizadores{
	margin: 0 20px 0 0;
}

.header-programa{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.header-programa img{
	width: 100%;
	height: auto;
}

.panel-charlas{
	padding: 0 0px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.charlas{
	position: relative;
	padding: 0 0px 15px;
	display: flex;
	flex-direction: column;
	
}
.charlas .nav{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
	gap: 1px;
	
}
.btn-dias{
	background-color: #aaa;
	border-radius: 5px 5px 0 0 ;
	color: white;
	display: flex;
	/*flex-direction: column;*/
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	padding:.5rem 1.75rem
}
.btn-dias span{
	font-size: 15px;
	font-weight: 400;
}
.btn-dias:hover{
	background-color: #23405d;
	color: white;
	transform: none;
}
.btn-dias.active{
	background-color: #1A2E42;
	color: white;
}
.badge-fecha{
	position: relative;
	background: #1A2E42;
	border-radius: 0 10px 0px 0;
	margin: 0px 0;
	color: white;
	font-weight: 700;
	font-size: 20px;
	padding: 15px 15px;
	display: flex; 
	justify-content: flex-start;
	gap:20px;
	text-transform: uppercase;
	/*margin-bottom: 15px;*/

}
.badge-fecha h4,.badge-fecha p{
	margin: 0 0;
}
.tab-content{
	border-radius: 0 10px 10px 10px;
}
.charla{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 15px;
	margin: 0;
	border: 0.5px solid #1A2E42;
	border-radius: 0 0 5px 5px;
	max-width: 100%;
	width: 100%;
	background: #ECEFF4;

}
.charla-row{
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
}
@media (min-width: 767px) {
	.charla-row{
		flex-direction: row;
	}
}
.charla-cont{
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1 1 auto;
	    margin-left: 20px;

}
.charla-meta{
	gap: 15px;
	border: 1px solid #c2d8ec;
	display: flex;
	justify-content: space-between;
	background: #1a2e42;
	margin-bottom: 10px;
	padding: 0px 0;
}
.tipo-charla{
	position: relative;
	padding: 15px 15px;
	display: inline-flex;
	background: #1e73be;
	color: white;
	width: auto;
	align-self: flex-start;
	line-height: 1;
	font-size: 17px;
	
}
.tipo-charla.privada{background: #A53692;}
.tipo-charla.receso{background: #1a2e42; text-transform: uppercase;}
.tipo-charla.paralelas{background: #CED2D6; color: #1a2e42;}
.tipo-charla.con-invitacion{background: #A53692;}
em.time{
	position: relative;
	padding: 15px 15px;
	display: inline-flex;
	/*background: #A53692;*/
	color: #ffffff;
	width: auto;
	align-self: flex-start;
	line-height: 1;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
}
em.time>i.fa{
	color: #fff;
}
.charla-image{
	flex: 0 0 40%;
	max-width: 250px;
	padding-top: 40px;
	/*max-width: 40%;*/
}

.charla-image img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.charla h3{
	color: #1e73be;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 0;
}
.charla h4{
	color: #1a2e42;
	font-weight: 700;
	/*font-style: italic;*/
	font-size: 32px;
	margin: -10px 0 0;
	line-height: 1.3;
	    text-transform: uppercase;
}
.leyenda-charla{
	color: #1a2e42;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	margin: -10px 0 0;
}


.personas{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
.personas h4{
	color: #A53692;
    font-weight: 900;
    font-size: 16px;
    margin-top: 10px;
    background: #e0e6ee;
    padding: 5px;
    margin-left: 10px;
}

.persons{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media (min-width: 767px) {
	.charla .charla-row:not(:has(.charla-image)) .persons{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 0 20px;
	}
}
.persons.inline{
	flex-direction: row;
	gap: 20px;
	align-items: center;
	margin-top: 10px;
}
.person{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	transition: all .5s ease;
}
.person:first-child{
	margin-top: 5px;
}
.persons.inline .person{
	margin-top: 0;
	gap: 10px;
	    margin-left: 20px;
}
.person>img{
	width: 100px;
	height: 100px;
	border-radius: 50rem;
	border: 4px solid #A53692;
	object-fit: cover;
	transition: all .5s ease;
}

@media (hover: hover) {
	.person>img:hover{
		transform: scale(1.2);
		margin-right: 15px;
	}
}
.persons.inline .person>img{
	border: 4px solid #A53692;
}
.person .nombre{ 
	color: #1a2e42;
	font-weight: 600;
	font-size: 18px;
	/*font-style: italic;*/
	font-family: 'Lato', sans-serif;
	line-height: 1.0;
}
.person.reverse{
	flex-direction: row-reverse;
	justify-content: f;
}

.persons:not(.inline) .person:not(:has(.person-img)) + .person{
	margin-top: 5px;
}

@media (max-width: 767px) {

	.btn-md {
  		padding: .75rem .75rem;
	}
	.btn-dias{
		font-size: 20px;
	}
	.badge-fecha {
		padding: 10px 15px;
	}
	.charla h3 {
  		font-size: 20px;
	}
	.charla-image {
  		flex: 0 0 100%;
  		max-width: 100%;
		margin-bottom: 15px;
	}
	.persons.inline{
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	.persons.inline .person:has(.person-img) +   .person:has(.person-img) {
		margin-top: -15px;
	}
	
}



/*
.hero-badge-col:not(:last-child)::after{
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 20px;
	background: #23405d;
	content: "";

}
.hero-badge-col i.fa{
	font-size: 18px;
	padding-top: 4px;
	
}*/
.hero-badge-data{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.hero-badge-data span{text-transform: uppercase; font-size: 15px; line-height: 1.1;color: #A53692; font-weight: 600;}
.hero-badge-data p{margin-bottom: 0;font-weight: 300; line-height: 1.3;}

.section-programa{
	position: relative;
	padding: 40px 0;
	background-color: white;
}
.section-programa .row{
	align-items: center;

}
.section-programa h2{
	font-weight: 900;
	color: #1a2e42;
}

/* slider sponsonrs*/
.slider-sponsors{
	background-color: #1a2e42;
	padding: 40px 0;
	color: white;
	position: relative;
	overflow: hidden;
}
.slider-sponsors  h2{
	font-size: 42px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 40px;
}
.slider-sponsors  h4,
.diamante  h3{
	font-size: 32px;
	font-weight: 700;
	text-align: left;
	margin: 40px 0 20px;
	color: #1a2e42;
}
.slider-sponsors  h4{
	color: white;
}
.logogrid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
	position: relative;
	z-index: 1;
	gap:20px;
}

.logogrid.grid-1{
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.logogrid.grid-2{
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.logogrid.grid-3{
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.diamante .card{
	padding: 10px 20px;
	border:1px solid #ccc;
	background-color: #E0E6EE;
}
.logogrid .logoitem{
	padding: 0px 0px;
	border:1px solid white;
	background-color: white;
}
.logogrid .logoitem img{
	object-fit: contain;
	
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
.slider-sponsors .owl-dots{
	display: flex;
	justify-content: center;
	width: 100%;
	gap:10px
}
.slider-sponsors .owl-dot span{
	width: 30px;
	height: 5px;
	background: #1e73be;
	border-radius: 50rem;
	display: inline-flex;
}

.slider-sponsors .owl-dot.active span{
	background: white;
}


.call-to-action{
	position: relative;
	background: #A53692;
	padding: 40px 0;
	text-align: center;
}
.call-to-action h3{
	color: white;
	font-weight: 700;
	font-size: 64px;
}
/*
.btn-white{
	background-color: white;
	color: #A53692;
	border-radius: 8px;
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px;border: 1px solid white;
}
.btn-white:hover,
.btn-white:focus{
	background-color: #A53692;
	color: white;
}
*/
.header-transparent{
	background: transparent!important;
	position: absolute;
	z-index: 2;
	width: 100%;
	box-shadow: none;
}









.sponsors-destacados{
	position: relative;
	width: 100%;
	background-color: white;
	padding: 50px 0;
}
.sponsors-banner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sponsors-banner .col{
	flex: 0 0 33% ;
}
.sponsors-banner .col .logoitem img{max-width: 300px;}


/* General responsive */
@media (max-width: 992px) {
	.programa .header-transparent .logo-program {max-width: 200px;}
	.hero-caption em.date {font-size: 38px;}
	.hero-caption h1{font-size: 48px;}
	.hero-caption h2{font-size: 1.5rem;}
	.charla h3 {font-size: 20px;}
	.section-programa .container{max-width: none;}
}
@media (max-width: 767px) {
	.hero{height: auto;}
	.programa .header-transparent .logo-program {max-width: 150px; padding: 10px 0 0;}
	.hero-caption{padding: 140px 0;justify-content: flex-start; height: auto;}
	.hero-caption em.date {font-size: 32px;}
	.hero-caption h1{font-size: 38px; margin-top: 10px;}
	.hero-caption h2{font-size: 1.25rem;}
	.hero-caption em.date {font-size: 32px;}
	.charla h4{font-size: 24px;}
	
	.badge-fecha {font-size: 18px;}
	.hero-badge-col {padding: 8px 10px;}
	.hero-badge-data span,
	.hero-badge-data p{font-size: 14px;}
	.charlas .nav li{flex: 0 0 33.33%;}
	.btn-dias {font-size: 18px;}
	.call-to-action h3{font-size: 48px;}
	
}

@media (max-width: 480px) {
	.hero-caption{padding: 160px 0;}
	.hero-caption em.date {font-size: 28px;}
	.charla-cont{margin-left: 0;}
	.charla-meta{flex-direction: column;}
	em.time,.tipo-charla{align-self: auto;}
	.person{align-items: flex-start;margin-top: 15px;}
	.person > img {width: 70px;height: 70px;}
	/*
	.invitan .invitan-logos > a, .invitan .invitan-logos > div {flex: 0 0 50%;}
	.invitan .invitan-logos.flex-column{flex-direction: column!important;align-items: center !important;}
	.invitan .invitan-logos.flex-column>a,
	.invitan .invitan-logos.flex-column>div{flex: 0 0 100%;}
	*/
	.call-to-action h3{font-size: 40px;}
	
}
@media (max-width: 380px) {
	.logogrid.grid-3{grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));}
}


/* 2026 */
.product img.size-thumbnail{width: 100%;aspect-ratio: 1;object-fit: cover;height: 100%;}



.live{
	position: relative;
	width: 100%;
	height: auto;
	padding: 40px 0;
	background-color: #23405d;
	overflow: hidden;
}

.navbar-collapse{
	position: fixed;
	top: 0px;
	z-index: 1;
	left: 100%;
	width: 100%;
	height: 100vh;
	max-width: 400px;
	background-color: #1a2e42;
	overflow: hidden;
	padding: 130px 30px 30px;
	transition: all .6s ease;
}
.scrolled .navbar-collapse{top: 0;}
.navbar-collapse{
	display: block!important;
	
	right: auto;
}
.navbar-collapse.show{
	left: calc(100% - 400px);
}
.navbar .navbar-nav{max-width: 100vw;}
	.navbar li{border-top: 1px solid rgba(255,255,255,0.06);padding: 8px 0;	}
	.navbar li a{padding: 0px 15px; color: #fff; font-size: 24px;}

.navbar-toggler{
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	padding: 0 0;
	position: relative;
	z-index: 4;}
		.navbar-toggler .tline{width: 100%; height: 3px; background-color: #fff;  display: block;transition: all 600ms ease;}
		.navbar-toggler:hover,
		.navbar-toggler:focus,
		.navbar-toggler:focus-visible{outline: none;}
		.navbar-toggler:hover>.tline,
		.navbar-toggler:focus>.tline,
		.navbar-toggler:focus-visible>.tline{background-color: #1e73be;}
		
/* Home Grid */
.homegrid{
	position: relative;
	padding: 40px 0;
	background-color: #eee;
}
.homegrid-item{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #1a2e42;
	border-radius: 10px;
	padding: 40px;
	color: white;
	height: 100%;
	justify-content: space-between;
	gap:20px;
}
.homegrid-item--data>img{
	width: 64px;
	height: 64px;
	object-fit: contain;
	margin-bottom: 10px;
}
.homegrid-item--data>h3{
	font-weight: 700;
}
.homegrid-item--data>.btn{
	margin-top: 15px;
}
/* Home News */
.homenews{
	padding: 40px 0;
	background-color: white;
}
.homenews-post{
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	padding-bottom: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
.homenews-post--data{
	display: flex;
	flex-direction: column;
}

.homenews-post--data>a>img{
	width: 100%;
	height: auto;
	flex-direction: column;
	border-radius: 0 0 10px 10px;
}
/* Page Hero */
.page-hero{
	background-color: #1e73be;
	color: white;
	padding: 30px 0;
}
.page{
	padding: 60px 0;
}
.page h2,.page h3,.page h4,.page h5{
	font-weight: 700;
	color: #1A2E42;
	margin-top: 15px;
}


/* Title*/
.new-title{
	display: inline-flex;
	width: auto;
	position: relative;
	text-align: left;
	background-color: #23405d;
	border-radius:  0 10px 10px 0;
	padding: 15px 25px 15px 0;
	color: white;
	margin-bottom: 45px;
	font-weight: 700;
	letter-spacing: .075rem;
}
.new-title::before{
	position: absolute;
	top: 0;
	right: calc(100% - 1px);
	width: calc(100vw  / 4);
	height: 100%;
	background-color: #23405d;
	content: "";
}
@media (min-width: 992px) {
	.new-title.right{
		border-radius:  10px 0 0 10px;
		padding: 15px 0px 15px 25px;
	}
	.new-title.right::before{
		right: auto;
		left: calc(100% - 1px);

	}

}


/* Menu Open */
html,body{background-color: #1A2E42;}
body,
body>header,
body>footer,
body>main,
body>main::before{
	transition: all .6s ease;
}

body.js-menu-open{
	/*left: -400px;*/
	overflow: hidden;
}
body.js-menu-open>main{
	height: 100%;
	/*zoom: .8;*/
	position: relative;
    overflow: hidden;
	transform: translateX(-400px);
}

body.js-menu-open .navbar-brand,
body.js-menu-open>footer{
	opacity: .5;
}
body.js-menu-open>main::before{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 45;
	width: 100%;
	height: 100%;
	opacity: .75;
	background-color: #000;
	content:"";
}
@media (max-width:400px) {
	body.js-menu-open{
		left: -360px;
	}
}
@media (max-width:360px) {
	body.js-menu-open{
		left: -320px;
	}
}

/*- */
.ediciones{
	position: relative;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border: 4px solid #1e73be;
	background-color: #1e73be;
	color: white;
	border-radius: 8px;
}
.ediciones>img{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	border-radius: 5px;
}
.ediciones .c-white{color: white; padding: 8px 15px; text-align: center; margin-top: 0;font-size: 18px;}

.galeria li{position: relative; overflow: hidden;}
.galeria li .product{
	cursor: pointer;
}
.galeria li img{width: 100%; height: 100%; aspect-ratio: 4/3; object-fit: cover;}