/* Definir variables */

:root {
  --color-fondo: #0c1325;
  --color-bar-menu: #0c1325;
}


#inicio, #news , #cripto { 
	width:100%;
	padding-bottom:50px;
}

#news {
	background-color:#fff;
	color:#3a3a3a;
	padding-top:40px;
}

body {
    margin: 0;
    padding: 0;
	font-family: 'Poppins', sans-serif;
	background-color: var(--color-fondo);	
}

.container {
    width:85%;
    margin: 0 auto;
}

header {
    background-color:  var(--color-bar-menu);
    color: #fff;
    padding: 1em 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.iso , .iso2{
	font-size:45px;
	line-height:8px;
	font-weight:100;
	font-family: 'Noto Sans', sans-serif;
	color: #fff;
	letter-spacing:-1.5px;	
	width:100%;
}

.iso2 {
		color:#53e8ea;
}

.navbar {
    float: right;
}

.navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.navbar li {
    margin-left: 20px;
}

.navbar a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.menu-toggle span {
    height: 3px;
    width: 25px;
    background-color: #f6bf00;
    margin-bottom: 5px;
    display: block;
	color: #f6bf00;
}

.ficha {
	width: 300px;
	height: 170px;
	min-height: 150px;
	border-radius: 15px;	
	color: #fff;
	margin-bottom:15px;
}

.ficha-container {
	display: flex;	
	padding	:20px;
	padding-bottom:0px;
}

.ficha-logo {
	width:20%;
}

.ficha-name {
	font-size: 18px;
	width:80%;
	padding-left:15px;
	letter-spacing: -0.5px
}
.ficha-name-tipo {
	padding:0px;
}
.ficha-name-valores {
	display:flex;
	width:100%;
}

.ficha-name-valores-venta , .ficha-name-valores-compra  {
	width:50%;
	font-size:22px;
	letter-spacing: -1.5px;
	color: #e0e3f4;
	
}

.ficha-name-valores-compra  {
	text-align:right;
	padding-right:10px
}

.leyenda {
	padding-top:-5px;
	font-size:14px;	
	letter-spacing: 1px;
	padding-left:20px;
}

.sube {
	color: #6dd7d5;
} 

.baja {
	color: #d6afb9;
} 

.ficha-valor {
	width:110px;
	text-align:right;

}

.ficha-valor-venta {
	width:100%;
	text-align:right;
	font-size: 20px;
	color: #e0e3f4;
	font-weight:500;
	padding:0px;
	letter-spacing: -0.5px

}

.ficha-valor-compra {
	width:100%;
	text-align:right;
	font-size: 19px;
	color: #c6ccef;	
	padding-top:-5px;
	letter-spacing: -0.5px
}


.pesos {
	font-size: 16px;	
}
	

.ficha_color1 {
	background: radial-gradient(ellipse at 50% 30%, #6f79af, #463a6c);	

}

.ficha_color2 {
	background: radial-gradient(ellipse at 50% 30%, #65858c, #39414f);	
	
}


.ficha-div {
	padding:0px 20px;
}


.linea {
	height:1px;
	border: none;
	background-color: #89a1b0;
	
}

.ficha-foot {
	display: flex;
	color: #9096b7;
	font-weight:600;
	width:100%;
}

.ficha-foot-actualizar {
	font-size:13px;
	width:80%;
	padding:5px 20px;
}

.ficha-foot-copiar {
	padding:5px 20px;
	font-size:13px;
	width:20%;
	text-align:right;
}

.ficha-foot-copiar a {
	color: #9096b7;
} 

.ficha-foot-copiar a:hover {
		color:#fff;
} 

#dolarblue, #dolaroficial, #dolartarjeta, #dolarmep {
	display:none;
}
	
#news img {
     border-radius: 20px; /* O cualquier otro valor que desees para el radio de los bordes */
	 max-width: 300px;
	 max-height: 300px;
	 
}
	
.noticias-titulos, .noticias-titulos a {
	font-size:22px;
	text-decoration:none;
	color: #3a3a3a;	
}

.noticias-fecha {
	font-size:12px;
	padding-bottom:15px;	
	color:#c4ab03;
}

.noticias-nota {
	text-align: justify;
}

#menu-noticias {
	background: #FFFFFF;
	color: #FFF;
	height: 80px;	
	border-radius: 40px;
	border: 1px solid #E6E6E6;
	width:80%;
	margin: auto;	
}

