/*---------- Reglamentos generales (ticket 2313) -----------------------------------------------------*/

.reglamentos#body .ort-body { visibility: visible; }

ul.lstFaq-wrapper > li ul li::before { display:none; margin-left: initial; }

.reglamentos #type-ortSection-container { max-width: 64.5%; margin: 0 auto; padding: 0 8% 5em; }

/* La versión simplificada agrega un título de módulo que no existe en la página de referencia. */
.reglamentos #type-ortSection-container > section.mod > .modInner > h2 { display:none; }


.reglamentos li.lstFaq:before,
.reglamentos li.lstFaq:after,
.reglamentos li.lstFaq.reg-hidden { display:none; }

.reglamentos .mod:nth-child(2n+1),
.reglamentos section.mod  { background:none;  padding:0; }

.mod:nth-child(2n+1) ul.lstFaq-wrapper > li h3 { background:none; }

.modExpanded ul li,
.reglamentos li.lstFaq:last-child { margin-bottom: 0; }

/*---------- Agrupacion por area/facultad (h2) -------------------------------------------------------*/

.reglamentos .reg-section { position:relative ; margin:1rem 0; padding:0;
	@media screen and (max-width: 800px) { margin: 0; }
}

#reg-filter { margin-bottom: 4em; }

.reglamentos .reg-section > h2 { margin:0; padding:0; max-width:none; background:#fff; }

.reglamentos .reg-section > ul { list-style:none ; margin:0; padding:1.5rem 0 1.75rem; }

.reglamentos .reg-section > ul.lstFaq-wrapper { list-style:none; }

.reglamentos .reg-section.reg-hidden { display:none; }

ul.lstFaq-wrapper > li.open h3,
ul.lstFaq-wrapper > li h3 { border-radius:initial; color: var(--auxiliarColor); }

/*---------- Acordeon por sub-tema (li.lstFaq) ---------------------------------------------------------*/
/* El abrir/cerrar (click en el h3, clase .open, mostrar/ocultar) ya lo provee el tema del sitio      */
/* (ort-scripts.js + ul.lstFaq-wrapper en layout.css); aca solo se ajustan detalles visuales propios.   */

#body.reglamentos li.lstFaq { list-style:none; margin:0 0 1em; padding:0; color:#000;
	border:1px solid var(--greyLightMd); border-radius: var(--boxRadius, 12px); overflow:hidden; /*background:var(--greyLight);*/ }



/*---------- Filas de cada reglamento (li dentro del panel que arma el tema) ---------------------------*/

.reglamentos li.lstFaq .lstFaq-content { padding:1.5rem 2rem 1.75rem; }

.reglamentos li.lstFaq .lstFaq-content > ul { list-style:none; margin:0; padding:0; display:grid; gap:.65em; }

.reglamentos li.lstFaq .lstFaq-content > ul > li.reg-hidden { display:none; }

/*---------- Buscador de reglamentos --------------------------------------------------------------------*/

.reglamentos .reg-search { position:relative;  margin:0 0 .5em; }

.reglamentos .reg-search:before { content: "\f002";
  position: absolute; left: 1.1rem; top: 50%;
  font-size: 1.05rem;  transform: translateY(-50%); opacity: .86;
}

.reglamentos #reg-search { display:block; width:100%; box-sizing:border-box; padding:.65em 2.6em .65em 2.8em;
	border:1px solid var(--greyLightMd); border-radius:14px;font-size:1rem; }

.reglamentos .reg-suggest a:hover,
.reglamentos .reg-suggest a:focus-visible,
.reglamentos li.lstFaq .lstFaq-content > ul > li:hover, /* {  background:#fff; border-color:#000; }*/
.reglamentos #reg-search:focus { border-color: #636363; }

