:root {
  --bg-green_olive: #7f9174;
  --bg-green_olive: #E1DEDE;
  --bg-jade: #144653;
  --bs-jade: #144653;
  --bs-green_olive-rgb: 127, 145, 116;
  --bs-jade-rgb: 20, 70, 83;
	--bs-bg-opacity: 1;
}



.header .header-logo {
  width: 5rem !important;
}


.header .header-logo img {
  max-height: 4.0rem;
}

.carousel .carousel-inner, .carousel .carousel-inner .carousel-item, .carousel .carousel-inner .item, .slider .carousel {
  min-height: 34.2rem;
}

.header .dropdown-menu {
  border-top: 3px solid var(--bs-jade) !important;
}

.top-nav {
  background: var(--bs-jade) !important;
}

.bg-boton-accesos {
  background: #0e1826;
}

.bg-boton-accesos:active {
  background: #0e1826;
}

.bg-boton-accesos:hover {
  color: var(--bs-jade) !important;
  background-color: #ffffff !important;
}

.app-header {
  background-color: white;
 /*background-image: url('../img/bg_header.jpg');*/
  background-repeat: no-repeat;
  background-position: top right;
  /*padding: 10px 18px 10px 18px;*/
  padding: 7px
}

.app-top-menu .menu .menu-submenu {
  border-top: 3px solid var(--bs-jade);
  background:gris;
  border-radius: 0px 0 5px 5px;
  -webkit-box-shadow: 0 16px 16px rgb(0 0 0 / 15%);
  box-shadow: 0 16px 16px rgb(0 0 0 / 15%);
  padding: 0px 15px 0px 15px;
}

.dropdown:hover {background:rgb(173, 173, 173);color:white;}
.dropdown-content a:hover{color:white;}
.dropdown-item:hover{
  /*Modifica lo que quieras*/
  /*background:rgb(41, 41, 41);*/
  background:#706e6e;
  color:white;
}

@media (min-width: 1200px){
  .submenu {
      /* display: block !important; */
      left: 10%;
      margin-top: 2.5px;
      margin-left: 50%;
  }
}

@media (min-width: 992px){
  .submenu {
      /* display: block !important; */
      left: 10%;
      margin-top: 2.5px;
      margin-left: 50%;
  }
}

.nav-link:hover{
  background:rgb(173, 173, 173);
  color:white;
}

.app-header .navbar-brand {
  color: #fff;
}

.app-header .navbar-nav .navbar-item .navbar-link {
  color: #fff;
}

.app-header .navbar-brand {
  color: #fff;
}

.app-header .navbar-nav .navbar-item .navbar-link {
  color: #fff;
}

.navbar-dark .navbar-nav  {
  /*color: #bdb9b9;*/
  color:#faf5f5;
  font-size: .95rem !important;
  /*letter-spacing: 0.80px;*/
}

.nav-link{
  color:#706e6e;
}

.navbar-toggler {
  background: #ccc;
}

.navbar-dark .navbar-nav .navbar-dark .navbar-nav  {
  color:#706e6e;
}

.nav-link:hover{
  color:rgb(255, 255, 255);
  background: #706e6e;
}

.nav-link:focus{
  color:rgb(255, 255, 255);
  background: #ccc;
}

