/*
----COLORES----
    #ffbb27 amarillo
    #172fff azul
*/

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Ubuntu', sans-serif;
    position: relative;
}

.c-xy-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}
.transparent {
    background-color: inherit !important;
    border: none;
}
.invisible {
    display: none;
    visibility: hidden;
    width: 0%;
}

/* ---BACKGROUNDS--- */
.bg-img-centered {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* ---ESTILOS NAVBAR--- */
#navbar-custom {
    position: fixed;
    z-index: 20;
    width: 100%;
    background: transparent;
	box-shadow: 0 0 1rem 0 rgba(0,0,0,0);
	transition: all ease .25s;
}
.on-scroll {
    background: rgba(255,255,255,1) !important;
	box-shadow: 0 0 1rem 0 rgba(0,0,0,0.15) !important;
	transition: all ease .25s !important;
}
#logo-superdata {
    height: 4.8rem;
    transition: all ease .25s;
}
.on-scroll #logo-superdata {
    height: 3.5rem;
}
.nav-link{ font-size: 1.2rem;}
.nav-item{ margin-left: 10px;}

/* ---ESTILOS SECCION 1--- */
#seccion-1 {
    background-image: url('../imagenes/seccion-1-a.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh

}
#div1-s1 {
    padding: 5%;
}
#tablet {
    max-width: 100%;

    animation: pulse;
    animation-duration: 1.5s;
    animation-delay: .5s;
}

/* ---ESTILOS SECCION 2--- */
#seccion-2{
    padding: 5% 0;
}
.icono-soluciones {
    height: 103px !important;
    width: 103px !important;
}
#s2-p-div {
    margin-bottom: 5%;
}

/* ---ESTILOS SECCION 3--- */
#seccion-3 {
    background-image: url('../imagenes/seccion-3.jpg');
    padding: 5% 0;
}
#imagen-beneficios {
    width: 100%;
    margin: 20% 0;
}

/* ---ESTILOS SECCION 4--- */
#seccion-4 {
    background-image: url('../imagenes/seccion-4-a.jpg');
    background-position: bottom;
    padding: 5% 0;
}
.icon-90 {
    height: 5rem;
}

/* ---ESTILOS SECCION 5--- */
#seccion-5 {
    background-image: url('../imagenes/seccion-5.png');
    padding: 5% 0;
}

/* ---ESTILOS SECCION 6--- */
#seccion-6 {
    background-image: url('../imagenes/seccion-6.jpg');
    padding: 2% 0;
}

/* ---ESTILOS SECCION FOOTER--- */
#footer {
    background-color: black;
}
#ftr-1 {
    padding: 5% 0;
}
.ftr-2 {
    background-color: #1d1d1d;
    height: 1px;
}



/* ---TEXTO--- */

/* ALINEACIÓN */
.centered-text {
    text-align: center;
}
/* TIPOGRAFÍA ALTERNATIVA */
.text-roboto {
    font-family: 'Roboto', sans-serif;
}

/* TAMAÑOS DE FUENTE */
.display-4{
  font-size: 3.75rem;
  line-height: 3.75rem;
}
.display-5{
  font-size: 1.5rem;
  line-height: 1.7rem;
}
.text-60 {
    font-size: 3.75rem;
}
.text-48 {
    font-size: 3rem;
}
.text-36 {
    font-size: 2.25rem;
}
.text-30 {
    font-size: 1.875rem;
}
.text-24 {
    font-size: 1.5rem;
}
.text-22 {
    font-size: 1.375rem;
}
.text-18 {
    font-size: 1.125rem;
}
.text-16 {
    font-size: 1rem;
}
.text-14 {
    font-size: 0.875rem;
}

/* ESTILOS DE FUENTE */
.text-bold {
    font-weight: 700;
}
.text-medium {
    font-weight: 500;
}
.text-l {
    font-weight: 300;
}

/* LETTER SPACING */
.text-l-s-n50 {
    letter-spacing: -50;
}
.text-l-s-n25 {
    letter-spacing: -25;
}
.text-l-s-n10 {
    letter-spacing: -10;
}
.text-l-s-0 {
    letter-spacing: 0;
}

/* COLOR DE FUENTE */
.text-white {
    color: #fff;
}
.text-black {
    color: #000 !important;
}
.text-black-opac {
    color: hsla(0, 0%, 0%, 50%);
}
.text-yellow {
    color: #ffbb27;
}

/* ESTILOS SCROLLBAR */
body::-webkit-scrollbar{
    width: 12px;
    background-color: white !important;
}
body::-webkit-scrollbar-thumb{
    background-color: #44444479;
    border-radius: 2px;
}
.custom-blue {
    color: #172fdc !important;
    border-color: #172fdc !important;
}
.custom-button {
    border-radius: 0px !important;
    border: solid 4px  !important;
    font-weight: bold;
}
.btn-primary {
    color: #fff;
    background-color: #172fdc;
    border-color: #172fdc;
    border-radius: 0px;
    border: 4px solid #172fdc;
    text-decoration: none;
    transition: all ease .5s;
    font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  color: #fff;
  background-color: #0e22b3;
  border-color: #0e22b3;
}
.btn-outline-primary {
    color: #172fdc;
    background-color: transparent;
    border-color: #172fdc;
    border-radius: 0px;
    border: 4px solid #172fdc;
    text-decoration: none;
    transition: all ease .5s;
    font-weight: bold;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  color: #fff;
  background-color: #0e22b3;
  border-color: #0e22b3;
}

/********** FORMULARIO ***************/
form { position: relative;}
#response{
  position: absolute;
  top: 0px;
  left: 15px;
  background: #2c9c09;
  color: #fff;
  padding: 3px 10px;
  text-align: center;
  padding: 25px 0px;
  visibility: visible !important;
}
.fx-fading-circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background:#ffffffad url(../imagenes/loading.gif) center no-repeat;
}
.loading {
    display: none;
}
label {
	margin-bottom: .25rem;
}
.form-control {
	font-size: .9rem;
	font-weight: 300;
	height: calc(1.5em + .75rem + 10px)
}
.invisible {
	display: none;
}
.custom-file-input,
.custom-file-label,
.custom-file {
	height: calc(1.5em + .75rem + 10px);
}
.custom-file-label::after {
	height: calc(1.5em + .75rem + 8.5px);
}
.custom-file-label,
.custom-file-label::after {
	line-height: 2.25;
	font-size: .9rem;
	color: #6c757d;
}
.custom-file-label {
	text-transform: none;
}


@media (max-width: 849px) {
  .nav-link{
    padding: 15px 0px;
  }
    #seccion-4 {
        background-image: url('../imagenes/seccion-4-b.png') !important;
    }
}
@media (max-width: 575px) {
  .display-4{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .display-5{
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
    #tablet {
        display: none;
    }
    #seccion-1 {
        background-image: url('../imagenes/seccion-1-mobile.jpg');
        padding: 15% 0;
        height: 100vh;
    }
}
@media (min-width: 1200px) {
    /*#seccion-1 {
        height: 100vh;
    }*/
}
.card-body{
  max-width: 420px !important;
}