@charset "utf-8";

/* #################################### */
/* ##    Universidad ORT Uruguay     ## */
/* ## -----------------------------  ## */
/* ## Eventos (Listado y ampliación) ## */
/* #################################### */
/* PROD */

/* EVENTOS */
.eventosBody #centralpanel ul.eventsWrapped li { padding:0; }
.eventoDetalleBody #content-body > #type-ortevent { max-width:none !important; padding-bottom:0 !important; }

.eventosBody .seccionColgado { display:block; margin-bottom:30px; }
.eventosBody #body { position:relative; }
.eventosBody ul.eventsWrapped { overflow:visible; }

.eventosBody #centralpanel ul.eventsWrapped li:before { display:none; height:0; }

.eventoDetalleBody .eventTypeContent { max-width: var(--maxWidth); margin: 0 auto; }

/*.eventosBody #content-toptitle ~ .content-navContext nav { top: -200px; }*/

/* Tipografías, tamaño y tipos de fuentes */
.eventoDetalleBody .eventoAbstract,
.eventoDetalleBody #content-eventType,
.eventoDetalleBody #content-toptitle,
#eventsList li .eventsInfo .eventsToptitle,
#eventsList li .eventsInfo .eventsTitle,
#eventsList li .eventsInfo .eventsDate,
#eventsList li.withForm > .btFormEvents a,
.eventoDetalleBody .eventoCupos,
.eventoDetalleBody #content-toptitle .toptitleContent { font-family: var(--mainFont); }

/*.msgContainerEmpty { margin: 0; padding: 0 8%; }*/

#eventsList .eventsTitle a,
#eventsList li .eventsInfo .eventsTitle { font-size: 1.7rem; }/*27.2px */

.eventoDetalleBody .eventoAbstract { font-size: clamp(1.125rem, 0.964rem + 0.536vw, 1.5rem); /* min480 max1600 */ }

#eventsList li .eventsInfo .eventsDate { font-size:1.375 rem; /*22px*/ }

#eventsList li .eventsPlace strong,
#eventsList li .eventsInfo,
#eventsList li .eventsOrganizers,
#eventsList li .eventsDescription p,
#eventsList li .eventsInfo .place,
#eventsList li .eventsInfo .organizers { font-size: 1.25rem; /*20px*/ }

.eventoDetalleBody .eventTypeContent,
.eventoDetalleBody #content-toptitle .toptitleContent { font-size: 1.225em; }/*19.6*/

.eventoDetalleBody .eventoEmail p a,
.eventoDetalleBody #type-ortevent { font-size: 1rem; /*16px*/ }

.eventoDetalleBody #content-toptitle,
#eventsList li .eventsInfo .eventsToptitle { font-size:1.125rem; /*18px*/ } 

#eventsList li .eventsTitle { font-weight: 600;} 

.eventoDetalleBody .eventoAbstract,
#eventsList li .eventsInfo .eventsDate { font-weight:500; }

.eventoDetalleBody .eventoCupos,
#eventsList li.withForm > .btFormEvents a { font-weight:400; }

.eventoDetalleBody #content-toptitle .toptitleContent,
#eventsList li .eventsInfo .eventsToptitle { font-weight:300; }

/*.seccionColgado { font-size:14px; }*/

#eventsList a { text-decoration:none; }

.eventoDetalleBody #content-eventType,
.eventoDetalleBody .eventoCupos,
.eventoDetalleBody #content-toptitle .toptitleContent,
#eventsList li .eventsInfo .eventsToptitle { text-transform: uppercase; }
 
.eventoDetalleBody .eventoOrganiza,
.eventoDetalleBody .eventoDirigido,
.eventoDetalleBody .eventoDate,
.eventoDetalleBody .eventoDate li .place,
.eventoDetalleBody .eventoExpositores ul,
.eventoDetalleBody .eventoExpositores h2,
.eventoDetalleBody .eventoInscripcion h2,
.eventoDetalleBody .eventoInscripcionInfo, 
.eventoDetalleBody .eventoEmail,
.eventoDetalleBody .eventoEmail p,
.eventoDetalleBody .eventoCupos,
.eventoDetalleBody #eventoInscripcionForm ul + p,
.eventoDetalleBody .formField.captcha div,
.eventoDetalleBody #content-body:after { text-align:center; }