@media (min-width:1350px){
  .navbar li{
    margin-left: 3em;
    margin-right: 3em;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
}


.dropdown-toggle::after {
  display: inline-block;
  /*margin-left: 0.255em;*/
  /*vertical-align: 0.255em;*/
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

a.dropdown-item:hover, a.nav-link:hover {
  text-decoration: none !important;
}


@font-face {
  font-family: "SohoGothicPro-Bold";
  src: url("../webfonts/SohoGothicPro-Bold.eot");
  /* IE9*/
  src: url("../webfonts/SohoGothicPro-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("../webfonts/SohoGothicPro-Bold.woff2") format("woff2"),
    /* chrome、firefox */
    url("../webfonts/SohoGothicPro-Bold.woff") format("woff"),
    /* chrome、firefox */
    url("../webfonts/SohoGothicPro-Bold.ttf") format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("../webfonts/SohoGothicPro-Bold.svg#SohoGothicPro-Bold") format("svg");
  /* iOS 4.1- */
}

@font-face {
  font-family: "Gotham-bold";
  src: url("../webfonts/gotham-bold.ttf");
}

@font-face {
  font-family: "Gotham Regular";
  src: url("../webfonts/Gotham Regular.ttf");
}

@font-face {
  font-family: "SohoGothicPro-Regular";
  src: url("../webfonts/SohoGothicPro-Regular.ttf");
}

@font-face {
  font-family:"Gotham-ultra";
    src: url("../webfonts/gotham-ultra.ttf");
}

.navbar {
  box-shadow: 0 5px 5px rgb(11 17 23 / 25%);
  /*font-family: "Gotham Regular";*/
  font-family: "SohoGothicPro-Regular";
}

h1, h2, h3 {
  font-family: "SohoGothicPro-Bold";
  color: "#243746 ";
  filter: brightness(1.2);
  font-weight: 400;
}

h4, h5, h6 {
  font-family: "SohoGothicPro-Regular";
  color: "#243746 ";
  filter: brightness(1.2);
  font-weight: 400;
}

.skills > h5 {
	color: #ffffff;
}

.bg-green_olive {
  /*background-color: rgba(var(--bs-green_olive-rgb), var(--bs-bg-opacity)) !important;*/
  background-color : white;
}

.bg-jade {
  /*background-color: rgba(var(--bs-jade-rgb),var(--bs-bg-opacity)) !important;*/
  background-color : white;
}

.btn-success{
  color: #fff;
  background-color: #0f353e;
  border-color: #0f353e;
}

.btn-outline-primary{
  color: #fff;
  background-color: #0f353e;
  border-color: #0f353e;
}

/* Estilo para el bóton de los tipos de tramites en la página de inicio*/
.btn:hover{
  color: #fff;
  /*background-color: #2a545e;*/
  background-color: #0e1826;
  border-color: #0f353e;
}

.cat-cap{
  font-size: 13px;
}

.btn-giant {
  text-align: center;
  color: #fff;
  border-radius: 15px;
  box-shadow: 1px 1px 5px #000;
}

a{
  color: #074278;
 }

 a:hover{
  color:#0e1826;
}


.pace-running::after{
  color:black;
  background-color: black;
 }

 .pace-running::before{
  color:black;
  background-color: black;
 }

 .pace-running{
  background: black;;
 }

 .pace .pace-progress{
  background: black;
  color:black;
 }
 
 th.tableInformacionTransparencia{
  background: #485760;
  color:#fff;
  text-align: center;
 }

 .active>.page-link, .page-link.active {
  z-index: 3;
  color: #fff;
  background-color: #485760;
  border-color: #485760;
}

table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
  border-top-width: 1px;
  background-color: #485760;
  border-color: #485760;
  color: #fff;
}

.btn-success:hover{
  color: #fff;
  background-color : #0e1826;
  border-color: #0f353e;
}

.btn-success:focus{
  color: #fff;
  background-color :#0f353e;
  border-color: #0f353e;
}

.texto_banner{
  font-size: 2rem;
  text-align: center;
  top:0px;
  padding:0px 33px 15px;
 }

 .btn-ver_mas{
  box-sizing: flex;
  justify-content: center;
  align-items: center;
  background: #5F5F5F;
  color:#fff;
  border-radius: 10px;
  display: flex;
 }

 .titulo_acceso{
  font-family: "SohoGothicPro-Regular";
  font-size:25px;
  color:#2d4654;
}

.bg-boton-accesos_carrera{
  background: #485760;
}

.competencias{
  color:#4a4747;
}


.tramites_servicios{
  /*padding: 38px 14px 51px;*/
  padding: 18px 1px 82px;
    border-radius: 17px;
  height:160px;
  border:none;
  color:#2d4654;
  width: 100%;
  transition: all ease 0.3s;
}

.tramites_servicios:hover{
  background-color:#2d4654;
  color:white;
  border-color: white;
  transform: translateY(-10px);
  box-shadow: 0px 15px 25px 5px rgba(0, 0, 0, 0.25);
}

.ver_mas_t:hover{
  background: white;
  color:#0e1826;
}

.ver_mas_t{
  padding: 38px 14px 51px;
    border-radius: 17px;
  height:160px;
  border:none;
  background:#7D7D7D;
  color:white;
}

.ver_mas i {
  font-size: 40px;
  color: #D2DBCC;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 13px;
}

.btnSitiosRel{
  margin: 10px auto 10px auto;
}
.btnSitiosRel img {
  width: auto;
  max-height: 50px;
}

.vinculo_generico{
  color:black;
}

.archivos_directorio_pdf{
  color:white;
  background: #485760;
}

.btn_tramites_servicios_iniciar{
  background: #0e1826;
  color: white;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.btn_tramites_servicios_iniciar:hover{
  background: white;
  color: #0e1826;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}


.btn_tramites_servicios_ir{
  background: #1c033e;
  color: white;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.btn_tramites_servicios_ir:hover{
  background: white;
  color: #1c033e;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.titulo_card{
  background: #485760;
  background-image: url('<?=base_url()?>/assets/img/banner_tramites_servicios.png');
    color: white;
}

.tab{
  overflow: hidden;
  border:1px solid #ccc;
  background-color: #f1f1f1;
  font-family:"SohoGothicPro-Regular";
}

.tabcontent{
  font-family:"SohoGothicPro-Regular";
}

.tab button{
  background-color: inherit;
  float:left;
  border:none;
  outline:none;
  cursor:pointer;
  padding:14px 16px;
  transition:0.3s;
  font-size:17px;
  color:#485760;
}

.tab button:hover{
  /*background-color:#ddd;*/
  background-color: #515254;
  color:#CCC;
}

.tab button.active{
  background-color:#ccc;
}

.tabcontent{
  display:none;
  padding:6px 12px;
  border:1px solid #ccc;
  border-top:none;
}

.collapsible{
  /*background-color: #777;*/
  background-color: slategrey;
  color:white;
  cursor: pointer;
  padding:18px;
  width: 100%;
  border:none;
  text-align: left;
  outline:none;
  font-size:15px;
}

.collapsible:after {
    /*content: '\002B';*/
  content: "\2335";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.ubicacion_tramites_servicios{
  color:inherit;
}

.active:after {
  content: "\2212";
}

.filtro_busqueda{
  font-size: 15px;
}

.cantidad_tramites_servicios{
  font-size:20px;
}

.encabezado_total{
  font-weight:bold;
}

.card_tsj{
  background-color: #2e3942;
    color: white;	
}

.card_cj{
  background-color: #485760;
    color: white;
}

.en_linea{
  color: white;
  background-color: #456c7c;
  font-size: 13px;
  font-weight: 600;
  border-radius: 24px;
  padding: 0.3rem 1rem;
  display: inline-block;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.pre_solicitud{
  color: white;
  background-color: #657081;
  font-size: 13px;
  font-weight: 600;
  border-radius: 24px;
  padding: 0.3rem 1rem;
  display: inline-block;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.presencial{
  color: white;
  background-color: #42684b;
  font-size: 13px;
  font-weight: 600;
  border-radius: 24px;
  padding: 0.3rem 1rem;
  display: inline-block;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

a.linkDocumentos:hover {
  background-color: #293137;
}
a.linkDocumentos:active {
  background-color: black;
}
a.linkDocumentos:visited {
  background-color: #ccc;
}
a.linkDocumentos {
  background-color: #144653;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  display: block;
  margin: 10px 10px;
}

#btnConsultarDocumentos{
  margin-left: auto;
  margin-right: auto;
}

.datoObligatorioA::after {
  content: " (*)";
  color: red;
}

.datoObligatorio::before {
  content: "* ";
  color: red;
  font-weight: bold;
}

.info{
  font-size: 15px !important;
}

.category-container .category-sidebar {
  width: 33.625rem;
}
.category-item.full {
  width: 100%;
}

.btn-giant {
  display: flex!important;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  float: left;
  width: 95%;
  height: 120px;
  margin-bottom: 8px;
  margin-right: 5px;
  padding: 10px 15px;
  font-size: 12px;
  text-align: center;
  color: white;
  border-radius: 0;
  white-space: normal;
text-align: center;
  color: #fff;
  border-radius: 15px;
  box-shadow: 1px 1px 5px #000;
}
.btn-giant span {
    font-size: 36px;
    display: block;
    margin-bottom: .3em;
}

.btn-navegacion {
  color: #fff;
  background-color: #1a2229;
  border-color: #fafcfc;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

.hd_titulo{
  background-image:url(../img/hd_titulo.jpg);
  padding-top: 35px;
  height:116px;
  background-position:right;
  background-repeat: no-repeat;
  background-size:cover;
}

.hd_subtitulo{
  background-color: #2e3942;
  border:2px solid;
  color:white;
  padding-top: 20px;
  height:80px;
}

subtitulo{
  margin-left:15px;
}

.tarjetas_tramites_servicios{
  text-align: justify;
  margin-right: 14px;
  margin-left: -15px;
}

.introjs-tooltipbuttons{
  display: none;
}

  /* ============================
  Estilos para el Corrousel
  ============================ */

/* Aplica estilos modernos a los bullets del carrusel */
.swiper-pagination-bullet {
  background-color: #bbb !important;       /* color gris claro por defecto */
  opacity: 1 !important;
  width: 12px;
  height: 12px;
  margin: 0 6px !important;
  border-radius: 50%;
  transition: all 0.3s ease;
  border: 2px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* El bullet activo (slide visible) */
.swiper-pagination-bullet-active {
  background-color: #2d4654 !important;    /* azul brillante o cambia a tu color institucional */
  transform: scale(1.4);
  border-color: #2d4654;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.6);
}

/* Botones de navegación generales */
.swiper-button-prev,
.swiper-button-next {
  background-color: rgba(0, 0, 0, 0.4);   /* fondo semitransparente */
  color: #fff !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  top: 50%;
  transform: translateY(-50%);
}

/* Aumentar tamaño del ícono flecha */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 20px !important;
}

/* Hover elegante */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #2d4654;
  color: #fff;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 0 12px rgba(0, 123, 255, 0.5);
}

/* ============================
Fin - Estilos para el Corrousel
============================ */