@charset "utf-8";
@font-face {
    font-family: 'quicksand';
    src: url('../Fuentes/quicksand/quicksand-medium.woff2');
    src: url('../Fuentes/quicksand/quicksand-medium.woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* CSS Document */
*{box-sizing:border-box !important;}
html{margin:0; padding:0; height:100%;overflow: hidden;}
body{margin:0; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; overflow:auto;}
header{padding:10px; display:flex; flex-direction:row; justify-content:space-evenly; align-items:stretch;}
main{flex:1; display:flex; flex-direction:column; justify-content: flex-start; align-items:center; padding:10px;}
main .panel-main{max-width:1000px; width:100%; margin:10px; padding:10px; border-radius:8px;border: 1px solid #CCCCCCFF;background:#FFFFFFAA; box-shadow: 0 0 10px -5px;}
.encabezado-landing{font-size:2em; font-weight:bold; max-width:1000px; color:#777777FF; margin:15px; text-shadow:0 0 5px #CCCCCCFF;}
header #logo{height:60px; filter: drop-shadow(3px 3px 5px #00000099)}
/*Sombra de paneles para hacerlo material*/
.panel{box-shadow: 0 0 5px 0px #CCCCCCFF;}
.campo{display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch;margin:5px;}
.campo-reminder{font-size:9px; color:#CCCCCCFF;}
input,textarea{font-family:'quicksand';}
.menu-bar{margin-top:0px; margin-bottom: 0px; display:flex; justify-content:space-between; padding:5px !important; }
.bloque-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px;}
.menu-button{background:#EFEFEFFF;background-size:90px 90px; margin-top: 5px; margin-bottom:5px; padding: 10px; text-decoration: none;  border-radius: 5px; width: 100%; height: 120px; border: 1px solid #CCCCCCFF; overflow:hidden; position:relative;transition: all 0.3s ease;}
.menu-button:hover{Transform:scale(1.02);box-shadow: 0 0 10px -5px;}
.menu-button .menu-button-icon{opacity: 0.3;position: absolute;right: 5px;bottom: 5px;width: 45px;height: auto; transition: all 0.3s ease;}
.menu-button:hover .menu-button-icon{right: -10px;bottom: -10px;width: 100px;}
.menu-button .menu-button-content{position: relative;display: flex;justify-content: space-around; flex-direction: column; align-items: stretch;background:transparent;}
.contenido-dash-grid-full{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:stretch; width:100%;}
.dashboard-card{width:200px; height:75px; margin:10px; padding:10px; display:flex; flex-direction:column; flex-wrap: column; justify-content: flex-start;align-items: stretch; box-shadow:0 0 5px #66666680}
.dashboard-card .titulo{font-size:1.5em; font-weight:bold;color:#f2f2f2d3; text-shadow:3px 3px 5px #3c3c3c99,-3px -3px 5px #dedede80;}
.dashboard-card .contador{font-size:2em; font-weight:bold; text-shadow:3px 3px 5px #3c3c3c99,-3px -3px 5px #dedede80;}
.loading-panel{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.grid-readonly{font-style:italic; color:#aaaaaa80;}
.statblock{display:flex; flex-direction:column; border-radius:5px; border:1px solid #6A6a6aff; color: white; width:50px; height:50px;margin:5px; background:white;}
.statnameblock{color: #e6e6e6; height:50px;margin:5px;display:flex; flex-direction:column; justify-content: center; align-items: center;}
.lblstat{text-align: center; font-size:1.2em; color: #999999AA;}
.stat{text-align: center; font-size:1.5em; color: #333333AA; font-weight: bold;}
#contenedor-stats{padding:15px;}
#contenedor-abils{margin:10px auto; display:flex;flex-direction:column;justify-content:stretch;align-items: flex-start; font-size:1.2em;}
#contenedor-weapons{margin:10px auto;display:flex;flex-direction:column;justify-content:stretch;align-items: flex-start;}
.weapblock{display:flex; flex-direction:row; justify-content: stretch;align-items: flex-start;}
.weap-name{font-weight: bold;}
.weap-stat{text-align:center;}
#abils{display:flex; flex-direction:column; justify-content: stretch; align-items: stretch;}