.eventoDetalleBody .eventoExpositores .expositorNombre,
.eventoDetalleBody .eventoDate li .place em,
.eventoDetalleBody .eventoExpositor .expositorNombre,
/*.eventoDetalleBody .eventoExpositores h2,
.eventoDetalleBody .eventoInscripcion h2,*/
.eventoDetalleBody .eventoEmail p a { font-weight: bold; }

#eventsList li .eventsDescription strong,
.eventoDetalleBody .eventoDate em,
.eventoDetalleBody .eventoDate .place strong,
.eventoDetalleBody .eventoEmail p strong { font-weight:normal; font-style: normal; }


 
/* Fondos y colores */
 
#eventsList li .eventsInfo .eventsDate .time,
#eventsList li .eventsInfo .eventsDate .time:before,
#eventsList li .eventsDate,
#eventsList li .eventsTitle,
.eventoDetalleBody .eventoDirigido,
.eventoDetalleBody .eventoOrganiza,
.eventoDetalleBody .eventoDate > li { background: var(--greyLight, #f9f9f9); }

#eventsList li .eventsInfo .eventsToptitle,
.eventoDetalleBody #content-eventType,
.eventoExpositores .eventoExpositores .boxCont,
.eventoExpositores:nth-child(odd) ul li .boxCont,
.eventoDetalleBody .expositorCV ,
.eventoDetalleBody .mod.customFaculties .box .boxMedia { background:#fff; }

.eventoDetalleBody .eventoExpositores ul li .expositorFoto, 
.eventoDetalleBody .eventoExpositores ul li .expositorNombre  { background-color: #fff; }



#eventsList li .eventsInfo .eventsToptitle { color:#7c7c7c; }

#eventsList .eventsWrapped li > a,
#eventsList .eventsWrapped li:hover .eventsTitle a { color:#393939; }

.eventoDetalleBody #content-eventType { color: #484848; }

.eventoDetalleBody .eventoAbstract { color: #363636; }

#eventsList li .eventsInfo .eventsDate,
.eventoDetalleBody .eventoDirigido em,
.eventoDetalleBody .eventoOrganiza em,
.eventoDetalleBody .eventoInscripcion h2,
.eventoDetalleBody .eventoDate em { color: var(--mainColor); }

.eventoDetalleBody .eventoEmail,
.eventoDetalleBody #eventoInscripcionForm .formField.check div label,
.eventoDetalleBody .eventoEmail p a { color:#fff; }

.eventoDetalleBody .formField.form-checkgroup div label:nth-child(2):nth-last-child(2) { display: none; }

.eventoDetalleBody #content-headPicture + #content-title { border-top-color: var(--greyLight, #f9f9f9); }

.eventoDetalleBody .eventoCupos { border-color:#d1cac7; }

#eventsList li .eventsInfo .eventsToptitle { border-color:#e5e5e5; }

.eventoDetalleBody .eventoExpositores ul li .expositorNombre { border-color: #fff; }

.fancybox-container .fancybox-slide--iframe { padding: 44px 20px; }
.fancybox-container .fancybox-slide--iframe .fancybox-content { width: 800px; max-width: 100%; max-height: 100%; margin: 0; }


/* ORT Eventos - Listado -------------------------------------------------------------------------------------------------- */
#eventsList .eventsWrapped li,
#eventsList li { transition: .3s; }

#eventsList { margin-top: 30px; margin-left:auto; margin-right:auto; width:82.27%; }
#eventsList li {display:block; position: relative; margin-right: -20px; margin-left: -10px; margin-bottom: 4.5em; padding: 0; list-style: none; }

#eventsList li a { overflow:hidden; }

#eventsList li .eventsImg { float: left; margin: 30px 0 30px 4%; overflow:hidden; }
#eventsList li .eventsImg img { border: 0; padding: 0; margin: 0; width:495px; height: 280px; }
#eventsList li figcaption { display: none; }

#eventsList li > a { display: block; padding: 0 0 26px 0; box-shadow: var(--boxShadow); }
#eventsList li > a:hover { box-shadow: var(--boxShadow-hover); }

#eventsList li .eventsTitle,
#eventsList li .eventsInfo { padding-left:4%; padding-right:4%; }

#eventsList li .eventsInfo { padding-bottom: 20px; overflow: hidden; }
#eventsList li .eventsInfo > * { margin-bottom: 10px; }

#eventsList li .eventsInfo .eventsToptitle { display:inline-block; padding:12px 22px; border-width: 2px; border-style: solid; margin: 0 0 10px 0; overflow: hidden; }

#eventsList li.eventsPreu .eventsInfo .eventsToptitle:after { content: "\2012 \00A0  Preuniversitarios"; position: absolute; margin: -5px 0 0 0; padding: 0 0 0 10px; border: 1px none; }

#eventsList li, #eventsList li a { border-radius:10px; }

#eventsList li .eventsInfo .eventsToptitle,
#eventsList li .eventsInfo .eventsDate { padding-left:15px; }

#eventsList li .eventsInfo .eventsDate  { padding-right:5px; }
#eventsList li .eventsInfo .eventsPlace { margin-top:0; margin-bottom:0; padding-top:10px; padding-bottom:0; }
#eventsList li .eventsInfo .eventsOrganizers { margin-bottom:0; padding-top:10px; padding-bottom:10px; }

#eventsList li .eventsTitle { margin:0; padding-top:26px; padding-bottom:26px; }

#eventsList li .eventsPlace strong:after { content: " "; }

#eventsList li .eventsDescription { padding-top: 26px; }

#eventsList li .eventsDescription p { padding: 0; }
#eventsList li .eventsDescription p:last-child { padding-bottom: 0; }
#eventsList li .eventsDescription a { pointer-events: none; }

#eventsList li .eventsInfo .eventsDate { display:inline-block; padding:15px; }
#eventsList li .eventsInfo .eventsDate .time:before { content:"|"; display: inline-block; padding: 0 10px; }
#eventsList li .eventsInfo .eventsDate .time { margin-left:-5%; }

#eventsList li .eventsDescription a,
#eventsList .eventsWrapped li > a,
#eventsList .eventsWrapped li:hover .eventsTitle a { text-decoration: none; }

#eventsList li.withForm > .btFormEvents { display:block; overflow:hidden; clear:both; }
#eventsList li.withForm > .btFormEvents a { display:inline-block; position: absolute; right: 25px; bottom: 0; padding:10px 30px; margin: 20px; }

#eventsList li .eventsInfo .eventsToptitle { position: absolute; right: 40px; top: -30px; }
#eventsList li.eventsPreu .eventsInfo .eventsToptitle:after { position: static; }
#eventsList li:not(.eventsPreu) .eventsInfo .eventsToptitle:after { margin: -5px 0 0 .5em; padding: inherit; border: 1px none; }
#eventsList li .eventsInfo { padding-bottom: 0; }

#eventsList li .eventsInfo .eventsToptitle,
#eventsList li .eventsInfo .eventsDate { border-radius:5px; }

#eventsList li .eventsTitle { border-radius:10px 10px 0 0; }
#eventsList li.withForm > .btFormEvents a { -webkit-border-radius: 3px ; border-radius: 3px; }

.eventosListBody  .lstEmtpy #eventsList { padding-left:0; padding-right:0; margin-left:0; margin-right:0;  width:100%; }
.eventList.lstEmtpy { padding: 0 8%; }

/* --------------------------------------------------------------------------------------------------------------------- */
/* Ampliación del evento ----------------------------------------------------------------------------------------------- */

.eventoDetalleBody #content-headPicture ~ .ort-tools .tools { margin-top: calc(15.625% + 110px); }
.eventoDetalleBody #content-toptitle ~ .content-navContext nav { top: -250px; }

.eventoDetalleBody #content-eventType { margin-top:30px; } /* ED: 30px */
.eventoDetalleBody #content-body .eventoExpositores,
.eventoDetalleBody #content-body .eventoInfo,
.eventoDetalleBody #content-body .eventoEmail { width: 100%; max-width: none; }

.eventoDetalleBody #content-body > *,
.eventoDetalleBody #content-body .eventoInfo,
.eventoDetalleBody #content-body .eventoDescripcion,
.eventoDetalleBody #content-body .eventoExpositores,
.eventoDetalleBody #content-body .eventoInscripcion { padding-bottom: 3em !important; }

.eventoDetalleBody #content-body .eventoExpositores { padding-top: 3em !important; }

.eventoDetalleBody .eventoExpositores > ul > .expositorNombre:first-child,
.eventoDetalleBody #content-body .eventoInfo > .eventoImg,
.eventoDetalleBody #content-body .eventoInfo > .eventoDate,
.eventoDetalleBody #centralpanel > #content-picture,
.eventoDetalleBody #centralpanel > #content-date,
.eventoDetalleBody #centralpanel > #content-author,
.eventoDetalleBody .eventoExpositor .expositorNombre > strong
/*.eventoDetalleBody #content-toptitle*/ { display:none; height:0; }

.eventoDetalleBody #centralpanel > #content-description,
.eventoDetalleBody #centralpanel > #content-picture { display: none !important; }

.eventoDetalleBody #content-eventType > div { display:block; }

.eventoDetalleBody #content-headPicture + #content-title { border-top-style:solid; border-top-width:50px; }

.eventoDetalleBody #content-eventType > .eventTypeContent { padding-top:2em; }

.eventoDetalleBody #content-title h1 {padding-top:5px; }
.eventoDetalleBody #content-title { padding-bottom: 44px; }
.eventoDetalleBody #content-headPicture ~ #content-title h1 { padding: 0; /*margin:0; */ } /* ED: #content-headPicture ~ */

.eventoDetalleBody #content-eventType/*,
.eventoDetalleBody #content-toptitle */{ border:0; padding:0; /* color: #484848; background: #fff;*/ }

.eventoDetalleBody #centralpanel > #content-date > .eventoDate { display:block; }

.eventoDetalleBody  #content-eventType { padding:0 8%; }
@media screen and (max-width: 1024px) {	 /* ED: Media Query completa */
	.eventoDetalleBody  #content-eventType { padding:0 6%; }
}

.eventoDetalleBody .eventoAbstract { margin: 25px auto 45px auto; overflow: hidden; clear: both; text-align: left; }
.eventoDetalleBody .eventoDescripcion { margin: 25px 0; padding: 0; overflow: hidden; clear: both; }

.eventoDetalleBody .eventoDescripcion a { text-decoration:underline; }
.eventoDetalleBody .eventoDescripcion a:hover { text-decoration:none; }

.eventoDetalleBody .eventoDescripcion > *:last-child { margin-bottom: 0; padding-bottom: 0; }
.eventoDetalleBody .eventoInfo { overflow: hidden; }

.eventoDetalleBody.eventoInfoInner { margin: 0 auto; text-align: center; }
.eventoDetalleBody .eventoOrganiza,
.eventoDetalleBody .eventoDirigido { display:block; padding:10px; line-height: 1.8; clear:both; }

.eventoDetalleBody  #content-body .eventoInfo { padding-left:0 !important; padding-right:0 !important; }

.eventoDetalleBody .eventoAbstract,
.eventoDetalleBody .eventoInfoInner,
.eventoDetalleBody .eventoDescripcion,
.eventoDetalleBody .eventoExpositores  { padding-left: 8%; padding-right: 8%; }

@media screen and (max-width: 1024px) {	 /* ED: Media Query completa */
	.eventoDetalleBody .eventoAbstract,
	.eventoDetalleBody .eventoInfoInner,
	.eventoDetalleBody .eventoDescripcion,
	.eventoDetalleBody .eventoExpositores  { padding-left: 6%; padding-right: 6%; }
}

.eventoDetalleBody .eventoDirigido strong,
.eventoDetalleBody .eventoOrganiza strong { margin-right:5px; }

.eventoDetalleBody .eventoImg,
.eventoDetalleBody .eventoDate { display:inline-block; margin-left:2%; clear:right; vertical-align:top; width:48%; }
.eventoDetalleBody .eventoImg { margin-bottom:40px; margin-left:0; }

.eventoDetalleBody .eventoImg img { display:block; width:100%; height:auto; overflow:hidden; }


.eventoDetalleBody .eventoDate { margin-bottom: 25px; margin-top: -10px; padding:10px 20px; line-height: 1.5; }
.eventoDetalleBody .eventoDate > li { display: block; margin-bottom: 30px; padding:10px 20px;  }

.eventoDetalleBody .eventoDate li .date { margin-right:10px; }

.eventoDetalleBody .eventoDate li .date,
.eventoDetalleBody .eventoDate li .time { display:inline-block; padding: 10px 0 0 0; }
.eventoDetalleBody .eventoDate li .date.eventoNoDate { padding-top: 0; }

.eventoDetalleBody .eventoDate li .time:before { content: "|"; display:inline-block; position: relative; left: -7px; }
.eventoDetalleBody .eventoDate li .place { display: block; margin-top: 1em; border-top:1px solid #bdbdbd; padding: 10px; }
.eventoDetalleBody .eventoDate li .place em {  margin-top: 5px;  line-height: 1.8; }
.eventoDetalleBody .eventoDate li .place strong { margin-bottom: 10px; }

.eventoDetalleBody .eventoDate .date.eventoNoDate em { display: inline-block; }

.eventsInfo .boxBt,
.eventoInfo .boxBt { position: static; transform: none; margin: 20px 0; }
#eventsList .eventsInfo .boxBt { text-align: left; }
.eventoInfo .boxBt a { cursor: pointer; }
#eventsList .eventsInfo .boxBt a { border-radius: 5px; }

.eventoDetalleBody .eventoExpositores  { background: var(--greyLight, #f9f9f9); padding-top:2em; padding-left:0; padding-right:0; }

.eventoDetalleBody #content-body > .eventoExpositores.notLi { display:none; background:none; height:0; padding:0 !important; margin:0; }

.eventoDetalleBody .expositorFoto img { width: auto; max-width: 100%; /*height:250px;*/ }

.eventoDetalleBody .eventoExpositores ul { display: flex; position: relative; width: 100%; flex-flow: wrap; justify-content: center; margin-top: 20px; margin-bottom: 20px; vertical-align:top; }
.eventoDetalleBody .eventoExpositores ul li { position: static; margin:20px; background: none; flex:0 0 calc(33.333% - 40px); }

.eventoDetalleBody .eventoImg img,
.eventoDetalleBody .eventoDate > li { border-radius: var(--boxRadius); }

.eventoDetalleBody .eventoExpositores ul li { border-radius: var(--boxRadius); }
.eventoDetalleBody .eventoExpositores .expositorFoto,
.eventoDetalleBody .eventoExpositores .expositorFoto img { border-radius: var(--boxRadius) var(--boxRadius) 0 0; }
	
.eventoExpositores .eventoExpositor .boxCont { display: block; padding: 0; border-radius: var(--boxRadius); }

.eventoDetalleBody .eventoExpositores .expositorNombre { position: relative; display: flex; justify-content: center; align-items: center; margin: 0;
	cursor: pointer; transition: .3s; padding: 1.8em 1em; border-color: #fff; text-align: center; border-radius: 0 0 var(--boxRadius) var(--boxRadius); }
.eventoDetalleBody .eventoExpositores .expositorSinFoto .expositorNombre { border-radius: var(--boxRadius); }

.eventoDetalleBody .eventoExpositores .open .expositorNombre { border-bottom: 5px solid; border-bottom: 20px solid #fff; border-radius: 0; }
.eventoDetalleBody .eventoExpositores .expositorSinFoto.open .expositorNombre { border-radius: var(--boxRadius) var(--boxRadius) 0 0; }

.eventoDetalleBody .expositorNombre strong { display: none; }

.eventoExpositores .expositorNombre:before { content: ""; order: 3; display: block; transform: rotate(90deg); width: 10px; min-width: 10px; height: 20px; margin-left: auto; transition: .3s; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; }

.eventoDetalleBody .expositorNombre:before { position: absolute; left: 50%; bottom: 5px; margin-left: -10px; background-image: url(../img/bullet-generic.svg); }
.eventoDetalleBody .eventoExpositores .open .expositorNombre:before { transform: rotate(-90deg); }

.eventoDetalleBody .eventoExpositores .expositorFoto,
.eventoDetalleBody .eventoExpositores .expositorNombre,
.eventoDetalleBody .expositorCV  { box-shadow: 3px 3px 4px rgba(0,0,0,.25); }

.eventoExpositores .expositorCV { position: absolute; z-index: 3; display: none;  max-width: calc(100% / 3 * 2 - 40px); min-width:  calc(100% / 3 * 1 - 40px); padding: 30px; overflow: hidden; text-align: left; transform-origin: center bottom; border-radius: 0 0 var(--boxRadius) var(--boxRadius); }

.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 1) .expositorCV { left: 20px; border-top-left-radius: 0 }
.eventoDetalleBody .eventoExpositores ul li:nth-child(3n) .expositorCV { right: 20px; border-top-right-radius: 0 }

.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 2) .expositorCV,
.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 1):last-child .expositorCV,
.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 1):nth-last-child(2) .expositorCV,
.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 2):last-child .expositorCV { left: 50%; transform: translateX(-50%); }

.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 1):nth-last-child(2) .expositorCV { left: calc(100% / 3); transform: translateX(-50%); }
.eventoDetalleBody .eventoExpositores ul li:nth-child(3n + 2):last-child .expositorCV { left: calc(100% / 3 * 2); transform: translateX(-50%); width: max-content; max-width: calc(100% / 3 * 2 - 40px); }

@media screen and (max-width: 1024px) {
	.eventoDetalleBody .eventoExpositores .expositorNombre { box-shadow: none; }
	.eventoDetalleBody .eventoExpositores ul li:nth-child(1n):nth-child(1n) .expositorCV { position: static; width: auto; max-width: 100%; transform: none; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0 }
}

.eventoExpositores .expositorNombre.expositorSinCV { cursor: default; }
.eventoExpositores .expositorNombre.expositorSinCV:before { display: none; }

.eventoDetalleBody .eventoInscripcionInfo { margin-top: 10px; margin-bottom: 30px; }
.eventoDetalleBody .eventoInscripcionInfo li { display: inline-block; color: #000; }
.eventoDetalleBody .eventoInscripcionInfo li:before { content: "- "; }
.eventoDetalleBody .eventoInscripcionInfo li:first-child:before { content: ""; }

.eventoDetalleBody #content-body .eventoEmail { margin: 0 auto 50px auto; padding-bottom:0 !important; }
.eventoDetalleBody .eventoEmail p { padding: 15px 20px; margin: 0; }

.eventoDetalleBody .eventoCupos { display:block;line-height: 1.8; margin-top:30px; margin-bottom:30px; padding:5px 10px; border-style: solid; border-width:3px; }

.eventoDetalleBody .formField { padding: 0 0 10px 0; }
.eventoDetalleBody .formField:after { content: ""; clear: both; display: none; width: 100%; height: 0; overflow: hidden; }

.eventoDetalleBody #eventoInscripcionForm .formField label { /*! float: left; */ /*! width: 40.6%; */ /*! min-height: 1px; */ /*! padding-top:10px; */ /*! padding-right: 1em; */ /*! text-align: right; */ }
.eventoDetalleBody .formField.required label:after { content: " *"; font-size: 112.5%; color: red }

.eventoDetalleBody .formField div { /*! float: left;  width:302px;*/ }
.eventoDetalleBody #eventoInscripcionForm .formField.check div label { vertical-align: middle; }
.eventoDetalleBody #eventoInscripcionForm .formField.radio div label { /*width: auto; display: inline-block;*/ }
.eventoDetalleBody .formField.required div label:after { content: ""; }

.eventoDetalleBody #eventoInscripcionForm,
.eventoDetalleBody #eventoInscripcionForm > ul { text-align: left; margin:0 auto; }
.eventoDetalleBody #eventoInscripcionForm ul + p { display: block; width: 60%; margin: 20px auto 55px; font-style: italic; }
.eventoDetalleBody #eventoInscripcionForm ul input[type=checkbox] { vertical-align: middle; }

#eventoInscripcionForm .wrapper-fieldset > ul > li.form-radio:first-child > div { display: flex; }
#eventoInscripcionForm .wrapper-fieldset > ul > li.form-radio:first-child > div > label { align-items: center; }

.eventoDetalleBody .formField.captcha div { margin:0 auto; }

.eventoDetalleBody .formField input[type=text],
.eventoDetalleBody .formField input[type=email],
.eventoDetalleBody .formField input[type=text],
.eventoDetalleBody .formField input[type=number],
.eventoDetalleBody .formField select,
.eventoDetalleBody .formField textarea{ /*! padding: 10px; */ /*! border: 1px solid #D1CAC7; */ /*! width: 100%; */ }
.eventoDetalleBody .formField.captcha label { visibility: hidden; }

.eventoDetalleBody .formField.error .formFieldMsg { display: block; padding: 3px 0 5px; color: #f00; }
.eventoDetalleBody .errorMessages { display: none; }

.eventoDetalleBody.eventoPreu #content-toptitle > div:after { content: "\2012 \00A0  Preuniversitarios"; margin: 0 10px; padding: inherit; border: 1px none #000; }
.eventoDetalleBody:not(.eventoPreu) #content-toptitle:after { margin: -5px 0 0 .5em; padding: inherit; border: 1px none /*#000*/; }
.eventoDetalleBody #content-title { padding-bottom: 0; }
.eventoDetalleBody #type-ortevent > #content-picture img { max-width: 480px; }

.eventoDetalleBody #content-body:after{ content:"Por favor, tener presente que este evento podrá ser filmado y/o fotografiado y las imágenes podrán ser difundidas con fines didácticos o de interés público. Además, esta actividad puede contar con cobertura de medios de prensa."; 
display:block; width: 60%; margin: 3em auto; }

.eventoDetalleBody .wrapper-fieldset li:is(.form-radio, .form-checkgroup) { align-items: start; }

.eventoDetalleBody .wrapper-fieldset .formFieldMsg + .formFieldMsg { display: none; }

.eventoDetalleBody .wrapper-fieldset + p { display: none; }

@media screen and (max-width: 1580px) {
	.eventoDetalleBody #content-toptitle ~ .content-navContext nav { top: -230px; }
}
@media screen and (max-width: 1400px) {
	.eventoDetalleBody #content-body::after { width:80%; } 
}
@media screen and (max-width: 1024px) {
	#eventsList .eventsTitle a,
	#eventsList li .eventsInfo .eventsTitle { font-size: 1.3rem; }

	#eventsList li .eventsPlace strong,
	#eventsList li .eventsInfo,
	#eventsList li .eventsOrganizers,
	#eventsList li .eventsDescription p,
	#eventsList li .eventsInfo .place,
	#eventsList li .eventsInfo .organizers { font-size: 1rem; }
	
	#eventsList li .eventsInfo .eventsDate { font-size:1.2rem; }
	
	#eventsList li .eventsInfo .eventsToptitle { font-size:0.9rem; text-transform:none; } 
	
	#eventsList li .eventsImg { width: 91.5%; }
	#eventsList li .eventsImg img { width:100%; height:auto; }
	#eventsList li .eventsInfo { display:block; overflow:hidden; clear:both; }
	#eventsList li .eventsDescription { padding-top: 0; }
	
	.eventoDetalleBody #content-body > *,
	.eventoDetalleBody #content-body .eventoInfo,
	.eventoDetalleBody #content-body .eventoDescripcion,
	.eventoDetalleBody #content-body .eventoExpositores,
	.eventoDetalleBody #content-body .eventoInscripcion { padding-bottom: 2em !important; }

	.eventoDetalleBody .eventoExpositores ul li { flex-basis: 80%;  margin-bottom:20px; overflow: hidden; }
	
	.eventoDetalleBody .expositorNombre.expand::before{ display: none; }
	.eventoDetalleBody .expositorCV.expand { position: static; width:100%; }
	.eventoDetalleBody .eventoDate > li { padding:10px; }
}
@media screen and (max-width: 900px) {
	.eventosBody #content-toptitle ~ .content-navContext nav,

	.eventoDetalleBody #content-toptitle ~ .content-navContext nav { top: 205px !important; }
	
	#eventsList .eventsTitle a,
	#eventsList li .eventsInfo .eventsTitle { font-size: 1.6rem; }
	
	.eventoDetalleBody #content-eventType > .eventTypeContent { font-size:1.25rem; }

	.eventoDetalleBody .eventoImg, .eventoDetalleBody .eventoDate { display:block; width:100%; clear:both; margin-left:0; padding:0; }
}
@media screen and (max-width: 800px) {
	.eventosBody #centralpanel #eventoInscripcionForm form label { width:100%; outline: 1px dotted }

	.eventoDetalleBody #content-body > * { padding-bottom: 3em !important; }
	
	.eventoDetalleBody #content-body .eventoExpositores, .eventoDetalleBody #content-body .eventoInscripcion { padding-top: 3em !important; }

	.eventoDetalleBody #type-ortevent #content-picture { display:block; margin-right:0;}
	.eventoDetalleBody .eventoEmail, 
	.eventoDetalleBody #eventoInscripcionForm ul + p { width:100%; }
	.eventoDetalleBody .eventoCupos { display:inline-block; width: 100%; }
	.eventoDetalleBody #centralpanel .formField.radio div label { width: auto; }
	
	.eventoDetalleBody #type-ortevent #content-picture { float: none; margin-right: 0; }
	.eventoDetalleBody #type-ortevent #content-picture img { float: none; width: auto;  margin-right: 0; }
	.eventoDetalleBody #eventoInscripcionForm .formField label { width: auto; }
	.eventoDetalleBody #eventoInscripcionForm .formField div { width: auto; max-width: 100%; }
	.eventoDetalleBody #eventoInscripcionForm .formField div.SumoSelect { width: 100%; }
	.eventoDetalleBody .formField input[type=text],
	.eventoDetalleBody .formField input[type=email],
	.eventoDetalleBody .formField input[type=date] { /*! width: 98%; */ /*! line-height: 1.8; */ /*! font-size: 14px; */ }
	.eventoDetalleBody .formField textarea { width: 98%; line-height: 1.4; }

	.eventoDetalleBody .wrapper-fieldset li:is(.form-radio, .form-checkgroup) { flex-wrap: wrap; }
}
@media screen and (max-width: 640px) {
	.eventoDetalleBody #type-ortevent .eventoInscripcion h2, 
	.eventoDetalleBody .eventoDate li .place, 
	.eventoDetalleBody .eventoOrganiza, 
	.eventoDetalleBody .eventoDirigido, 
	.eventoDetalleBody .eventoExpositor, 
	.eventoDetalleBody #content-description,
	.eventoDetalleBody .eventoDescripcion, 
	.eventoDetalleBody .eventoInscripcion,
	.eventoDetalleBody #centralpanel #content-description h2, 
	.eventoDetalleBody .eventoDate li > *,
	.eventoDetalleBody #content-body:after { font-size: 1rem; } 
	
	.eventoDetalleBody #bottompanel1 .mod { padding-top:10%; padding-bottom:10%; }
	.eventoDetalleBody .eventoExpositores ul li { display:block; width:100%; clear:both; flex-basis: inherit; }
}

@media screen and (max-width: 480px) {
	#eventsList li .eventsInfo .eventsToptitle { right:20px; left:inherit; }
}
@media screen and (max-width: 375px) {
	.eventoDetalleBody #eventoInscripcionForm .formField label { background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(255, 255, 255,1) 50%, rgba(255,255,255,0) 70%); }
}



#eventsList li .eventsInfo .eventsDate { color: var(--mainColor); }

.eventoDetalleBody .eventoEmail { background: var(--mainColor); }

.eventoDetalleBody .eventoDirigido em,
.eventoDetalleBody .eventoOrganiza em,
.eventoDetalleBody .eventoInscripcion h2,
.eventoDetalleBody .eventoDate em { color: var(--mainColor); }

.eventoDetalleBody .eventoCupos { border-color:#d1cac7; }

/* ----- PARA SI e IE ------------------------------------------------------------------------------------ */ 

#www .eventoDetalleBody .eventoDirigido,
#www .eventoDetalleBody .eventoOrganiza,
#www .eventoDetalleBody .eventoDate > li { background: var(--greyLight, #f9f9f9); }

#www .eventoDetalleBody .mod.customFaculties .box .boxMedia { background:#fff; }

#www .eventoDetalleBody #content-headPicture + #content-title { border-top-color: var(--greyLight, #f9f9f9); }

#www .eventoDetalleBody #eventoInscripcionForm .formField.check div label { color:#fff; }