/*
 CSS para la interacción principal
*/
.tabset>input[type="radio"] {
     position: absolute;
     left: -200vw;
}

.tabset .tab-panel {
     display: none;
}

.tabset .wrapper {
     display: none;
}

/*
Estilo
*/
.glosario .glosarioContenido {
     border: none;
     padding: 0;
}
.glosario .glosarioContenido ul.lstterminosleft, .glosario .glosarioContenido ul.lstterminosleft{
     padding-left: 1.5rem;
}

.tabset>label {
     position: relative;
     display: inline-block;
     padding: 10px 19px 25px;
     border: 1px solid transparent;
     border-bottom: 0;
     cursor: pointer;
     font-weight: 800;
}

.tabset>label{
     color: #123f6e;
     text-decoration: none;
}

.tabset>label::after {
     content: "";
     position: absolute;
     left: 17px;
     bottom: 10px;
     width: 10px;
     height: 4px;
     background: #123f6e;
}

.tabset>input:hover+label,
.tabset>input:focus+label{
     color: #e1ba0c;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
     background: #e1ba0c;
}

.tabset>input:checked+label {
     border-color: #e1ba0c;
     border-bottom: 1px solid #fff;
     margin-bottom: -1px;
     border-radius: 5px 5px 0px 0px;
}

.tab-panel {
     width: 100%;
     border-top: 1px solid #e1ba0c;
}

@media only screen and (max-width: 1306px) {
     .tabset input,
     .tabset label {
          display: none
     }
}

/* Buscador */
.glosario .se-advsrch input {
     border: 0px;
     margin: 0px;
     padding: 0px;
     color: inherit;
     background: none 0px center;
}

.glosario .se-advsrch form input {
     height: 38px;
     border-radius: 30px;
     box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 2px;
     padding: 8px 20px;
}

.glosario .se-advsrch input:focus {
     outline: currentcolor dotted 2px;
     outline-offset: 0px;
}

.glosario .se-advsrch form button {
     height: 38px;
     border-radius: 30px;
     box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 2px;
     padding: 8px 20px;
     box-sizing: content-box;
     font-family: Raleway, sans-serif;
     font-size: 1rem;
     line-height: 1.4;
     cursor: pointer;
     color: rgb(255, 255, 255);
}

.glosario .se-advsrch form button:focus {
     outline: rgb(2, 77, 136) dotted 1px;
     outline-offset: 1px;
}

.glosario .se-advsrch button:focus {
     outline: rgb(2, 77, 136) dotted 2px;
     outline-offset: 0px;
}

.glosario .se-advsrch .se-advcsch--main {
     margin: auto;
     width: 60%;
     padding-bottom: 50px;
}

.glosario .se-advsrch fieldset {
     border: 0px;
     margin: 0px;
     padding: 0px;
}

.glosario .se-advsrch .se-advsrch--mainlgnd {
     margin: 0px 0px 0.5rem;
     font-size: 1.625rem;
     color: rgb(21, 68, 129);
}

.glosario .se-modsrch--label {
     margin: 0px 0px 1rem;
}

.glosario .se-modsrch--wrap {
     display: flex;
     height: 3.125rem;
     margin: 2rem 0px;
}

.glosario .se-advsrch .se-modsrch--itxt {
     flex-grow: 1;
     padding: 0px 1em;
     height: auto;
     background: 0% 0% no-repeat padding-box padding-box rgb(249, 249, 249);
     box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px;
     border: 0px;
     border-radius: 30px 0px 0px 30px;
     font-family: inherit;
     font-size: 1rem;
}

.glosario .se-modsrch--itxt {
     flex-grow: 1;
     padding: 0px 1em;
     background: 0% 0% no-repeat padding-box padding-box rgb(249, 249, 249);
     box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px;
     border: 0px;
     border-radius: 30px 0px 0px 30px;
     font-family: inherit;
     font-size: 1rem;
}

.glosario .se-modsrch--itxt:focus {
     outline: rgb(21, 68, 129) solid 1px;
     outline-offset: -1px;
}

.glosario .se-advsrch .se-modsrch--sbmt {
     width: 50px;
     padding: 0px;
     height: auto;
     text-align: center;
     background-color: rgb(255, 255, 255);
     border: 0px;
     border-radius: 0px 30px 30px 0px;
     box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6px;
     color: rgb(21 68 129);
}