.reglamentos .btn-clear { display:none; position:absolute; right:.5em; top:50%; transform:translateY(-50%);
	width:28px; height:28px; border:0; border-radius:50%; background:var(--greyLightMd); color:#000; line-height:1; cursor:pointer; }

.reglamentos .reg-search.has-value .btn-clear { display:block; }

.reglamentos .reg-suggest { position:relative; display:none; width:100%; max-height:380px; margin:.8em 0;
	padding:.45em; box-sizing:border-box; overflow:auto; border:1px solid var(--greyLightMd); border-radius:12px;
	background:#fff; box-shadow: 0 6px 18px rgba(54,54,54,.12); }

.reglamentos .reg-suggest.is-visible { display:block; position:relative; padding-bottom: 1em; }


.reglamentos li.lstFaq .lstFaq-content > ul > li,
.reglamentos .reg-suggest a { position:relative; display:block; width:100%; min-height: 4.1em;
	padding:.65em 2.2em .65em 3.5em; box-sizing:border-box; border:1px solid var(--greyLightMd);
	border-radius:9px; color:rgba(54,54,54,.72); text-decoration:none;
}

.reglamentos li.lstFaq .lstFaq-content > ul > li { padding:1em 2.2em 1em 3.5em;  }

.reglamentos .reg-suggest a + a { margin-top:.45em; }

#body.reglamentos li.lstFaq h3 
/*#body.reglamentos li.lstFaq .lstFaq-content > ul > li:hover,
#body.reglamentos .reg-suggest a:hover,
#body.reglamentos .reg-suggest a:focus-visible*/ { background:var(--greyLight); border-color: var(--greyLightMd); }

#body.reglamentos li.lstFaq .lstFaq-content > ul > li:hover,
#body.reglamentos li.lstFaq.open h3,
#body.reglamentos li.lstFaq h3:hover { background:#fff;}

.reglamentos #reg-search:focus,
.reglamentos .reg-suggest a:hover,
.reglamentos .reg-suggest a:focus-visible { outline:none; }

/* Icono fuera del flujo (pseudo-elemento): no depende de cuantos spans/nodos de texto tenga cada fila */
.reglamentos li.lstFaq .lstFaq-content > ul > li:before,
.reglamentos .reg-suggest a:before { content:"\f0c1"; position:absolute; top: 1em; left:.75em; transform: none;
	display:inline-flex; align-items:center; justify-content:center;
	width:34px; height:34px; border:1px solid var(--greyLightMd); border-radius:8px; color: var(--greyText);
	font-size:1.05rem; font-weight:700;
	box-shadow: 0 1px 3px rgba(54,54,54,.08);
}

.reglamentos li.lstFaq .lstFaq-content > ul > li.reg-pdf:before,
.reglamentos .reg-suggest a.reg-pdf:before { content:"\f1c1"; }

/* El icono y la flecha no deben interceptar el click; el overlay del <a> (mas abajo) es el que debe recibirlo */
.reglamentos li.lstFaq .lstFaq-content > ul > li:before,
.reglamentos li.lstFaq .lstFaq-content > ul > li:after { font-weight: 500; pointer-events:none; }

.reglamentos li.lstFaq .lstFaq-content > ul > li a,
.reglamentos .reg-title { color: var(--greyText); font-weight:700; text-decoration:none; }

/* Extiende el area clicable del link a todo el li */
.reglamentos li.lstFaq .lstFaq-content > ul > li a:before { content:""; position:absolute; top:0; left:0;
	width:100%; height:100%; z-index:1; cursor:pointer; }


.reglamentos .reg-doc { display:block; font-size:.86rem; }

.reglamentos .reg-location { display:block; color:rgba(54,54,54,.68); font-size:.84rem; }

.reglamentos .reg-location strong { color:rgba(54,54,54,.78); font-weight:600; }

.reglamentos li.lstFaq .lstFaq-content > ul > li:after,
.reglamentos .reg-suggest a:after { content:"\f061"; position:absolute; top:50%; right:.85em; transform:translateY(-50%);
	font-size:.82rem; opacity:.7; 
	@media screen and (max-width: 800px) { transform: none; top: 1.5em; }
}

.reglamentos .reg-status { max-width:420px; margin:0 0 1.5em; color:#666; font-size:.9rem; }

.reglamentos li.lstFaq .lstFaq-content > ul > li.reg-row-focus { border-color: rgba(102,16,32,.48) !important;
	box-shadow: 0 0 0 3px rgba(102,16,32,.16), 0 4px 12px rgba(99,99,99,.16) !important; }


.reglamentos .reg-search:before,
.reglamentos li.lstFaq .lstFaq-content > ul > li:before,
.reglamentos li.lstFaq .lstFaq-content > ul > li:after,
.reglamentos .reg-suggest a:before,
.reglamentos .reg-suggest a:after,
.reglamentos .reg-suggest.is-visible:after { font-family: var(--fontAwesome, "Font Awesome 6 Pro"); }


.reglamentos #reg-search,
.reglamentos li.lstFaq .lstFaq-content > ul > li a,
.reglamentos .reg-title,
.reglamentos .reg-doc,
.reglamentos .reg-location { font-family: var(--secondaryFont, "Open Sans", sans-serif); }


@media screen and (max-width: 800px) {
	.reglamentos #type-ortSection-container { max-width:none; padding: 0 6% 5em; }
}