@font-face {
    font-family: Gotham-Book;
    src: url(./../fonts/Gotham-Book.otf);
}

body{
    font-family: Gotham-Book;
}
.bg-cap {
    background-color: #153878;
}

.bg-cap-2 {
    background-color: #1e2b46;
}

.fa-15x {
    font-size: 1.5rem;
}

.carousel-item-image {
    object-fit: cover;
    height: 600px;
    max-height: 600px;
}

.carousel-text {
    position: absolute;
    bottom: 20px;
}
.gradient-inicio{
    background: linear-gradient(0deg, rgb(0 0 0 / 88%), rgb(18 15 46 / 87%), rgb(64 53 163 / 87%), rgb(3 172 223 / 74%));
}
.seccion-normas-reglamentos {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #ffffff;
    font-family: Gotham-Book;
}

.seccion-normas-reglamentos h5, h1 {
    font-family: Gotham-Book;
}
.seccion-normativa-edificatoria{
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #ffffff;
    font-family: Gotham-Book;
}

.seccion-cursos-online {
    background-color: #c1a03f;
}

.box {
    position: relative;
    width: 100%;
    display: flex;
    color: #858585;
    box-shadow: 0 0rem 5rem rgba(0, 0, 0, 0.175)!important;
}
.box:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.box:hover{
    background-color: #153878;
    color: white !important;
    cursor: pointer;
}
.box-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.padre {
    position: relative;
}

.hijo-1 {
    position: absolute;
    z-index: 100;
    width: calc(100% - 30px);
    height: calc(100% - 24px);
}

.h-70 {
    height: 70% !important;
}
.h-30 {
    height: 30% !important;
}

.text-1{
    color: #153878;
    font-size: 45px;
    line-height: 100%;
}
.text-2{
    color: #000000;
    font-size: 35px;
    line-height: 100%;   
}
.text-3{
    color: #858585;
    font-size: 25px;
    line-height: 100%;
}

.border-top-2 {
    border-top: 2px solid #000000;
}
.border-bottom-2 {
    border-bottom: 2px solid #000000;
}

.plan {
    position: relative;
    width: 100%;
    display: flex;
    color: #858585;
    clip-path: polygon(0% 0%,100% 0%,100% 90%,50% 100%,0% 90%);

}
.plan:after {
    content: '';
    display: block;
    padding-bottom: 265%;
}

.plan-content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.seccion-pagos-linea{
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #f2f2f2;
    font-family: Gotham-Book;
}
.seccion-pagos-presenciales{
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #e6e6e6;
    font-family: Gotham-Book;
}

.seccion-noticias-caprl {
    background-color: #ffffff;
}
.seccion-noticias-caprl h1{
    font-family: Gotham-Book;
    color: #173a79;
}
.noticias-caprl-imagenes {
    max-width: 100%;
    object-fit: contain;
}

.seccion-empresas-asociadas {
    background-color: #d9dfed;
}
.seccion-empresas-asociadas h1{
    font-family: Gotham-Book;
}
.seccion-normas-rne {
    background-color: #d9dfed;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.seccion-enlaces-interes h2{
    font-family: Gotham-Book;
    color: #6b6e74;
}
.enlaces-interes-imagenes {
    max-width: 100%;
    object-fit: contain;
}

.footer {
    background-color: #f2f2f2;
    color: #6b6e74 !important;
}
.footer a {
    color: #6b6e74 !important;
}
.text-transparent{
    color: transparent !important;
}
  
.list-pagos{
    list-style: none;
    font-size: 0.9rem;
}
.list-pagos li::before{
    font-family:"FontAwesome";
    content:"\f00c";
	margin-left:-18px;
	margin-right:3px;
    color: #c1a03f;

}
.li-blue li::before{
    color: #163877 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #1538c8 !important;
    font-weight: bolder !important;
    background-color: #fff;
    border-color: #ffffff #ffffff #1538c8 #ffffff;
}
.nav-tabs .nav-link {

    border-bottom: 4px solid transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.nav-tabs .nav-link:hover {
    
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.nav-tabs .nav-link.active:hover {
    border-bottom: 4px solid transparent;
    border-color: #ffffff #ffffff #1538c8 #ffffff;
}

.buscador-normas::placeholder{
    color: #bebaba;
}

.normas-rne-rectangle-content h6{
    line-height: 100%;
}
.normas-rne-rectangle-content p{
    line-height: 100%;
    color: #6b6e74;
}
