/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/***
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: barra accesibilidad
 */

.content-example-barra {
  margin-left:auto ;
  margin-right: auto;
  }

.barra-accesibilidad-letra{
  width: 100%;
  align-items: center;
  text-align: center;
}

/* Cuando el modo de alto contraste está activo */
body.modo_oscuro-govco {
  background-color: #000000 !important;
  color: #ffffff !important; /* Cambia el color del texto a blanco */
}

/* Especificar para los elementos brxe-section, brxe-block, brxe-container, brxe-eetpct.brxe-div, brxe-chgkxl .brxe-pvktqa.brxe-div, brxe-chgkxl.brxe-div, .accordion__faqs .accordion-item, #brxe-nxeoln, .brxe-kpncfj.brxe-div, .brxe-chefrv.brxe-div */
body.modo_oscuro-govco .brxe-section,
body.modo_oscuro-govco .brxe-block,
body.modo_oscuro-govco .brxe-container,
body.modo_oscuro-govco .brxe-eetpct.brxe-div,
body.modo_oscuro-govco .brxe-chgkxl .brxe-pvktqa.brxe-div,
body.modo_oscuro-govco .brxe-chgkxl.brxe-div,
body.modo_oscuro-govco .accordion__faqs .accordion-item,
body.modo_oscuro-govco #brxe-nxeoln,
body.modo_oscuro-govco .brxe-kpncfj.brxe-div,
body.modo_oscuro-govco .brxe-chefrv.brxe-div {
  background-color: #000000 !important; /* Fondo oscuro */
  color: #ffffff !important; /* Texto blanco */
}

/* Fondo diferente para cada uno, si es necesario */
body.modo_oscuro-govco .brxe-section {
  background-color: #333333 !important; /* Fondo gris oscuro para las secciones */
}

body.modo_oscuro-govco .brxe-block {
  background-color: #111111 !important; /* Fondo aún más oscuro para los bloques */
}

body.modo_oscuro-govco .brxe-container > div {
  background-color: #222222 !important; /* Fondo intermedio para los contenedores */
  color: #ffffff !important; /* Texto blanco */
}

body.modo_oscuro-govco .brxe-eetpct.brxe-div {
  background-color: #444444 !important; /* Fondo más suave para brxe-eetpct.brxe-div */
}

body.modo_oscuro-govco .accordion-title svg {
	background-color: #fff;
}

body.modo_oscuro-govco .brxe-chgkxl .brxe-pvktqa.brxe-div {
  background-color: #555555 !important; /* Fondo más suave para .brxe-chgkxl .brxe-pvktqa.brxe-div */
}

body.modo_oscuro-govco .brxe-chgkxl.brxe-div {
  background-color: #666666 !important; /* Fondo más suave para .brxe-chgkxl.brxe-div */
}

/* Estilos específicos para #brxe-nxeoln */
body.modo_oscuro-govco #brxe-nxeoln {
  background-color: #333333 !important; /* Fondo gris oscuro */
  border: 1px solid #555555 !important; /* Borde gris */
}

body.modo_oscuro-govco .brxe-breadcrumbs span {
  color: #fff !important;
}

body.modo_oscuro-govco .brxe-container > a svg {
   background-color: #fff !important; /* Fondo oscuro */
}

body.modo_oscuro-govco .brxe-container > a svg:hover {
   background-color: #000000 !important; /* Fondo oscuro */
}

body.modo_oscuro-govco .brx-dropdown-content {
	background-color: #222222 !important;
}

body.modo_oscuro-govco .brxe-social-icons li {
   color: #fff !important;
}

body.modo_oscuro-govco .brxe-div > a {
  background-color: #222222 !important; /* Fondo intermedio para los contenedores */
  color: #ffffff !important; /* Texto blanco */
}

/* Estilos específicos para .brxe-kpncfj.brxe-div */
body.modo_oscuro-govco .brxe-kpncfj.brxe-div {
  background-color: #444444 !important; /* Fondo más suave para brxe-kpncfj.brxe-div */
  color: #ffffff !important; /* Texto blanco */
}

/* Estilos específicos para .brxe-chefrv.brxe-div */
body.modo_oscuro-govco .brxe-chefrv.brxe-div {
  background-color: #555555 !important; /* Fondo más suave para brxe-chefrv.brxe-div */
  color: #ffffff !important; /* Texto blanco */
}

