@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

:root{
 
 --font-titles:'Montserrat';
 --font-content:'Roboto';
 --font-alternative:'Montserrat Alternates';
 
 --verde-agua-1:#184848;
 --verde-agua-2:#006060;
 --verde-agua-3:#007878;
 --verde-agua-4:#2f5a5a;
 --verde-agua-5:#466c6c;
 --verde-lima:#a8c030;
 --color-pastel:#F0F0D8;
 --color-alter:#59886b;
 
 --color-dg-1:#d9e0e7;
 --color_dg-2:#6c8a8b;
}


.tbl-agro{
 width:100%;
 background-color:white !important;
 border-radius:20px;
 box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;
 border-bottom:3px solid #314b3b;
 border-top:3px solid #314b3b;
}
 .tbl-agro .tabl-content .tab-title{
 font-size:20px;
 font-weight:700;
 font-family:var(--font-titles);
 color:var(--verde-agua-1);
 text-transform:uppercase;
 }

 .tbl-agro .tabl-content span{
 font-size:17px;
 font-weight:bold;
 font-family:var(--font-content);
 color:var(--verde-agua-2);
 text-transform:uppercase;
 }

 .tbl-agro .tab-buttom{
 transform:translate(-50%,125%);
 width:60%;
 border-radius:1rem;
 border:none;
 background-color:var(--verde-agua-2);
 font-size:1rem;
 padding:.5rem 1rem;
 color:white;
 position:absolute;
 left:50%;
 bottom:0;
 opacity:0;
 transition:.3s ease-out;
 text-decoration:none;
 }


 .tbl-agro:hover .tab-buttom{
 transform:translate(-50%,20%);
 opacity:1;
 color:white;
 text-decoration:none;
 border-bottom:2px solid var(--verde-lima);
 }












.dash-header{
 padding:5px 0 5px 0;
 min-height:15vh;
 position:relative;
 background-image:url('/img_portal/header/head-estadistica.jpg');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}

 .dash-header:before{
 content:"";
 background-color:rgba(0,0,0,0.6);
 position:absolute;
 inset:0;
 }

 .dash-header h3{
 font-size:46px;
 font-weight:700;
 text-align:center;
 color:white;
 font-family:var(--font-titles);
 }

 .dash-header span{
 color:var(--verde-lima);
 }

@media(max-width:640px){
 .dash-header{
 min-height:10vh;
 }

 .dash-header h3{
 font-size:24px;
 }
}