/*styles.css*/
@import url('assets/css/main.css'); @import url('assets/css/sidebar.css');
@import url('assets/css/resultados.css');
@import url('assets/css/banner.css');
@import url('assets/css/historial.css');


/* Header */
header {display: flex;flex-direction: row;padding: 20px 40px;color: #fff;align-items: center;justify-content: space-between;
position:fixed;top:0;width:100%;z-index: 10;}
.logo_h1 {display: flex;flex-direction: row;align-items: flex-end;gap: 12px;cursor:default;} header h1 {font-size: 42px;}

h2, h3, h4, h5 {color:var(--textDarkGray)}

/*Toggle Color Dinámico*/
.toggle-color{background-color: #eb1515;}

.desaparecer{transform: translateY(-20px);display: none;}

/* Footer */
footer {display: flex;flex-direction: row;width: 100%;justify-content: space-around;padding: 20px 40px;padding-bottom: 30px;
position: fixed;bottom: 0;left: 0;z-index: 10;}
footer div {opacity: 0.5;}
footer div.seleccionado {opacity: 1;}
footer img {width: 24px;height: 24px;opacity: 0.9;transition: opacity 0.3s ease;cursor: pointer;}
footer div:hover img {opacity: 0.8;}