/* Estilos para los enlaces dentro de .brxe-block .brx-grid */
body.modo_oscuro-govco .brxe-block .brx-grid a {
  color: #ffffff !important; /* Texto blanco para los enlaces */
  text-decoration: underline !important; /* Subraya los enlaces */
}

body.modo_oscuro-govco .brxe-block .brx-grid a:hover {
  color: #dddddd !important; /* Cambia el color a gris claro al pasar el cursor sobre el enlace */
}

/* Estilo para los div hijos con la clase .brxe-block */
body.modo_oscuro-govco .brxe-block > div {
  background-color: #333333 !important; /* Fondo gris oscuro para los div hijos de .brxe-block */
  color: #ffffff !important; /* Texto blanco */
}

/* Estilo para los div hijos con la clase .brxe-block */
body.modo_oscuro-govco .brxe-div > div {
  background-color: #333333 !important; /* Fondo gris oscuro para los div hijos de .brxe-block */
  color: #ffffff !important; /* Texto blanco */
}

body.modo_oscuro-govco .brxe-accordion .accordion-item {
  background-color: #000000 !important;
  color: #ffffff;
}

/* Estilo para los div hijos con la clase .brxe-block */
body.modo_oscuro-govco .brxe-div svg {
  background-color: #fff !important; /* Fondo gris oscuro para los div hijos de .brxe-block */
}

body.modo_oscuro-govco .brx-submenu-toggle svg {
  background-color: #ffffff00 !important;
}

/* Estilo para los div hijos con la clase .brxe-block */
body.modo_oscuro-govco .brxe-block > a {
  background-color: #333333 !important; /* Fondo gris oscuro para los div hijos de .brxe-block */
  color: #ffffff !important; /* Texto blanco */
  border: 1px solid #555555 !important; /* Borde gris para mejorar contraste */	
}

/* Si quieres personalizar los bordes de los div hijos, puedes hacerlo de la siguiente manera */
body.modo_oscuro-govco .brxe-block > div {
  border: 1px solid #555555 !important; /* Borde gris para mejorar contraste */
}

/* Estilos para los div hijos de .brxe-block al pasar el cursor */
body.modo_oscuro-govco .brxe-block > div:hover {
  background-color: #444444 !important; /* Cambia el fondo al pasar el cursor */
  border: 1px solid #888888 !important; /* Borde gris más claro al pasar el cursor */
}

/* Estilos para el sub-menú dentro de #brxe-guiuij .bricks-nav-menu */
body.modo_oscuro-govco #brxe-guiuij .bricks-nav-menu .sub-menu {
  background-color: #222222 !important; /* Fondo gris oscuro para el sub-menú */
  color: #ffffff !important; /* Texto blanco */
}

/* Estilos al pasar el cursor sobre los elementos del sub-menú */
body.modo_oscuro-govco #brxe-guiuij .bricks-nav-menu .sub-menu li:hover {
  background-color: #444444 !important; /* Fondo gris más claro para los elementos del sub-menú al pasar el cursor */
}

/* Asegúrate de que los elementos de texto tomen el color blanco */
body.modo_oscuro-govco h1, 
body.modo_oscuro-govco h2, 
body.modo_oscuro-govco h3, 
body.modo_oscuro-govco h4, 
body.modo_oscuro-govco h5, 
body.modo_oscuro-govco h6, 
body.modo_oscuro-govco p, 
body.modo_oscuro-govco a {
  color: #ffffff !important; /* Cambia a blanco */
}

/* Estilos para las tablas */
body.modo_oscuro-govco table, 
body.modo_oscuro-govco th, 
body.modo_oscuro-govco td {
  background-color: #000000 !important; /* Fondo negro */
  color: #ffffff !important; /* Texto blanco */
  border: 1px solid #ffffff !important; /* Bordes de la tabla blancos */
}

/* Asegúrate de que los enlaces en el contraste alto sean visibles */
body.modo_oscuro-govco a {
  color: #00ff00 !important; /* Cambia el color del enlace a verde brillante */
}

body.modo_oscuro-govco a:hover {
  color: #ff0000 !important; /* Cambia el color del enlace al pasar el ratón */
}

.barra-accesibilidad-letra .titulo-barra-accesibilidad{
color: #000;
font-family: Montserrat-SemiBold;
font-size: 20px;
margin: 0px;
}