#menu-noticias button , .seleccion {
	display: block;
	line-height: 78px;
	border-radius: 40px;
	cursor: pointer;
	width:50%;
  	float: left;
	display: inline;
	position: relative;
	border:0px;
	font-size:16px;
	background-color:#fff;
	color: #1b1c26;
}

.carrusel-container {
  width: 100%;
  display: flex;
  overflow: hidden;
  
}

.pagina  {
  width: 100%;
  flex: 0 0 auto;
  padding: 0px;
  transition: transform 0.5s ease-in-out;


  
}
.seleccion {
	color:#caf77b !important;
	background-color:#48415c !important;
	
}

.pagina.ocultar {
  transform: translateX(-100%);
}

.pagina.mostrar {
  transform: translateX(-100%);
}

.compartir {
     background: transparent;
     border: none;
     cursor: pointer;
	color: #9096b7;
}

.compartir:hover {
	color:#fff;
}

#cripto {
	background-color:#efefef;
	color:#3a3a3a;
	padding-top:40px;
} 	
.cripto-box {
	width:100%;
	border-radius: 10px;
	border-solid: #404040 solid 0.5px;
	background-color:#fff;
	height:70px;
	margin-bottom:10px;
}
.cripto-box-container {
	padding:10px;
	display:flex;	
	width:100%;
}

.cripto-box-logo {
	padding-top:2px;
	padding-left:5px;
	width: auto;
}

.cripto-box-nombre {
	padding-top:10px;
	padding-left:10px;
	width: 40%;
	letter-spacing: -0.5px
}

.cripto-clave {
	font-size:14px;
	font-weight:500;
	color: #888888;
	letter-spacing: -0.5px
}

.cripto-box-cotiza {
	width: 35%;
	padding-top:10px;
	 float: right;
	text-align:right;
	color: #48415c;
	padding-right:10px;

}

.cripto-titulo {
	font-size:30px;
	padding:20px 0px;
	font-weight:300;
	letter-spacing: -1px;
	width:100%;
	text-align:center;
	
}


.foot {
	height:50px;
	padding-top:25px;
	color: #fff;
	text-align:center;
}


.tablaCotizar {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
	  
    }

.column {
 flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;	
    }

/*********************************************************************************************************************************************************/
/* estas opciones son para los paginas de noticias, que si los div tienen diferente altura muestra espacio en blanco al final del div de menor altura */
/* de esta manera, al que no se ve se lo achica y al que se ve se lo pone de tamaño natural de ese div                                                  */
/*********************************************************************************************************************************************************/


.iso {		
	padding-top:15px;
}
	


@media (max-width: 768px) {
	
	
    header {
      
    }

	.topbar {
		display:flex;
		padding-top:15px;
		padding-bottom:15px;
	}
	
    .navbar {
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: left;
        position: absolute;
        top: 80px;
        left: 0;
     background: transparent;	
		margin: 0 auto;
		padding:0px;
    }
	
	 .navbar ul {
		width:90%;
		background-color: #222a46;
	    margin: 0 auto;
		padding:0px;
		border-radius:10px;
		padding-top:0px;
		padding-bottom:5px;

	 }
	 
	 .navbar ul li {
		padding:0px;
		height:25px;
		margin:0px;
		padding-top:10px;
		padding-bottom:10px;
		margin-left:20px;
		margin-right:20px;
		border-bottom:0.5px solid #515462;
	 }


	 .ultimoItem {
		 border-bottom:0px !important;
	 }
	 

	 .navbar a {
		text-decoration: none;
		font-weight:400;
		font-size: 16px;
		color:#fff;
		font-family: 'Poppins', sans-serif;
		padding:0px;	
	}

	
	.iso {
		padding-top:0px;
		padding-left:15px;
	}
	
    .show {
        display: flex;
		
    }

    .navbar ul {
        flex-direction: column;
    }

    .navbar li {
        margin: 10px 0;
    }

    .menu-toggle {
		display:flex;
		color:#f68c00;
		flex:1;
		padding:0px;
		width: 50px;

    }
	
	.ficha {
		width:100%;
	
	}
	.ficha-name {
			font-size: 22px;
	}

	
	.ficha-valor-venta {
		font-size:24px;
	}
	
	.tablaCotizar {
        grid-template-columns: 1fr;
      }
}

}