@font-face {
    font-family: 'Decima Nova';
    src: url('fonts/DecimaNova-Heavy.woff2') format('woff2'),
        url('fonts/DecimaNova-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Nova';
    src: url('fonts/DecimaNova-Light.woff2') format('woff2'),
        url('fonts/DecimaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decima Nova';
    src: url('fonts/DecimaNova-Regular.woff2') format('woff2'),
        url('fonts/DecimaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Roboto Slab 
@font-face {
    font-family: 'Roboto Slab';
    src: url('.fonts/RobotoSlab-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('./fonts/RobotoSlab-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('./fonts/RobotoSlab-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Fin - Roboto Slab */
.banner{
	position: absolute;
    width: 100%;
   	height: 505px;
    display: block;
        background-repeat: no-repeat;
    background-size: cover;
}
.navbar{
	padding-top: 1.5rem;
}
section{
	position: relative;
}
h1{
	font-size: 3.313rem !important;
    font-family: 'Decima Nova';
    color: #fff;
}
b{
	font-weight: bold !important; 
}

.box input[type="text"] {
    background: white;
    border: 0;
    border-radius: 22px;
    /*padding: 12px 10px 10px 17px;*/
    padding: 15px 50px 15px 20px;
    outline: none;
}
.box input[type="submit"] {
    /*
    background: red;
    border: 0;
    padding: 12px 10px 10px 12px;
    border-radius: 22px;
    color: #fff;
    outline: none;*/
    transition: ease all 0.3s;
    cursor: pointer;
}
/*
.box input[type="submit"]:hover{
    background: #233867;
    transition: ease all 0.3s;	
}
*/
.box{
    margin-bottom: 50px;
}
section.resultado table {
    /*background: #F6F6F6;*/
    margin-top: 50px;
}

section.resultado th.titulo {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 11px 17px 11px 17px;
    text-align: center;
    background: #26396e;
}
section.resultado td {
    padding: 12px;
    font-size: 14px;
    /*border-bottom: 1px solid #ccc;*/
}
/*
section.resultado input#button {
    background: red;
    border: 0;
    padding: 6px 10px 3px 12px;
    border-radius: 22px;
    color: #fff;
    outline: none;
    transition: ease all 0.3s;
    cursor: pointer;
}
section.resultado input#button:hover {
    background: #233867;
    transition: ease all 0.3s;
}
*/
section.resultado td:last-child {
    padding-right: 10px;
}
section.resultado th.titulo {
    position: relative;
}
section.resultado th.titulo:after {
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
}
section.resultado th.titulo:last-child:after {
    display: none;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

/* 11/12/2020 */
body{
    color: #233559;
}
.banner-text{
    color: #233559;
    padding: .25rem .75rem;
    font-size: 1.55rem;
    white-space: pre-wrap;
    font-family: 'Decima Nova';
    line-height: normal;
    /* letter-spacing: 0.5px;*/
}

.banner-text span{
    font-weight: 500;
}
.navbar{
    border-bottom: 2px solid #233559;
    padding-bottom: 1.5rem;
}
h1{
    color: #233559;
}
.py-6 {
    padding-top: 4rem;
}
.display-4 {
    padding: 0 150px;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.subtitulo{
    padding: 0 240px;
    margin-top: 30px;
    font-size: 0.9rem;
    font-family: 'Roboto Slab';
    color: #4F4F4F;
}
.box input[type="text"] {
    background: transparent;
    border: 1px solid #4F4F4F;
}
.button-secondary{
    background: transparent;
    border: 1px solid #E30613;
    color: #E30613;
    font-weight: bold;
    border-radius: 22px;
    padding: 15px 50px;
    margin-left: 10px;
}
.button-secondary:hover{
    background: #E30613;
    color: #ffffff;
    transition: ease all 0.3s;
}
section.resultado table {
    /*background: #F6F6F6;*/
    margin-top: 0;
    display: inline-block;
}
section.resultado th.titulo {
    color: #233559;
    text-transform: uppercase;
    font-size: 14px;
    padding: 17px 25px;
    text-align: center;
    background: transparent;
}
section.resultado tr:first-child{
    border-top: 2px solid;
    border-bottom: 1px solid;
}
section.resultado tr{
    border-top: 1px solid;
    font-family: 'Roboto Slab';
}
section.resultado input#button {
    padding: 8px 25px;
}
section.resultado td {
    padding: 14px 10px;
    font-size: 14px;
    color: #4F4F4F;
}
.banner-constancia-fisica{
    background: #233559;
    text-align: center;
    padding: 22px;
}
.constancia-fisica-texto{
    width: 320px;
    display: inline-block;
    color: #fff;
    font-family: 'Roboto Slab';
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    margin-right: 50px;
    vertical-align: middle;
    font-weight: initial;
}
.constancia-fisica-boton{
    display: inline-block;
}
.button-primary{
    background: #E30613;
    border-radius: 20px;
    padding: 15px 47px;
    color: #fff;
    font-weight: bold;
    font-family: Montserrat;
    font-size: 12px;
    border: 0;
}
.button-primary a{
    color: #fff;
    text-decoration: none;
}
.button-primary img{
    width: 17px;
    padding-bottom: 2px;
    margin-left: 5px;
    vertical-align: middle;
}
footer{
    border-top: 1px solid #233559;
}
/* FIN - 11/12/2020 */

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
    .banner{
        background-size: cover;
    }
    section.resultado th.titulo{
        font-size: 10px;
    }
    section.resultado td{
        font-size: 12px;
    }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (max-width: 767px) {
    /* 11/12/2020 */
    .button-secondary{
        margin-left: 0;
    }

    section.resultado th.titulo {
        background: #26396e;
        color: #fff;
        letter-spacing: 2px;
    }
    .banner-text{
        display: none;
    }
    .display-4 {
        padding: 0;
        font-size: 2.2rem;
    }
    .subtitulo {
        padding: 0;
    }
    .constancia-fisica-texto {
        width: 100%;
        margin: 25px 0;
    }
    .navbar-brand img{
        width: 100%;
    }
    
    /* Fin: 11/12/2020 */
}

@media (min-width: 481px) and (max-width: 767px) {
  /* CSS */
  
    section h1{
        font-size: 2.4rem !important;
    }
    section.py-6{
        padding-top: 5rem !important
    }
    .boxbuscar {
        width: 355px;
        margin: auto;
    }
    .box input[type="text"]{
        padding: 8px 10px 5px 17px;
    }
    .box input[type="submit"]{
        padding: 8px 18px 6px 18px;
        margin-top: 15px;
    }
    section.resultado.d-flex.py-6 {
        padding-top: 0 !important;
    }
    section.resultado table{
        overflow-x: scroll;
        display: block;
    }
    section.resultado td{
        font-size: 12px;
    }
    section.resultado th.titulo{
        font-size: 10px;
    }
    section.resultado th.titulo:nth-child(2) {
        width: 200px;
        height: 67px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    section.resultado th.titulo:nth-child(4) {
        width: 333px;
        height: 67px;
        align-items: center;
        display: flex;
        justify-content: center;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
  section.resultado table{
    overflow-x: scroll;
    display: block;
  }
 
  section h1{
    font-size: 2.1rem !important;
  }
  section.py-6{
    padding-top: 5rem !important
  }
  .box input[type="text"]{
    padding: 8px 10px 5px 17px;
  }
  .box input[type="submit"]{
    padding: 8px 18px 6px 18px;
    margin-top: 15px;
  }
  section.resultado.d-flex.py-6 {
    padding-top: 0 !important;
    }
    section.resultado th.titulo{
        font-size: 10px;
    }
    section.resultado td{
        font-size: 11px;
    }
    section.resultado th.titulo {
        width: 100%;
        display: block;
        border-bottom: 1px solid rgb(204 204 204 / 36%);
    }
    section.resultado td{
        width: 100%;
        display: block;
    }
    section.resultado th.titulo:after{
        display: none;
    }
    .boxbuscar {
        width: 290px;
        margin: auto;
    }
}