.barra-accesibilidad-letra .descripcion-barra-accesibilidad{
  color: #4B4B4B;
  font-family: WorkSans-Regular;
  font-size: 16px;
  margin: 0px;
}

.barra-accesibilidad-govco {
    height: 143px;
    width: 48px;
    position: fixed;
    right: 0;
    top: 35%;
    background-color: #004884 !important;
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    padding-bottom: 20px;
    align-items: center;
	z-index: 999;
}

.barra-accesibilidad-govco button
{
  line-height: inherit;
}

.barra-accesibilidad-govco .icon-contraste {
    background: #004884;
    text-align: center;
    width: 48px;
    height: 40px;
    border: none;
    outline: none;
    text-decoration: none;
}

.barra-accesibilidad-govco .icon-contraste::after {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-contraste.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.barra-accesibilidad-govco #titlecontraste {
    text-align: left;
    position: absolute;
    background: #3366CC;
    color: #fff;
    line-height: normal !important;
    font-family: WorkSans-Medium !important;
    font-size: 14px !important;
    margin-top: -8px;
    opacity: 0;
    width: 172px;
    height: 40px;
    border-radius: 10px 0px 0px 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.barra-accesibilidad-govco  button:hover #titlecontraste{
    opacity: 1;
    visibility: visible;
    margin-left: -135px;
}

.icon-contraste:hover::after  {
	content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-contraste.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.icon-contraste:focus #titlecontraste {
    font-family: WorkSans-Medium !important;
    opacity: 1;
    line-height: normal!important;
    visibility: visible;
    margin-left: -136px;
    outline: 2px solid #000;
    outline-offset: 2px;
  }

.icon-contraste:focus::after  {
    content: '';
    background: url(https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-contraste.svg) no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position: relative;
}

.barra-accesibilidad-govco .icon-reducir {
    background: #004884;
    text-align: center;
    width: 48px;
    height: 40px;
    border: none;
    outline: none;
    text-decoration: none;
}

.barra-accesibilidad-govco .icon-reducir::after {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-disminuir-letra.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.barra-accesibilidad-govco #titledisminuir {
    text-align: left;
    position: absolute;
    background: #3366CC;
    color: #fff;
    line-height: normal !important;
    font-family: WorkSans-Medium !important;
    font-size: 14px !important;
    margin-top: -8px;
    opacity: 0;
    width: 172px;
    height: 40px;
    border-radius: 10px 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.barra-accesibilidad-govco button:hover #titledisminuir {
    opacity: 1;
    visibility: visible;
    margin-left: -135px;
}

.icon-reducir:hover::after  {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-disminuir-letra.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.icon-reducir:focus #titledisminuir {
    font-family: WorkSans-Medium !important;
    opacity: 1;
    line-height: normal!important;
    visibility: visible;
    margin-left: -136px;
    outline: 2px solid #000;
    outline-offset: 2px;
}

 .icon-reducir:focus::after  {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-disminuir-letra.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.barra-accesibilidad-govco .icon-aumentar {
    background: #004884;
    text-align: center;
    width: 48px;
    height: 40px;
    border: none;
    outline: none;
    text-decoration: none;
}

.barra-accesibilidad-govco .icon-aumentar::after {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-aumentar-letra.svg') no-repeat center center;
    background-size: contain; /* Asegura que el SVG se ajuste bien */
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 5px;
    position: relative;
    margin-left: 0px; /* Ajusta el espaciado si es necesario */
}

.barra-accesibilidad-govco #titleaumentar {
    text-align: left;
    position: absolute;
    background: #3366CC;
    color: #fff;
    line-height: normal !important;
    font-family: WorkSans-Medium !important;
    font-size: 14px !important;
    margin-top: -8px;
    opacity: 0;
    width: 172px;
    height: 40px;
    border-radius: 10px 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.barra-accesibilidad-govco button:hover #titleaumentar {
    opacity: 1;
    visibility: visible;
    margin-left: -135px;
}

.icon-aumentar:hover::after  {
content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-aumentar-letra.svg') no-repeat center center;
    background-size: contain; /* Asegura que el SVG se ajuste bien */
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 5px;
    position: relative;
    margin-left: 0px; /* Ajusta el espaciado si es necesario */
}

.icon-aumentar:focus #titleaumentar {
    font-family: WorkSans-Medium !important;
    opacity: 1;
    line-height: normal!important;
    visibility: visible;
    margin-left: -136px;
    outline: 2px solid #000;
    outline-offset: 2px;
}