.glosario .se-modsrch--sbmt::after {
     content: "?";
     font-family: "Font Awesome 5 Free";
     font-size: 1.25rem;
     font-weight: 900;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
}

.glosario .se-advsrch .se-modsrch--sbmt:focus {
     color: rgb(255, 255, 255);
     background: linear-gradient(106deg, rgb(21, 68, 129) 0%, rgb(11, 34, 65) 100%) 0% 0% no-repeat padding-box padding-box transparent;
     outline: rgb(21, 68, 129) solid 1px;
}

@media screen and (max-width: 62rem) {
     .glosario .se-advsrch .se-advcsch--main {
          width: 75%;
          padding-bottom: 32px;
     }
}

@media screen and (max-width: 33rem) {
     .glosario .se-advsrch .se-advcsch--main {
          width: 100%;
          padding-bottom: 16px;
     }
}

/*
Desplegable
*/
.wrapper {
     margin: 3px auto auto;
     width: 100%;
     border-top: 1px solid #e1ba0c;
}

.select-btn,
.options li {
     display: flex;
     cursor: pointer;
     align-items: center;
}

.select-btn {
     height: 65px;
     font-size: 18;
     padding: 0 20px;
     border-radius: 7px;
     background: #fff;
     /* box-shadow: rgb(0 0 0 / 30%) 0px 3px 6px; */
     justify-content: space-between;
}

.select-btn i {
     font-size: 31px;
     transition: transform 0.3s linear;
     width: 40px;
     height: 40px;
     background: #e1ba0c;
     border-radius: 100%;
     text-align: center;
     line-height: 40px;
     vertical-align: middle;
     color:white;
}

.select-btn i::before{
     content: "\f078";
     font-family: 'Font Awesome 5 Free';
     font-size: 1.5rem;
     font-weight: 900;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1;
     transition: transform .3s;

     
}

.wrapper.active .select-btn i {
     transform: rotate(-180deg);
}

.content {
     display: none;
     padding: 1px;
     margin-top: 10px;
     border-radius: 7px;
     background: #f9f9f9;
     box-shadow: rgb(0 0 0 / 30%) 0px 3px 6px;
}

.wrapper.active .content {
     display: block;
}

.content .options {
     margin-top: 10px;
     max-height: 250px;
     overflow-y: auto;
     padding-left: 10px;
     padding-right: 10px;
}

.options::-webkit-scrollbar {
     width: 7px;
}

.options::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 25px;
}

.options::-webkit-scrollbar-thumb {
     background: #154481;
     border-radius: 25px;
}

.options li {
     height: 50px;
     padding: 10px 13px;
     font-size: 18px;
     border-radius: 5px;
}

.options li:hover {
     background: #f2f2f2;
}

.options li:has(span){
     color: #154481;
     background: #f2f2f2;
}

