@charset "UTF-8";
/**
Colores principales del template
 */
/**
Fuentes globales
 */
@font-face {
  font-family: Gotham;
  src: url("../fonts/GothamBook.ttf"); }
/**
Reglas para establecer franjas como pie de página
 */
* {
  margin: 0; }

html, body {
  height: 100%; }

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -8px;
  /* the bottom margin is the negative value of the footer's height */ }

footer,
.push {
  height: 8px;
  /* .push must be the same height as .footer */ }

/**
Estableciendo imagen de fondo con efecto parallax
 */
body {
  background: url(../img/general/background.svg) no-repeat center center fixed;
  background-size: cover;
  font-family: Gotham, sans-serif;
  color: #003b72; }

/**
Efectos para tipo de persona
 */
#tipo-natural {
  width: 50%; }

#tipo-juridica {
  width: 50%; }

#tipo-natural {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s; }

#tipo-juridica {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s; }

#tipo-natural:hover {
  cursor: pointer;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

#tipo-juridica:hover {
  cursor: pointer;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

/**
Se ocultan formularios de busqueda
 */
#campos-busqueda-ciudadano {
  display: none; }

#campos-busqueda-empresa {
  display: none; }

#btn-volver {
  display: none; }

/**
Se ocultan botones
 */
#btn-search {
  display: none; }

#btn-reset {
  display: none; }

#btn-solicitar {
  display: none; }

#search-result {
  display: none; }

#search-error {
  display: none; }

/**
Se ocultan tooltips con imagenes
 */
.tooltip-templates {
  display: none; }

/**
Estilos personalizados para los botones
 */
.btn-template {
  border-radius: 10px;
  height: 2.1rem;
  line-height: 1.4rem;
  font-size: 0.8rem;
  font-weight: bold;
  width: 7rem; }

.btn-template-large {
  width: 10rem; }

.btn-template-small {
  width: 6rem; }

.btn-primario {
  background-color: #003b72;
  color: white; }

.btn-primario:hover,
.btn-primario:focus {
  background-color: #00153b;
  color: white; }

.btn-primario:active {
  background-color: #010d1e; }

.btn-secundario {
  background-color: #a18e23;
  color: white; }

.btn-secundario:hover,
.btn-secundario:focus {
  background-color: #625a12;
  color: white; }

.btn-secundario:active {
  background-color: #3f390c; }

/**
Estilos para los badges
 */
.badge-rojo {
  color: white;
  background-color: #ff4400; }

.badge-anaranjado {
  color: white;
  background-color: #a18e23; }

.badge-azul {
  color: white;
  background-color: #003b72; }

.badge-gris {
  color: white;
  background-color: #a2a6af; }


/**
Estilos para el modal
 */
#modal-display {
  font-size: 1.1rem; }

#icono-llamada {
  font-size: 5rem;
  color: #b5bbc4; }

.modal-backdrop {
  background-color: #00153b !important; }

.modal-backdrop.show {
  opacity: 0.8; }

.modal.fade {
  opacity: 1; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0);
          transform: translate(0); }

.fondo-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #a18e23;
  height: 3rem;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  color: white;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem; }

.modal-template {
  border-radius: 25px;
  width: 75%; }

.contenedor-fondo-modal {
  background-color: #e6eaee;
  border-radius: 13px;
  padding: 1rem; }

.sin-bordes {
  border: none; }

.boton-cerrar {
  color: white;
  opacity: 1;
  text-shadow: 0 0 0 #a2a6af; }

.boton-cerrar:hover,
.boton-cerrar:focus {
  color: white; }

/**
Estilos para mostrar resultados
 */
.input-rounded {
  border-radius: 15px;
  border-width: 5px;
  color: #003b72;
  font-weight: bold; }

.input-display {
  text-align: center;
  background-color: white !important;
  border-radius: 50px; }

.info-display {
  text-align: center;
  background-color: white !important;
  border: 5px solid #ced4da;
  border-radius: 50px;
  height: 2.4rem; }

.datos-encontrado-pequenio {
  display: none; }

.border-result-warning {
  margin-top: 2rem;
  text-align: justify;
  border: 2px solid #d48300;
  border-radius: 15px; }

#border-result-danger {
  margin-top: 2rem;
  text-align: center;
  border: 2px solid #ff4400;
  border-radius: 15px;
  padding: 0.5rem; }

/**
Estilos para iconos en los input
 */
.has-icon .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  font-size: 1.5rem;
  margin-top: 0.2rem;
  margin-left: 0.3rem;
  color: #aaa; }

.has-icon .form-control {
  padding-left: 2.375rem; }

/**
Estilos para los contenedores de contenido
 */
#contenedor-subrayado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.contenedor-imagen {
  margin-top: 1rem;
  z-index: 1; }

.contenedor-encontrado {
  margin-top: 2.9rem; }

.contenedor-fondo {
  background-color: #e6eaee;
  border-radius: 13px;
  margin: 2rem 0;
  padding: 1rem; }

/**
Estilos para imagenes
 */
.imagen-encontrado {
  margin-left: 1rem;
  width: 250%; }

#imagen-logo {
  width: 60%; }

/**
Estilos para textos
 */
.texto-resultado {
  font-size: 1.15rem; }

.texto-resultado-extenso {
  font-size: 1rem; }

.text-error {
  margin-top: 1rem;
  font-size: 1.2rem;
  text-align: center; }

#text-tipo {
  margin-top: 4rem;
  font-size: 1.4rem;
  margin-bottom: -0.1rem; }

#subrayado-tipo {
  background-color: #b6bcc6;
  height: 0.25rem;
  width: 60%;
  border-radius: 50px; }