.icon-aumentar:focus::after  {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-aumentar-letra.svg') no-repeat center center;
    background-size: contain; /* Asegura que el SVG se ajuste bien */
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 5px;
    position: relative;
    margin-left: 0px; /* Ajusta el espaciado si es necesario */
}

.active-barra-accesibilidad-govco {
    background-color: #3366CC !important;
}

.active-barra-accesibilidad-govco.icon-aumentar::after {
   content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-aumentar-letra.svg') no-repeat center center;
    background-size: contain; /* Asegura que el SVG se ajuste bien */
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 5px;
    position: relative;
    margin-left: 0px; /* Ajusta el espaciado si es necesario */
}

.active-barra-accesibilidad-govco.icon-reducir::after {
    content: '';
    background: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-disminuir-letra.svg') no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position:relative;
}

.active-barra-accesibilidad-govco.icon-contraste::after {
    content: '';
    background: url(https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-contraste.svg) no-repeat center center;
    font-weight: 900;
    line-height: 0;
    height: 24px;
    width: 24px;
    color: #004884;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    opacity: 1;
    position: relative;
}


.modo_oscuro-govco {
  width: 100%;
  background-color: #000;
  color: #fff;
}


.modo_oscuro-govco .titulo-barra-accesibilidad{
  font-family: Montserrat-SemiBold;
  font-size: 20px;
  margin: 0px;
}

.modo_oscuro-govco .descripcion-barra-accesibilidad{
    font-family: WorkSans-Regular;
    font-size: 16px;
    margin: 0px;
}

.modo_claro-govco {
  width: 100%;
  align-items: center;
  text-align: center;
  background-color: #fff;
}

.modo_claro-govco  .titulo-barra-accesibilidad{
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    margin: 0px;
}

.modo_claro-govco  .descripcion-barra-accesibilidad{
    color: #4B4B4B;
    font-family: WorkSans-Regular;
    font-size: 16px;
    margin: 0px;
}

@media (max-width: 1900px) {
  /* … */
}

.barra-accesibilidad-govco {
    top: 25%;
}

@charset "UTF-8";

/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: volver arriba
*/

/* Volver arriba */

.volver-arriba-govco {
  color: #FFFFFF;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #3366CC 0% 0% no-repeat padding-box;
  background-image: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-volver-arriba.svg');
  background-size: 50%;
  background-position: center;
  box-shadow: 4px 4px 6px #00000029;
  transform: translateX(0); /* No aplicar transformación en su estado normal */
  transition: all 300ms;
  text-align: center;
  border-width: 0px;
  position: fixed; /* Fijo en la pantalla */
  bottom: 20px; /* Espacio desde el borde inferior */
  right: 20px; /* Espacio desde el borde derecho */
  z-index: 9999; /* Asegura que el botón se muestre por encima de otros elementos */
}

.volver-arriba-govco:hover {
  color: white;
  width: 118px;
  height: 54px;
  background: #004884 0% 0% no-repeat padding-box;
  background-image: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-volver-arriba.svg');
  background-size: 36px;
  background-position: 10px center;
  box-shadow: 4px 4px 6px #00000029;
  border-radius: 27px 10px 10px 27px;
  border-width: 0px;
  transform: translateX(0); /* No mover el botón en el estado hover */
  transition: all 300ms;
}

.volver-arriba-govco:hover::after {
  content: "Volver arriba";
  color: white;
  position: absolute;
  text-align: center;
  font: normal normal medium 16px/19px Work Sans;
  letter-spacing: 0px;
  margin-top: -20px;
  margin-left: -5px;
  line-height: 1.2;
  width: 52px;
  height: 42px;
  transform: none;
}

.volver-arriba-govco:focus,
.volver-arriba-govco:active {
  color: white;
  width: 118px;
  height: 54px;
  background: #004884 0% 0% no-repeat padding-box;
  background-image: url('https://www.unilibre.edu.co/wp-content/uploads/2024/11/icono-volver-arriba.svg');
  background-size: 36px;
  background-position: 10px center;
  box-shadow: 4px 4px 6px #00000029;
  border-radius: 27px 10px 10px 27px;
  border-width: 0px;
  outline: 7px double black !important;
  transform: translateX(0); /* No mover el botón en el estado hover */
  transition: all 300ms;
}