.uil-angle-down:before {
     color: white;
     border-radius: 100%;
     background: #e1ba0c;
}
@media only screen and (max-width: 1306px) {
     .tabset .wrapper {
          display: block
     }
}
.glosario {padding-top:25px;}
.glosarioMenu{width: 3rem;background-color: #123f6e;float: left;margin-right: 0.5rem;}
.lstAbecedario{text-align: center; margin-bottom: 0;padding: 0;list-style: none;}
.lstAbecedario li{position: relative;}
.glosario .glosarioMenu .lstAbecedario li a{color:#ffffff; display: block; height: 2.5rem; width: 3rem; padding-top: 0.5rem;text-decoration:none;}
.glosario .glosarioMenu .lstAbecedario li:hover{background-color: #ececec;}
.glosario .glosarioMenu .lstAbecedario li:hover a{color: #00226e;}
.lstAbecedario li span{display: block; height: 2.5rem; width: 3rem;}
.glosario .glosarioMenu .lstAbecedario li span a{background-color: #ececec;color:#00226e; display: block;height: 2.5rem;width: 3rem; padding-top: 0.5rem;}
.glosario .formularioBusqueda{margin-bottom: 3rem;text-align: center;width: 100%;}
.glosario .formularioBusqueda label{font-size: 0.8rem;width: 10rem;margin-bottom:0;}
.glosario .formularioBusqueda #textobuscar{height: 2rem;width: 60%;min-width:8rem;border: 1px solid #808080;border-radius: 5px;margin-right: 0.5rem;}
.glosario .formularioBusqueda .buscarBtn{background-color: #00226e;color: #ffffff;border-radius: 5px;min-width: 8rem;height: auto;cursor: pointer;text-transform: uppercase;padding: 6px !important;font-size: .9rem;box-sizing: border-box;}
.glosario .glosarioContenido {padding:0 2rem 1rem 0;background-color: #ffffff;display: flex;flex-direction: row;}
.glosario .glosarioContenido ul.lstterminosleft,.glosario .glosarioContenido ul.lstterminosleft{width: 100%;padding:0;}
.glosario .glosarioContenido ul li{list-style: disc;width: 47%;margin-bottom: 1rem; margin-right: 3%;}
.glosario .glosarioContenido ul li.linkleft{float: left;}
.glosario .glosarioContenido ul li.linkright{float: right;}
.glosario .glosarioContenido ul li a {color: #123f6e;font-weight: bold;cursor: pointer;}
.glosario .glosarioContenido ul li > a:hover{text-decoration: underline;}
.glosario .glosarioContenido ul li.linkright li , .glosario .glosarioContenido ul li.linkleft li{width: 100%;}
.glosario #pie_contenido{margin-top: 3rem;text-align: center;}
.glosario #pie_contenido a{display: inline;padding: 0.2rem 0.5rem;border: 1px solid #123f6e;border-radius: 5px;}
.glosario #pie_contenido a:hover{background-color: #123f6e;color:#ffffff;}

.glosario .glosarioMenu .lstAbecedario li span::after{content:"";position: absolute;top: 0;right: -19px;width: 0;height: 0;border-left: 19px solid #ececec;border-top: 20px solid transparent;border-bottom: 20px solid transparent;}
.glosario .glosarioMenu .lstAbecedario li span::before{content:"";position: absolute;top: 0;right: -22px;width: 0;height: 0;border-left: 19px solid #ffff;border-top: 20px solid transparent;border-bottom: 20px solid transparent;}

li.linkleft > div, li.linkright > div {position: absolute; left:6rem;box-shadow: #0000004d 0px 1px 10px; background: #ffffff;padding: 3rem;width: 85%; z-index: 10;margin-top: 15px;}
li.linkleft > div::before , li.linkright > div::before {content: "";position: absolute;width: 20px;height: 16px;background-color: #ffffff;z-index: 1;box-shadow: #00000014 -3px 2px 3px;transform: rotate( 116deg ) skew( -36deg );-moz-transform: rotate( 116deg  ) skew( -36deg  );-ms-transform: rotate( 116deg ) skew( -36deg );-o-transform: rotate( 116deg ) skew( -36deg );-webkit-transform: rotate( 116deg ) skew( -36deg );}
li.linkleft > div::before{top: -6px;left: 25px;}
li.linkright > div::before{top: -6px;right: 35px;}
.closeDescription{position: absolute;top: 14px;right: 20px;}
.closeDescription a:hover{text-decoration: none;}
.titleTerm {color: #123f6e;font-weight: bold;font-size: 1.1rem;padding-bottom: 1rem;}

@media (max-width: 576px) {
  .glosario .glosarioContenido {flex-direction: column;}
  .glosario .formularioBusqueda {display:block;}
  .glosario .formularioBusqueda label {font-size: 0.8rem;width: 100%;margin:1rem 0;}
  .glosario .glosarioContenido ul.lstterminosleft,.glosario .glosarioContenido ul.lstterminosleft{width: 100%;}
  li.linkleft > div, li.linkright > div{width: 80%;padding: 2rem; left: 5rem;}
}
@media (max-width: 992px){
	.glosario .glosarioContenido{ padding: 1rem 1rem 1rem 2rem; }
	.glosario .glosarioContenido ul li{list-style: disc;width: 100%;margin-bottom: 1rem; margin-right: 0%;}
	.glosario .formularioBusqueda #textobuscar{ margin-right: 0; }
	.glosario .formularioBusqueda .buscarBtn{margin-top: 0.5rem;}
	li.linkright > div::before{top: -6px;left: 25px;}
}