@font-face{
  font-family: Open_dyslexic;
  src: url(font/OpenDyslexic-Regular.otf);
}
#fondo{
  font-family: Open_dyslexic;
}
/*Ocultar la barra horizontal*/
body {
    overflow-x: hidden; 
}
a{
  color: #0a0a0f;
}

.modal-header{
  background-color: #6cd0c5;
}

.modal-footer{
  background-color:  #ffcc80;
}
/*barra de navegación*/
.nav{
  height: 10%;
}
.fv{
  background-color:  #6cd0c5;
}
.blanco{
  color: white;
}
.bg-nn{
  background-color:  #fff5e6;
}
/*Cambia Estilo al pasar el mouse*/
.bb-nn:hover {
  color: #ffffff; /*Color del texto al pasar el mouse*/
  font-size: 1.5rem;
  background-color: orange; /*Color de fondo al pasar el mouse*/
  border-radius: 5px; /*bordes redondeados*/
}
.bg-nnn{
  background-color:  #ffcc80;
}
/*para que los links no tenga decoracio*/
.iden:hover{
  text-decoration: none;
}
/*slider*/
.adelante{
	position: absolute;
	z-index: 1;
  padding: 0px;
  margin: 0px;
}
.caruosel-pasar{
	z-index: -1; 
}

/*todas las secciones a pantalla completa*/
.seccion-completa {
  width: 100vw; /*Ocupa el 100% del ancho de la ventana*/
  min-height: 100vh; /*Ocupa el 100% del alto de la ventana*/
  overflow: hidden; /*Oculta cualquier contenido que pueda desbordarse*/ 
}
@media (max-width: 1024px) {
  .seccion-completa {
    min-height: auto;
    height: auto;
  }
}
#carousel, #proposito, #open, #practica, #banco, #recursosM, #recursosL, #contacto, #com, #div1, #div2, #div3, #mbanco{
  height: calc(100vh - 10%); /*pantalla completa menos la altura de la .nav*/
  display: flex;
  align-items: center;   /*centra verticalmente*/
  justify-content: center; /*centra horizontalmente*/
}

/*cambio de imagen en billetes*/
img#cambio{
  position:relative; 
}
img#cambio-1{
  position:absolute;top:0.2;bottom:0;left:0;right:0; 
  transition: opacity 1s ease-in;
  opacity: 1;
}
img#cambio-1:hover{
  transition: opacity 1s ease-out;
  opacity: 0; 
}
/*cambio de imagen en banco y recursos*/
img.iden:hover {
  filter: grayscale(100%); /*Cambia el color de la Imagen en blanco y negro*/
  transition: filter 0.3s ease; /*Transición suave*/
}
.iden:hover{
  text-decoration: none;
}
/*cajero*/
.bg-nb{
  background-color:  rgba(255, 135, 0, 0.37);
}

/*FORMULARIO: espacio, borde y sombra*/
.fan{
  color: #ff8700;
}
.bg-n{
  background-color:  rgba(255, 135, 0, 0.25);
}
.fav{
  color: #267e75;
}
.bg-v{
  background-color: rgba(0, 167, 151, 0.25);
}
.bg-ve{
  background-color: #c8eae1;
}
.bo-son{
  border-color: #ff8700;
}
.bo-son:focus{
  border-color: #ff8700;
  box-shadow: 0 0 0 0.2rem rgba(255, 135, 0, 0.25);
}
.bo-sov{
  border-color: #267e75;
}
.bo-sov:focus{
  border-color: #267e75;
  box-shadow: 0 0 0 0.2rem rgba(0, 167, 151, 0.25);
}
.btn-center{
  float: none;
  text-align:  center;
}
.sua{
  background-color: rgba(255, 135, 0, 0.03);  
}
.fa-v{
  color: #1c8b82;  
}
.fa-g{
  color: #8055ea;
}
.fa-r{
  color: #d0402f;
}
.fa-a{
  color: #3b5da0;
}
.input-group-text :hover{
  color: #e0e0eb;
  background-color: #52527a;
}
#map {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;   /*proporción estándar*/
}

#map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.dtel{
  margin-left: 3px;
  margin-top: 20px;
}

/*footer*/
.fa-m{
  color: #000000;
}
.fa-h{
  color: #e44d26;
  text-shadow: 1px 1px 2px black, 0 0 25px gray, 0 0 5px darkblue;
}
.fa-j{
  color: #e7a42b;
  text-shadow: 1px 1px 2px black, 0 0 25px gray, 0 0 5px darkblue;
}
.fa-c{
  color: #0091be;
  text-shadow: 1px 1px 2px black, 0 0 25px gray, 0 0 5px darkblue;
}
.fa-p{
  color: #4f5b93;
  text-shadow: 1px 1px 2px black, 0 0 25px gray, 0 0 5px darkblue;
}
.fa-b{
  color: #7043a8;
  text-shadow: 1px 1px 2px black, 0 0 25px gray, 0 0 5px darkblue;
}
.fa-i{
  color: #8134AF;
}
.fa-m:hover, .fa-h:hover, .fa-j:hover, .fa-c:hover, .fa-p:hover, .fa-b, .fa-i:hover{
  color: #576a95;
}

footer .bg-f{
  background-color: #ff8700; 
}
.mar{
  padding-top: 13px;
  padding-bottom: 10px;
}
/*INDEX*/


/*Identifica*/
.importe{
  color:  black;
  border-color: #b2aeb4;
  border-radius: 10px;
  text-shadow: -2px 0 #ff8700, 0 2px #ff8700, 2px 0 #ff8700, 0 -2px #ff8700;
}
.rojo{
  color: red;
}
.verde{
  color: green;
}
.cuadrado-nar{
  border: 4px dashed #ff8700;
  height: auto;
}

.billete{
  width: 100%;
  height: auto;
}
.moneda{
  width: 42%;
  height: auto;
}
.linea-bottom{
  border: 3px;  
  border-color: #ff8700;
}
input[type="radio"]{
  -ms-transform: scale(2.5);
  -webkit-transform: scale(2.5); 
  transform: scale(2.5);
}
/*FIN Identifica*/
/*SUMA*/
.cuadrado-ver{
  border: 4px solid #1c8b82;
  height: 370px;
}
.numero-green{
  color: #1c8b82;
}
.celda{
  width: 50%;
  height: auto;
}

.spcaj{
   background-color: #0000cc;
  color: #ffff00;
}
/*cajero,seleccion usuario*/

.medio{
  width: 10%;
  height: auto;
  align-items: center;  
}

.ttarjeta{
  width: 250px;
  height: auto;
}

  

/*cajero,selecciona importe*/
.btn1{
	color: yellow;
	background-color:blue;
}
.amarillo{
  text-color: #faee32;
}

.teclado{
  display:block;
  margin:0 auto;
  padding:20px;
  background-color:#2980b9;
  width:300px;
  height:500px;
  border-radius: 25px;
}
.calculadora td button{
  display:block;
  width:70px;
  height: 70px;
  font-size: 25px;
}
#passum tr{
  display:block;
  width:70px;
  height: 70px;
  font-size: 25px;
}
/*mapa*/
dt, ol, ul{
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
dd, li{
  margin-left: 1em;
}
.bg-t{
  background-color: #ff0000;
}
.page-item, .page-link{
  background-color:  #6cd0c5;
  color: black;
}