/**
Estilos para contenido principal
 */
#contenido-principal {
  margin-top: 3rem;
  border-radius: 25px; }

#cabecera-card {
  color: white; }

#fondo-cabecera {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #b6bcc6;
  height: 2.5rem;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  margin-top: -1rem;
  margin-bottom: 2rem; }

/**
Estilos para franjas inferiores
 */
#linea-amarilla {
  background-color: #a18e23;
  height: 0.6rem;
  margin-bottom: 0.4rem; }

#linea-blanca {
  background-color: white;
  height: 0.6rem;
  margin-bottom: 1.6rem; }

/**
Estilos para tablas
 */
.tabla-lineas {
  border: 1px solid #00153b; }

.tabla-template {
  background-color: #003b72;
  color: white; }

/**
Estilos para datatable
 */
.page-item.active .page-link {
  background-color: #003b72;
  border-color: #003b72; }

/**
Otros estilos
 */
.flex-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/**
Para resoluciones de 1199px y menos (ordernador)
 */
@media only screen and (max-width: 1199px) {
  .imagen-encontrado {
    width: 350%; } }
/**
Para resoluciones de 991px y menos (tablet)
 */
@media only screen and (max-width: 991px) {
  .imagen-encontrado {
    margin-top: 0.8rem; }

  .modal-template {
    width: 100%; } }
/**
Para resoluciones de 768px y menos (tablet)
 */
@media only screen and (max-width: 768px) {
  .cabecera-busqueda {
    font-size: 0.9rem !important; }

  #tipo-natural {
    margin-bottom: 2rem;
    width: 70%; }

  #tipo-juridica {
    width: 70%; } }
/**
Para resoluciones de 767px y menos (movil)
 */
@media only screen and (max-width: 767px) {
  #cabecera-card {
    font-size: 1rem; }

  #imagen-logo {
    width: 100%; }

  .datos-encontrado-grande {
    display: none; }

  .datos-encontrado-pequenio {
    display: contents; }

  .contenedor-imagen {
    margin-top: 0; }

  .imagen-encontrado {
    width: 40%; }

  .contenedor-encontrado {
    margin-top: 0; } }
/**
Para resoluciones de 576px y menos (movil)
 */
@media only screen and (max-width: 576px) {
  #cabecera-card {
    font-size: 0.75rem; }

  #tipo-natural {
    width: 75%; }

  #tipo-juridica {
    width: 75%; }

  #text-tipo {
    font-size: 1.1rem; }

  #subrayado-tipo {
    width: 100%; }

  .titulo-modal {
    font-size: 1rem; }

  .info-display {
    height: 1.9rem; }

  .texto-movil {
    font-size: 0.7rem !important; }

  .texto-resultado,
  .texto-resultado-extenso {
    font-size: 0.8rem; }

  .modal-display {
    font-size: 0.8rem !important;
    margin-top: 0rem !important; }

  .text-error {
    font-size: 1rem; }

  #nombre-contribuyente {
    font-size: 0.8rem; }

  #email {
    font-size: 0.8rem; }

  #telefono {
    font-size: 0.8rem; } }

/*# sourceMappingURL=styles.css.map */