/* Tipografía Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Share Tech';
    src: url('../fonts/techmono/ShareTechMono-Regular.ttf') format('truetype');
    font-weight: 400;
}
.sidebar{
    background: url(../img/bg/g14831.png);
}
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image, 
.sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
    width: 80px;
    height: 80px;
}
.tx-monse{
    font-family: 'Montserrat', sans-serif;
}
.tx-mono{
    font-family: 'Share Tech', sans-serif;
}
body{
    font-family: 'Montserrat', sans-serif;
}
.content-wrapper{
    /*background: url(../img/bg/bh8494.png);*/
    background: url(../img/bg/bg-axcf2l.png);
}
.crs-pnt{
    cursor: pointer;
}
#dda-content{
    height: 75vh;
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
    color: #2d4b5a;
    font-weight: 700;
}
h2.tx-mute:before {
    content: "";
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url('../images/h2.png') left center no-repeat;
    padding-left: 37px; 
}
h2.tx-mute {
    border-bottom: 4px solid #615e5d22;
}
select.form-control{
    color:#1c273c;
}
table.table th, table.table td{ white-space: normal; }
.rounded{ border-radius: 0.5em  }
.rounded-1{ border-radius: 1em !important; }
.rounded-2{ border-radius: 2em !important;}
.brad-r{ border-radius: 0 2em; }
.brad-l{ border-radius: 2em 0; }
.pl-1{ padding-left: 0.25em; }
.pl-2{ padding-left: 0.5em; }
.pl-3{ padding-left: 0.75em; }
.pl-4{ padding-left: 1em; }
.pl-5{ padding-left: 1.25em; }
.ml-1 { margin-left: 0.25em; }
.ml-2 { margin-left: 0.5em; }
.ml-3 { margin-left: 0.75em; }
.ml-4 { margin-left: 1em; }
.ml-5 { margin-left: 1.25em; }
.mr-1 { margin-right: 0.25em; }
.mr-2 { margin-right: 0.5em; }
.mr-3 { margin-right: 0.75em; }
.mr-4 { margin-right: 1em; }
.pr-1{ padding-right: 0.25em; }
.pr-2{ padding-right: 0.5em; }
.pr-3{ padding-right: 0.75em; }
.pr-4{ padding-right: 1em; }
.pr-5{ padding-right: 1.25em; }
.mr-1 { margin-right: 0.25em; }
.mr-2 { margin-right: 0.5em; }
.mr-3 { margin-right: 0.75em; }
.mr-4 { margin-right: 1em; }
.mr-5 { margin-right: 1.25em; }
.pb-1{ padding-bottom: 0.25em; }
.pb-2{ padding-bottom: 0.5em; }
.pb-3{ padding-bottom: 0.75em; }
.pb-4{ padding-bottom: 1em; }
.pb-5{ padding-bottom: 1.25em; }
.mb-1 { margin-bottom: 0.25em; }
.mb-2 { margin-bottom: 0.5em; }
.mb-3 { margin-bottom: 0.75em; }
.mb-4 { margin-bottom: 1em; }
.mb-5 { margin-bottom: 1.25em; }
/** Configuraciones **/
.modal-content input, .modal-content select{
    height: 3em;
}
.modal-content .tx-verde-4{
    margin-bottom: 0.5em;
}
.modal-dialog-login{
    background-image: url(../img/bg/g47982.jpeg);
    padding:20px;
}
.modal-footer{
    background-image: url(../img/bg/bd881922.jpg);
}
.modal-header{
    background-image: url(../img/bg/gdsajklv2.jpg);
}
.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.modal-body{
    background: #fff;
}
.navbar .navbar-menu-wrapper{
    background-image: url(../img/bg/bg-xifmc.png);
    background-size: cover;
}
.modal-content{
    border:none;
    background: #f7f6f6;
}
.modal-header{
    border-bottom: 1px solid #4e1b3766;
}
.modal-backdrop {
    background-color: black;
    
}
.inp-log{
    background: #ffffff22;
    border:none;
    border-bottom: 1px solid #92d36e;
    padding-left:10px;
    width:100%;
}
input.form-control{
    border-radius:1px;
    border:1px #7f0e080d solid;
}
input.form-control:focus{
    outline: 2px solid #7f0e0833;
    outline-offset: -2px;
    border:1px #7f0e0833 solid;
}
/** Tipografía **/
.tx-100{ font-weight: 100; }
.tx-200{ font-weight: 200; }
.tx-300{ font-weight: 300; }
.tx-400{ font-weight: 400; }
.tx-500{ font-weight: 500; }
.tx-600{ font-weight: 600; }
.tx-700{ font-weight: 700; }
.tx-800{ font-weight: 800; }
.tx-900{ font-weight: 900; }
.tx-4 {  font-size: 4px; }
.tx-6 {  font-size: 6px; }
.tx-8 {  font-size: 8px; }
.tx-10 {  font-size: 10px; }
.tx-12 {  font-size: 12px; }
.tx-14 {  font-size: 14px; }
.tx-16 {  font-size: 16px; }
.tx-18 {  font-size: 18px; }
.tx-20 {  font-size: 20px; }
.tx-22 {  font-size: 22px; }
.tx-24 {  font-size: 24px; }
.tx-26 {  font-size: 26px; }
.tx-28 {  font-size: 28px; }
.tx-30 {  font-size: 30px; }
.tx-black { color: #111; }
.tx-verde-1{ color: #aedd94; }
.tx-verde-2{ color: #92d36e; }
.tx-verde-3{ color: #629c44; }
.tx-verde-4{ color: #4c7a34; }
.tx-verde-5{ color: #355723; }
.tx-cafe-1{ color: #785616; }
.tx-cafe-2{ color: #7b4812; }
.tx-cafe-3{ color: #553d0d; }
.tx-cafe-4{ color: #58330a;}
.tx-cafe-5{ color: #3e2406;}
.tx-rojo-4{ color: #b70f0a; }
.tx-azul-1{ color: #3a8ea3; }
.tx-azul-2{ color: #2c6d7f; }
.tx-azul-3{ color: #1f4e5a; }
.tx-azul-4{ color: #1a3f4a; }
.tx-gray-100{ color: #f4f5f8; }
.tx-gray-200{ color: #e3e7ed; }
.tx-gray-300{ color: #cdd4e0; }
.tx-gray-400{ color: #b4bdce; }
.tx-gray-500{ color: #97a3b9; }
.tx-gray-600{ color: #7987a1; }
.tx-gray-700{ color: #596882; }
.tx-gray-800{ color: #3b4863; }
.tx-gray-900{ color: #1c273c; }
.tx-end{ text-align: end; }
.tx-center{ text-align: center; }
.tx-justify{ text-align: justify; }
.tx-left{ text-align: left; }
.tx-right{ text-align: right; }
.tx-underline{ text-decoration: underline; }
.tx-line-through{ text-decoration: line-through; }
.tx-no-underline{ text-decoration: none; }
.tx-italic{ font-style: italic; }
.tx-normal{ font-style: normal; }

/* Height */
.vhx-50{ height: 50vh; overflow-y: scroll;}
.vhx-55{ height: 55vh; overflow-y: scroll;}
.vhx-60{ height: 60vh; overflow-y: scroll;}
.vhx-65{ height: 65vh; overflow-y: scroll;}
.ht-5{ height: 5px; }
.ht-10{ height: 10px; }
.ht-15{ height: 15px; }
.ht-20{ height: 20px; }
.ht-25{ height: 25px; }
.ht-30{ height: 30px; }
.ht-33{ height: 33px; }
.ht-35{ height: 35px; }
.ht-40{ height: 40px; }
.ht-45{ height: 45px; }
.ht-50{ height: 50px; }
.ht-55{ height: 55px; }
.ht-60{ height: 60px; }
.ht-65{ height: 65px; }
.ht-70{ height: 70px; }
.ht-75{ height: 75px; }
.ht-80{ height: 80px; }
.ht-85{ height: 85px; }
.ht-90{ height: 90px; }
.ht-95{ height: 95px; }
.ht-100{ height: 100px; }
.ht-110{ height: 110px; }
.ht-120{ height: 120px; }
.ht-130{ height: 130px; }
.ht-140{ height: 140px; }
.ht-150{ height: 150px; }
.ht-160{ height: 160px; }
.ht-170{ height: 170px; }
.ht-180{ height: 180px; }
.ht-190{ height: 190px; }
.ht-200{ height: 200px; }
.ht-250{ height: 250px; }
.ht-300{ height: 300px; }
.ht-350{ height: 350px; }
.ht-400{ height: 400px; }
.ht-450{ height: 450px; }
.ht-500{ height: 500px; }
.ht-600{ height: 600px; }
.ht-700{ height: 700px; }
.ht-800{ height: 800px; }

/* Width */
.w-5{ width: 5%; }
.w-10{ width: 10%; }
.w-15{ width: 15%; }
.w-20{ width: 20%; }
.w-25{ width: 25%; }
.w-30{ width: 30%; }
.w-35{ width: 35%; }
.w-40{ width: 40%; }
.w-45{ width: 45%; }
.w-50{ width: 50%; }
.w-55{ width: 55%; }
.w-60{ width: 60%; }
.w-65{ width: 65%; }
.w-70{ width: 70%; }
.w-75{ width: 75%; }
.w-80{ width: 80%; }
.w-85{ width: 85%; }
.w-90{ width: 90%; }
.w-95{ width: 95%; }
.w-100{ width: 100%; }

.wd-5 { width: 5px; }
.wd-10 { width: 10px; }
.wd-15 { width: 15px; }
.wd-20 { width: 20px; }
.wd-25 { width: 25px; }
.wd-30 { width: 30px; }
.wd-35 { width: 35px; }
.wd-40 { width: 40px; }
.wd-45 { width: 45px; }
.wd-50 { width: 50px; }
.wd-55 { width: 55px; }
.wd-60 { width: 60px; }
.wd-65 { width: 65px; }
.wd-70 { width: 70px; }
.wd-75 { width: 75px; }
.wd-80 { width: 80px; }
.wd-85 { width: 85px; }
.wd-90 { width: 90px; }
.wd-95 { width: 95px; }
.wd-100 { width: 100px; }
.wd-110 { width: 110px; }
.wd-120 { width: 120px; }
.wd-130 { width: 130px; }
.wd-140 { width: 140px; }
.wd-150 { width: 150px; }
.wd-200 { width: 200px; }
.wd-250 { width: 250px; }
.wd-300 { width: 300px; }
.wd-350 { width: 350px; }
.wd-400 { width: 400px; }
.wd-450 { width: 450px; }
.wd-500 { width: 500px; }
.wd-600 { width: 600px; }
.wd-700 { width: 700px; }
.wd-800 { width: 800px; }
.wd-900 { width: 900px; }
.wd-1000 { width: 1000px; }
.wd-1100 { width: 1100px; }
.wd-1200 { width: 1200px; }
.wd-1300 { width: 1300px; }
.wd-1400 { width: 1400px; }
.wd-1500 { width: 1500px; }
.mx-wd-100 { max-width: 100px; }
.mx-wd-200 { max-width: 200px; }
.mx-wd-300 { max-width: 300px; }
.mx-wd-400 { max-width: 400px; }
.mx-wd-500 { max-width: 500px; }
.mx-wd-600 { max-width: 600px; }
.mx-wd-700 { max-width: 700px; }
.mx-wd-800 { max-width: 800px; }

/* tracking */
.tracking-tighter { letter-spacing: -0.05em;}
.tracking-tight { letter-spacing: -0.025em;}
.tracking-normal { letter-spacing: 0em;}
.tracking-wide { letter-spacing: 0.025em;}
.tracking-wider { letter-spacing: 0.05em;}
.tracking-widest { letter-spacing: 0.1em; }
/** Shadows **/
.shadow-xs { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-inset { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); }
/** Fondo **/
.bg-white-1 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white-2 { background-color: rgba(255, 255, 255, 0.2); }
.bg-white-3 { background-color: rgba(255, 255, 255, 0.3); }
.bg-white-4 { background-color: rgba(255, 255, 255, 0.4); }
.bg-white-5 { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-6 { background-color: rgba(255, 255, 255, 0.6); }
.bg-white-7 { background-color: rgba(255, 255, 255, 0.7); }
.bg-white-8 { background-color: rgba(255, 255, 255, 0.8); }
.bg-white-9  { background-color: rgba(255, 255, 255, 0.9); }
.bg-gray-100 { background-color: #f4f5f8; }
.bg-gray-200 { background-color: #e3e7ed; }
.bg-gray-300 { background-color: #cdd4e0; }
.bg-gray-400 { background-color: #b4bdce; }
.bg-gray-500 { background-color: #97a3b9; }
.bg-gray-600 { background-color: #7987a1; }
.bg-gray-700 { background-color: #596882; }
.bg-gray-800 { background-color: #3b4863; }
.bg-gray-900 { background-color: #1c273c; }
.bg-akos-1{ background-color: #f7f6f6; }
.bg-cafe-1{ background-color: #aa9262; }
.bg-cafe-2{ background-color: #785616; }
.bg-cafe-3{ background-color: #7b4812; }
.bg-cafe-4{ background-color: #553d0d; }
.bg-cafe-5{ background-color: #58330a; }
.bg-verde-y{ background-color: #D0D5CD; }
.bg-verde-z{ background-color: #DAE6D3; }
.bg-verde-0{ background-color: #cbe8ba; }
.bg-verde-1{ background-color: #aedd94; }
.bg-verde-2{ background-color: #92d36e; }
.bg-verde-3{ background-color: #629c44; }
.bg-verde-4{ background-color: #4c7a34; }
.bg-verde-5{ background-color: #355723; }
.bg-amarillo-1{ background-color: #fff1d7; }
.bg-amarillo-2{ background-color: #fefac0; }
.bg-amarillo-3{ background-color: #ffe3ae; }
.bg-amarillo-4{ background-color: #ffd783; }
.bg-amarillo-5{ background-color: #ffc957; }
.bg-rojo-4{ background-color: #f44b4b; }
.bg-esc4, .modal-body.bg-esc4{ background-image: url(../img/bg/bg-sc4rl.png); }
.bg-bosq-1{ background-image: url(../img/bg/gk49vmj4.jpeg); }
.bg-bosq-2{ background-image: url(../img/bg/bd881922.jpg); }
.bg-bosq-3{ background-image: url(../img/bg/g48cvn34.jpeg); }
.bg-forest{ 
    background: #5A3F37;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C7744, #5A3F37);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C7744, #5A3F37); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-lemonade{
    background: #A1FFCE;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FAFFD1, #A1FFCE);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FAFFD1, #A1FFCE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-pastoseco{
    background: #cbe8ba;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #cbe8ba, #CDD0C7);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #cbe8ba, #CDD0C7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-arx-1 {
    background: #f7f6f6AA;
    background: -webkit-linear-gradient(to right, #ffffffff 0%, #f7f6f6ee 20%, #f7f6f622 40%, #f7f6f666 60%, #f7f6f6dd 80%, #ffffffee 100%);
    background: linear-gradient(to right, #ffffffff 0%, #f7f6f6ee 20%, #f7f6f622 40%, #f7f6f666 60%, #f7f6f6dd 80%, #ffffffee 100%);
}

.bg-f2 { background-color: #f2f2f2; }
.bg-suf{
    background: #8E8182;  
    background: -webkit-linear-gradient(to bottom, #8E8182, #B7A8A9);  
    background: linear-gradient(to bottom, #8E8182, #B7A8A9);
    color: #fff;
}
.bg-filter{
    background: #AC9A9A;
    background: -webkit-linear-gradient( to right, #823937 1%, #dddada 1%, #e9e4e4 20%, #f3eded 78% );
    background: linear-gradient( to right, #823937 1%, #dddada 1%, #e9e4e4 20%, #f3eded 78% );
}
.bg-footer{
    background: transparent;  
    background-image: url(../images/bg/bg-footer.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    color: #fff;
}
.bg-sef-1{  background-image: url(../img/bg/reft2982.png); }
.bg-find-word{
    background: #EAD4B9;  
    background: -webkit-linear-gradient( to right, #dbd8d3 0%, #EAD4B9 50%, #c7bdb1 100% );
    background: linear-gradient( to right, #dbd8d3 0%, #EAD4B9 50%, #c7bdb1 100% );
}
.bg-euca{
    background: #53826F;
}
.bg-dash{
    background-color: #c0c0c0 !important;
    background-image: repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 2px, #ffffff 2px, #ffffff 4px) !important;
}
/** Border **/
.bd{
    border-width: 1px;
    border-style: solid;
}
.bd-0{ border-width: 0; }
.bd-2{
    border-width: 2px;
    border-style: solid;
}
.bd-b{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bd-yash{
    border-color: #bcaea08f;
    border-width: 1px;
    border-style: solid;
}
.bd-verde-1{ border-color: #aedd94; }
.bd-verde-2{ border-color: #92d36e; }
.bd-verde-3{ border-color: #629c44; }
.bd-verde-4{ border-color: #4c7a34; }
.bd-cafe-1{ border-color: #aa9262; }
.bd-cafe-2{ border-color: #785616; }
.bd-cafe-3{ border-color: #7b4812; }
.bd-cafe-4{ border-color: #553d0d; }

.bd-v-x { border-color: #cbe8ba; }
.btn-verde-1{
    background: #aedd94;
    background: -webkit-linear-gradient(to bottom , #aedd94, #92d36e);
    background: linear-gradient(to bottom, #aedd94, #92d36e);
    color: #435723;
    border: 1px solid #629c44;
}
.btn-verde-1:hover{
    background: #92d36e;
    background: -webkit-linear-gradient(to bottom, #92d36e, #aedd94);
    background: linear-gradient(to bottom, #92d36e, #aedd94);
    color: #435723;
    border: 1px solid #629c44;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-verde-y{
    background: #D0D5CD;
    background: -webkit-linear-gradient(to bottom, #D0D5CD, #85907E);
    background: linear-gradient(to bottom, #D0D5CD, #85907E);
    color: #63735A;
    border: none;
}
.btn-verde-y:hover{
    background: #85907E;
    background: -webkit-linear-gradient(to bottom, #85907E, #D0D5CD);
    background: linear-gradient(to bottom, #85907E, #D0D5CD);
    color: #63735A;
    border: none;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-beige-1{
    background: #D9B28F;
    background: -webkit-linear-gradient(to bottom, #D9B28F, #f7f6f6);
    background: linear-gradient(to bottom, #D9B28F, #f7f6f6);
    color: #75471E;
    border: 1px solid #75471E;
}
.btn-beige-1:hover{
    background: #f7f6f6;
    background: -webkit-linear-gradient(to bottom, #D9B28F99, #D9B28F);
    background: linear-gradient(to bottom, #D9B28F99, #D9B28F);
    color: #75471E;
    border: 1px solid #75471E;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-amarillo-4{
    background: #ffc581;
    background: -webkit-linear-gradient(to bottom, #ffc581, #f7b52e);
    background: linear-gradient(to bottom, #ffc581, #f7b52e);
    color: #7a5a1c;
    border: 1px solid #f7b52e;
}
.btn-amarillo-4:hover{
    background: #f7b52e;
    background: -webkit-linear-gradient(to bottom, #f7b52e, #ffc581);
    background: linear-gradient(to bottom, #f7b52e, #ffc581);
    color: #7a5a1c;
    border: 1px solid #f7b52e;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-cafe-1{
    background: #aa9262;
    background: -webkit-linear-gradient(to bottom, #aa9262, #aa926299);
    background: linear-gradient(to bottom, #aa9262, #aa926299);
    color: #3e2406;
    border: 1px solid #785616;
}
.btn-cafe-1:hover{
    background: #785616;
    background: -webkit-linear-gradient(to top, #785616, #aa926266);
    background: linear-gradient(to top, #785616, #aa926266);
    color: #3e2406;
    border: 1px solid #785616;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-azul-1{
    background: #c9f1fd;
    background: -webkit-linear-gradient(to bottom, #c9f1fd, #8ed5f5);
    background: linear-gradient(to bottom, #c9f1fd, #8ed5f5);
    color: #3a8ea3;
    border: 1px solid #8ed5f5;
}
.btn-azul-1:hover{
    background: #8ed5f5;
    background: -webkit-linear-gradient(to bottom, #8ed5f5, #c9f1fd);
    background: linear-gradient(to bottom, #8ed5f5, #c9f1fd);
    color: #3a8ea3;
    border: 1px solid #8ed5f5;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-azul-2{
    background: #8ed5f5;
    background: -webkit-linear-gradient(to bottom, #8ed5f5, #4f95b6);
    background: linear-gradient(to bottom, #8ed5f5, #4f95b6);
    color: #fff;
    border: 1px solid #4f95b6;
}
.btn-azul-2:hover{
    background: #4f95b6;
    background: -webkit-linear-gradient(to bottom, #4f95b6, #8ed5f5);
    background: linear-gradient(to bottom, #4f95b6, #8ed5f5);
    color: #fff;
    border: 1px solid #4f95b6;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-azul-3{
    background: #4f95b6;
    background: -webkit-linear-gradient(to bottom, #4f95b6, #3a8ea3);
    background: linear-gradient(to bottom, #4f95b6, #3a8ea3);
    color: #fff;
    border: 1px solid #4f95b6;
}
.btn-azul-3:hover{
    background: #3a8ea3;
    background: -webkit-linear-gradient(to bottom, #3a8ea3, #4f95b6);
    background: linear-gradient(to bottom, #3a8ea3, #4f95b6);
    color: #fff;
    border: 1px solid #4f95b6;
    box-shadow: 0 0 5px 0 #00000033;
}
.btn-rojo-1{
    background: #EC0037;
    background: -webkit-linear-gradient(to bottom, #EC0037, #FF5A5F);
    background: linear-gradient(to bottom, #EC0037, #FF5A5F);
    color: #fff;
    border: 1px solid #FF5A5F;
}
.btn-gray-z{
    background: #D0D5CD;
    background: -webkit-linear-gradient(to bottom, #D0D5CD, #85907E);
    background: linear-gradient(to bottom, #D0D5CD, #85907E);
    color: #63735A;
    border: 1px solid #85907E;
}
.btn-gray-z:hover{
    background: #85907E;
    background: -webkit-linear-gradient(to left, #85907E, #D0D5CD);
    background: linear-gradient(to left, #85907E, #D0D5CD);
    color: #63735A;
    border: 1px solid #85907E;
    transition: 2.5s;
}
.btn-euca:hover{
    background: #85907E;
    background: -webkit-linear-gradient(to bottom, #85907E, #D0D5CD);
    background: linear-gradient(to bottom, #85907E, #D0D5CD);
    color: #63735A;
    border: 1px solid #85907E;
}
.btn-pdf{
    background: #B2361F;
    background: -webkit-linear-gradient(to bottom, #B2361F, #af2f34);
    background: linear-gradient(to bottom, #B2361F, #af2f34);
    color: #fff;
    border: 1px solid #af2f34;
    border-radius: 0.25rem;
}
.btn-pdf:hover{
    background: #af2f34;
    background: -webkit-linear-gradient(to bottom, #af2f34, #972511);
    background: linear-gradient(to bottom, #af2f34, #972511);
    color: #fff;
    border: 1px solid #972511;
    box-shadow: 0 0 5px 1px #00000099;
}
/** GAP **/
.gap-0{ grid-gap: 0;gap: 0}
.gap-1{grid-gap: .25rem;gap: .25rem}
.gap-2{grid-gap: .5rem;gap: .5rem}
.gap-3{grid-gap: .75rem;gap: .75rem}
.gap-4{grid-gap: 1rem;gap: 1rem}
.gap-5{grid-gap: 1.25rem;gap: 1.25rem}
.gap-6{grid-gap: 1.5rem;gap: 1.5rem}
.gap-8{grid-gap: 2rem;gap: 2rem}
.gap-10{grid-gap: 2.5rem;gap: 2.5rem}
.gap-12{grid-gap: 3rem;gap: 3rem}
.gap-16{grid-gap: 4rem;gap: 4rem}
.gap-20{grid-gap: 5rem;gap: 5rem}
.gap-24{grid-gap: 6rem;gap: 6rem}
.gap-32{grid-gap: 8rem;gap: 8rem}
.gap-40{grid-gap: 10rem;gap: 10rem}
.gap-48{grid-gap: 12rem;gap: 12rem}
.gap-56{grid-gap: 14rem;gap: 14rem}
.gap-64{grid-gap: 16rem;gap: 16rem}
.gap-px{grid-gap: 1px;gap: 1px}
.col-gap-0{grid-column-gap: 0;column-gap: 0}
.col-gap-1{grid-column-gap: .25rem;column-gap: .25rem}
.col-gap-2{grid-column-gap: .5rem;column-gap: .5rem}
.col-gap-3{grid-column-gap: .75rem;column-gap: .75rem}
.col-gap-4{grid-column-gap: 1rem;column-gap: 1rem}
.col-gap-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.col-gap-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.col-gap-8{grid-column-gap: 2rem;column-gap: 2rem}
.col-gap-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.col-gap-12{grid-column-gap: 3rem;column-gap: 3rem}
.col-gap-16{grid-column-gap: 4rem;column-gap: 4rem}
.col-gap-20{grid-column-gap: 5rem;column-gap: 5rem}
.col-gap-24{grid-column-gap: 6rem;column-gap: 6rem}
.col-gap-32{grid-column-gap: 8rem;column-gap: 8rem}
.col-gap-40{grid-column-gap: 10rem;column-gap: 10rem}
.col-gap-48{grid-column-gap: 12rem;column-gap: 12rem}
.col-gap-56{grid-column-gap: 14rem;column-gap: 14rem}
.col-gap-64{grid-column-gap: 16rem;column-gap: 16rem}
.col-gap-px{grid-column-gap: 1px;column-gap: 1px}
.gap-x-0{grid-column-gap: 0;column-gap: 0}
.gap-x-1{grid-column-gap: .25rem;column-gap: .25rem}
.gap-x-2{grid-column-gap: .5rem;column-gap: .5rem}
.gap-x-3{grid-column-gap: .75rem;column-gap: .75rem}
.gap-x-4{grid-column-gap: 1rem;column-gap: 1rem}
.gap-x-5{grid-column-gap: 1.25rem;column-gap: 1.25rem}
.gap-x-6{grid-column-gap: 1.5rem;column-gap: 1.5rem}
.gap-x-8{grid-column-gap: 2rem;column-gap: 2rem}
.gap-x-10{grid-column-gap: 2.5rem;column-gap: 2.5rem}
.gap-x-12{grid-column-gap: 3rem;column-gap: 3rem}
.gap-x-16{grid-column-gap: 4rem;column-gap: 4rem}
.gap-x-20{grid-column-gap: 5rem;column-gap: 5rem}
.gap-x-24{grid-column-gap: 6rem;column-gap: 6rem}
.gap-x-32{grid-column-gap: 8rem;column-gap: 8rem}
.gap-x-40{grid-column-gap: 10rem;column-gap: 10rem}
.gap-x-48{grid-column-gap: 12rem;column-gap: 12rem}
.gap-x-56{grid-column-gap: 14rem;column-gap: 14rem}
.gap-x-64{grid-column-gap: 16rem;column-gap: 16rem}
.gap-x-px{grid-column-gap: 1px;column-gap: 1px}
.row-gap-0{grid-row-gap: 0;row-gap: 0}
.row-gap-1{grid-row-gap: .25rem;row-gap: .25rem}
.row-gap-2{grid-row-gap: .5rem;row-gap: .5rem}
.row-gap-3{grid-row-gap: .75rem;row-gap: .75rem}
.row-gap-4{grid-row-gap: 1rem;row-gap: 1rem}
.row-gap-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.row-gap-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.row-gap-8{grid-row-gap: 2rem;row-gap: 2rem}
.row-gap-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.row-gap-12{grid-row-gap: 3rem;row-gap: 3rem}
.row-gap-16{grid-row-gap: 4rem;row-gap: 4rem}
.row-gap-20{grid-row-gap: 5rem;row-gap: 5rem}
.row-gap-24{grid-row-gap: 6rem;row-gap: 6rem}
.row-gap-32{grid-row-gap: 8rem;row-gap: 8rem}
.row-gap-40{grid-row-gap: 10rem;row-gap: 10rem}
.row-gap-48{grid-row-gap: 12rem;row-gap: 12rem}
.row-gap-56{grid-row-gap: 14rem;row-gap: 14rem}
.row-gap-64{grid-row-gap: 16rem;row-gap: 16rem}
.row-gap-px{grid-row-gap: 1px;row-gap: 1px}
.gap-y-0{grid-row-gap: 0;row-gap: 0}
.gap-y-1{grid-row-gap: .25rem;row-gap: .25rem}
.gap-y-2{grid-row-gap: .5rem;row-gap: .5rem}
.gap-y-3{grid-row-gap: .75rem;row-gap: .75rem}
.gap-y-4{grid-row-gap: 1rem;row-gap: 1rem}
.gap-y-5{grid-row-gap: 1.25rem;row-gap: 1.25rem}
.gap-y-6{grid-row-gap: 1.5rem;row-gap: 1.5rem}
.gap-y-8{grid-row-gap: 2rem;row-gap: 2rem}
.gap-y-10{grid-row-gap: 2.5rem;row-gap: 2.5rem}
.gap-y-12{grid-row-gap: 3rem;row-gap: 3rem}
.gap-y-16{grid-row-gap: 4rem;row-gap: 4rem}
.gap-y-20{grid-row-gap: 5rem;row-gap: 5rem}
.gap-y-24{grid-row-gap: 6rem;row-gap: 6rem}
.gap-y-32{grid-row-gap: 8rem;row-gap: 8rem}
.gap-y-40{grid-row-gap: 10rem;row-gap: 10rem}
.gap-y-48{grid-row-gap: 12rem;row-gap: 12rem}
.gap-y-56{grid-row-gap: 14rem;row-gap: 14rem}
.gap-y-64{grid-row-gap: 16rem;row-gap: 16rem}
.gap-y-px{grid-row-gap: 1px;row-gap: 1px}


.al-end{ align-self: end; }
.al-center{ align-self: center; }
/** GRID **/
.grid { display: grid }
.grid-flow-row { grid-auto-flow: row }
.grid-flow-col { grid-auto-flow: column }
.grid-flow-row-dense { grid-auto-flow: row dense }
.grid-flow-col-dense { grid-auto-flow: column dense }
.grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.grid-cols-none { grid-template-columns: none }
.auto-cols-auto { grid-auto-columns: auto }
.auto-cols-min { 
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
}
.auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
}
.auto-cols-fr { grid-auto-columns: minmax(0,1fr) }
.col-auto { grid-column: auto }
.col-span-1 { grid-column: span 1/span 1 }
.col-span-2 { grid-column: span 2/span 2 }
.col-span-3 { grid-column: span 3/span 3 }
.col-span-4 { grid-column: span 4/span 4 }
.col-span-5 { grid-column: span 5/span 5 }
.col-span-6 { grid-column: span 6/span 6 }
.col-span-7 { grid-column: span 7/span 7 }
.col-span-8 { grid-column: span 8/span 8 }
.col-span-9 { grid-column: span 9/span 9 }
.col-span-10 { grid-column: span 10/span 10 }
.col-span-11 { grid-column: span 11/span 11 }
.col-span-12 { grid-column: span 12/span 12 }
.col-span-full { grid-column: 1/-1 }
.col-start-1 { grid-column-start: 1 }
.col-start-2 { grid-column-start: 2 }
.col-start-3 { grid-column-start: 3 }
.col-start-4 { grid-column-start: 4 }
.col-start-5 { grid-column-start: 5 }
.col-start-6 { grid-column-start: 6 }
.col-start-7 { grid-column-start: 7 }
.col-start-8 { grid-column-start: 8 }
.col-start-9 { grid-column-start: 9 }
.col-start-10 { grid-column-start: 10 }
.col-start-11 { grid-column-start: 11 }
.col-start-12 { grid-column-start: 12 }
.col-start-13 { grid-column-start: 13 }
.col-start-auto { grid-column-start: auto }
.col-end-1 { grid-column-end: 1 }
.col-end-2 { grid-column-end: 2 }
.col-end-3 { grid-column-end: 3 }
.col-end-4 { grid-column-end: 4 }
.col-end-5 { grid-column-end: 5 }
.col-end-6 { grid-column-end: 6 }
.col-end-7 { grid-column-end: 7 }
.col-end-8 { grid-column-end: 8 }
.col-end-9 { grid-column-end: 9 }
.col-end-10 { grid-column-end: 10 }
.col-end-11 { grid-column-end: 11 }
.col-end-12 { grid-column-end: 12 }
.col-end-13 {  grid-column-end: 13 }
.col-end-auto {  grid-column-end: auto }
.grid-rows-1 { grid-template-rows: repeat(1,minmax(0,1fr)) }
.grid-rows-2 {  grid-template-rows: repeat(2,minmax(0,1fr)) }
.grid-rows-3 {  grid-template-rows: repeat(3,minmax(0,1fr)) }
.grid-rows-4 {  grid-template-rows: repeat(4,minmax(0,1fr)) }
.grid-rows-5 {  grid-template-rows: repeat(5,minmax(0,1fr)) }
.grid-rows-6 {  grid-template-rows: repeat(6,minmax(0,1fr)) }
.grid-rows-none { grid-template-rows: none }


@media (width < 600px) and ( width > 320px) {
.sm-w-5 { width: 5%;  }
.sm-w-10 { width: 10%;  }
.sm-w-15 { width: 15%;  }
.sm-w-20 { width: 20%;  }
.sm-w-25 { width: 25%;  }
.sm-w-30 { width: 30%;  }
.sm-w-35 { width: 35%;  }
.sm-w-40 { width: 40%;  }
.sm-w-45 { width: 45%;  }
.sm-w-50 { width: 50%;  }
.sm-w-55 { width: 55%;  }
.sm-w-60 { width: 60%;  }
.sm-w-65 { width: 65%;  }
.sm-w-70 { width: 70%;  }
.sm-w-75 { width: 75%;  }
.sm-w-80 { width: 80%;  }
.sm-w-85 { width: 85%;  }
.sm-w-90 { width: 90%;  }
.sm-w-95 { width: 95%;  }
.sm-w-100 { width: 100%;  }

.sm-w-1\/3 { width: 33.333333%;  }
.sm-w-1\/2 { width: 50%;  }
.sm-w-2\/3 { width: 66.666667%; }
.sm-w-1\/4 { width: 25%;  }
.sm-w-3\/4 { width: 75%;  }
.sm-w-1\/5 { width: 20%;  }
.sm-w-2\/5 { width: 40%;  }
.sm-w-3\/5 { width: 60%;  }
.sm-w-4\/5 { width: 80%;  }
.sm-w-1\/6 { width: 16.666667%;  }
.sm-w-5\/6 { width: 83.333333%;  }
.sm-w-1\/12 { width: 8.333333%;  }
.sm-w-100 { width: 100%;  }
/* Ajuste de Grid */
.sm-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.sm-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.sm-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.sm-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.sm-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.sm-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.sm-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.sm-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.sm-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.sm-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.sm-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.sm-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.sm-col-span-1 { grid-column: span 1/span 1  }
.sm-col-span-2 { grid-column: span 2/span 2  }
.sm-col-span-3 { grid-column: span 3/span 3  }
.sm-col-span-4 { grid-column: span 4/span 4  }
.sm-col-span-5 { grid-column: span 5/span 5  }
.sm-col-span-6 { grid-column: span 6/span 6  }
.sm-col-span-7 { grid-column: span 7/span 7  }
.sm-col-span-8 { grid-column: span 8/span 8  }
.sm-col-span-9 { grid-column: span 9/span 9  }
.sm-col-span-10 { grid-column: span 10/span 10  }
.sm-col-span-11 { grid-column: span 11/span 11  }
.sm-col-span-12 { grid-column: span 12/span 12  }
.sm-col-span-full { grid-column: 1/-1  }
.sm-col-start-1 { grid-column-start: 1  }
.sm-col-start-2 { grid-column-start: 2  }
.sm-col-start-3 { grid-column-start: 3  }
.sm-col-start-4 { grid-column-start: 4  }
.sm-col-start-5 { grid-column-start: 5  }
.sm-col-start-6 { grid-column-start: 6  }
.sm-col-start-7 { grid-column-start: 7  }
.sm-col-start-8 { grid-column-start: 8  }
.sm-col-start-9 { grid-column-start: 9  }
.sm-col-start-10 { grid-column-start: 10  }
.sm-col-start-11 { grid-column-start: 11  }
.sm-col-start-12 { grid-column-start: 12  }
.sm-col-start-auto { grid-column-start: auto  }
}
@media (width > 600px)  { ▼
.md-w-5 { width: 5%;  }
.md-w-10 { width: 10%;  }
.md-w-15 { width: 15%;  }
.md-w-20 { width: 20%;  }
.md-w-25 { width: 25%;  }
.md-w-30 { width: 30%;  }
.md-w-35 { width: 35%;  }
.md-w-40 { width: 40%;  }
.md-w-45 { width: 45%;  }
.md-w-50 { width: 50%;  }
.md-w-55 { width: 55%;  }
.md-w-60 { width: 60%;  }
.md-w-65 { width: 65%;  }
.md-w-70 { width: 70%;  }
.md-w-75 { width: 75%;  }
.md-w-80 { width: 80%;  }
.md-w-85 { width: 85%;  }
.md-w-90 { width: 90%;  }
.md-w-95 { width: 95%;  }
.md-w-100 { width: 100%;  }
.md-w-1\/3 { width: 33.333333%;  }
.md-w-1\/2 { width: 50%;  }
.md-w-2\/3 { width: 66.666667%; }
.md-w-1\/4 { width: 25%;  }
.md-w-3\/4 { width: 75%;  }
.md-w-1\/5 { width: 20%;  }
.md-w-2\/5 { width: 40%;  }
.md-w-3\/5 { width: 60%;  }
.md-w-4\/5 { width: 80%;  }
.md-w-1\/6 { width: 16.666667%;  }
.md-w-5\/6 { width: 83.333333%;  }
.md-w-1\/12 { width: 8.333333%;  }
.md-w-100 { width: 100%;  }
/** Ajuste de Grid */
.md-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
.md-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
.md-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
.md-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
.md-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
.md-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
.md-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
.md-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
.md-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
.md-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
.md-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
.md-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
.md-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
.md-col-span-1 { grid-column: span 1/span 1  }
.md-col-span-2 { grid-column: span 2/span 2  }
.md-col-span-3 { grid-column: span 3/span 3  }
.md-col-span-4 { grid-column: span 4/span 4  }
.md-col-span-5 { grid-column: span 5/span 5  }
.md-col-span-6 { grid-column: span 6/span 6  }
.md-col-span-7 { grid-column: span 7/span 7  }
.md-col-span-8 { grid-column: span 8/span 8  }
.md-col-span-9 { grid-column: span 9/span 9  }
.md-col-span-10 { grid-column: span 10/span 10  }
.md-col-span-11 { grid-column: span 11/span 11  }
.md-col-span-12 { grid-column: span 12/span 12  }
.md-col-span-full { grid-column: 1/-1  }
.md-col-start-1 { grid-column-start: 1  }
.md-col-start-2 { grid-column-start: 2  }
.md-col-start-3 { grid-column-start: 3  }
.md-col-start-4 { grid-column-start: 4  }
.md-col-start-5 { grid-column-start: 5  }
.md-col-start-6 { grid-column-start: 6  }
.md-col-start-7 { grid-column-start: 7  }
.md-col-start-8 { grid-column-start: 8  }
.md-col-start-9 { grid-column-start: 9  }
.md-col-start-10 { grid-column-start: 10  }
.md-col-start-11 { grid-column-start: 11  }
.md-col-start-12 { grid-column-start: 12  }
.md-col-start-auto { grid-column-start: auto  }
}
/** lg-grid **/
@media (width > 1024px)  { ▼
    .lg-w-5 { width: 5%;  }
    .lg-w-10 { width: 10%;  }
    .lg-w-15 { width: 15%;  }
    .lg-w-20 { width: 20%;  }
    .lg-w-25 { width: 25%;  }
    .lg-w-30 { width: 30%;  }
    .lg-w-35 { width: 35%;  }
    .lg-w-40 { width: 40%;  }
    .lg-w-45 { width: 45%;  }
    .lg-w-50 { width: 50%;  }
    .lg-w-55 { width: 55%;  }
    .lg-w-60 { width: 60%;  }
    .lg-w-65 { width: 65%;  }
    .lg-w-70 { width: 70%;  }
    .lg-w-75 { width: 75%;  }
    .lg-w-80 { width: 80%;  }
    .lg-w-85 { width: 85%;  }
    .lg-w-90 { width: 90%;  }
    .lg-w-95 { width: 95%;  }
    .lg-w-100 { width: 100%;  }

    .lg-w-1\/3 { width: 33.333333%;  }
    .lg-w-1\/2 { width: 50%;  }
    .lg-w-2\/3 { width: 66.666667%; }
    .lg-w-1\/4 { width: 25%;  }
    .lg-w-3\/4 { width: 75%;  }
    .lg-w-1\/5 { width: 20%;  }
    .lg-w-2\/5 { width: 40%;  }
    .lg-w-3\/5 { width: 60%;  }
    .lg-w-4\/5 { width: 80%;  }
    .lg-w-1\/6 { width: 16.666667%;  }
    .lg-w-5\/6 { width: 83.333333%;  }
    .lg-w-1\/12 { width: 8.333333%;  }
    .lg-w-100 { width: 100%;  }
    /** Ajuste de Grid */
    .lg-grid-cols-1 { grid-template-columns: repeat(1,minmax(0,1fr)) }
    .lg-grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) }
    .lg-grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) }
    .lg-grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) }
    .lg-grid-cols-5 { grid-template-columns: repeat(5,minmax(0,1fr)) }
    .lg-grid-cols-6 { grid-template-columns: repeat(6,minmax(0,1fr)) }
    .lg-grid-cols-7 { grid-template-columns: repeat(7,minmax(0,1fr)) }
    .lg-grid-cols-8 { grid-template-columns: repeat(8,minmax(0,1fr)) }
    .lg-grid-cols-9 { grid-template-columns: repeat(9,minmax(0,1fr)) }
    .lg-grid-cols-10 { grid-template-columns: repeat(10,minmax(0,1fr)) }
    .lg-grid-cols-11 { grid-template-columns: repeat(11,minmax(0,1fr)) }
    .lg-grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) }
    .lg-grid-cols-20 { grid-template-columns: repeat(20,minmax(0,1fr)) }
    .lg-col-span-1 { grid-column: span 1/span 1  }
    .lg-col-span-2 { grid-column: span 2/span 2  }
    .lg-col-span-3 { grid-column: span 3/span 3  }
    .lg-col-span-4 { grid-column: span 4/span 4  }
    .lg-col-span-5 { grid-column: span 5/span 5  }
    .lg-col-span-6 { grid-column: span 6/span 6  }
    .lg-col-span-7 { grid-column: span 7/span 7  }
    .lg-col-span-8 { grid-column: span 8/span 8  }
    .lg-col-span-9 { grid-column: span 9/span 9  }
    .lg-col-span-10 { grid-column: span 10/span 10  }
    .lg-col-span-11 { grid-column: span 11/span 11  }
    .lg-col-span-12 { grid-column: span 12/span 12  }
    .lg-col-span-full { grid-column: 1/-1  }
    .lg-col-start-1 { grid-column-start: 1  }
    .lg-col-start-2 { grid-column-start: 2  }
    .lg-col-start-3 { grid-column-start: 3  }
    .lg-col-start-4 { grid-column-start: 4  }
    .lg-col-start-5 { grid-column-start: 5  }
    .lg-col-start-6 { grid-column-start: 6  }
    .lg-col-start-7 { grid-column-start: 7  }
    .lg-col-start-8 { grid-column-start: 8  }
    .lg-col-start-9 { grid-column-start: 9  }
    .lg-col-start-10 { grid-column-start: 10  }
    .lg-col-start-11 { grid-column-start: 11  }
    .lg-col-start-12 { grid-column-start: 12  }
    .lg-col-start-auto { grid-column-start: auto  }
}
/** Estilos de formulario **/
.frm-proyecto input, .frm-proyecto textarea, .frm-proyecto select{
    border: 1px solid #d0d0d0;
    border-radius: 0.25em;
    background-color: #ffffff66;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    height: auto;
    padding: 4px;
}
.frm-proyecto input:focus, .frm-proyecto textarea:focus, .frm-proyecto select:focus{
    border: 1px solid #610011;
    box-shadow: 0 0 0 0.2rem rgba(97, 0, 17, 0.25);
    background-color: #ffffff;
    outline: 4px #D1C1C2;
}
.badge-circle{
    background: #96925C;
    color: #1c273c;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.5em;
}
.badge-lum{
    font-size:1.2em;
    padding: 0.5em 1em;
    border-radius: 0.25em;
    border: 1px solid #a29b9b;
}
.badge-vehi{
    font-size:1.3em;
    padding: 0.5em 1em;
    border-radius: 0.25em;
    color:#222;
}
/** Estilos de Tablero de Especies */
table.tablero-especies{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: right;
}
table.tablero-especies th{
    text-align: center;
    color: #785616;
}
table.tablero-especies .c-a, table.tablero-especies .c-b, table.tablero-especies .c-c{
    border-radius:2px;
    padding: 0.5em;
}
table.tablero-especies td .t-a, table.tablero-especies td .t-b{
    color: #785616;
    font-size:1em;
    font-weight: 600;
    text-align: left;
}
table.tablero-especies td .c-a{
    border: 1px solid #553d0d;
    background-color: #ffe3ae;
    color: #553d0d;
}
table.tablero-especies td .c-b{
    border: 1px solid #0d3d55;
    background-color: #aedd94;
    color: #0d3d55;
}
table.tablero-especies td .c-c{
    border: 1px solid #3d0d55;
    background-color: #629c44;
    color: #3d0d55;
}
/** Estilos de Listado de Solicitudes */
table.listado-solicitudes{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: right;
    border:#00000033 1px solid;
}
table.listado-solicitudes th{
    text-align: center;
    color: #355723;
    background-color: #92d36e;
    padding: 1em;
}
/** Estilos de Solicitud */
.lb-sol{
    font-size: 0.9em;
    font-weight: 500;
    color: #553d0d;
    letter-spacing: 0.1em;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}
.bd-sol{
    border: 1.5px solid #4c7a34;
}
.btn-sol-sel{
    background-color: #aedd94;
    color: #343a40;
    border: 1px solid #4c7a34;
}
.btn-sol-nosel{
    background-color: #f5f5f5;
    color: #4c7a34;
    border: 1px solid #4c7a34;
}
.tbl-esp-sol{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border:#00000033 1px solid;
}
.tbl-esp-sol th{
    text-align: center;
    background-color: #8E818266;
    color: #222;
    padding: 1em;
}
.tbl-esp-sol td{
    padding: 0.5em;
    border: 1px solid #00000033;
}
/** Insumos */
.tbl-insumos{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border:#00000033 1px solid;
}
.tbl-insumos th{
    text-align: center;
    background-color: #8E818266;
    color: #222;
    padding: 1em;
}
/** Estilo de Etapas de producción */
.etapa{
    padding: 0.5em;
    border-radius: 0.25em;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1em;
}
.bg-etapa-1{
    background-color: #dfedd6;
    color: #4c7a34;
    border: 1px solid #4c7a34;
}
.bg-etapa-2{
    background-color: #ffe3ae;
    color: #58330a;
    border: 1px solid #58330a;
}
.bg-etapa-3{
    background-color: #c9f1fd;
    color: #006e8c;
    border: 1px solid #006e8c;
}
.bg-etapa-4{
    background-color: #ffecd7;
    color: #d68227;
    border: 1px solid #d68227;
}
.ul-etapa{
    list-style: none;
    padding: 0;
    padding-left:10px;
    margin: 0;
}
.ul-etapa li:hover > div{
    background: rgb(221, 221, 216,0.2);
}
/** Solicitudes VS Vales **/
.inp-ex, .inp-sol, .inp-val, .inp-res-neg, .inp-res-pos, .inp-none, .inp-aiu{
    width: 150px;
    text-align: right;
    padding: 0.5em;
    border-radius: 1em;
    border: none;
    color: #402929;
}
.inp-ex{
    background-color: #B7B0A2;
}
.inp-sol{
    background: linear-gradient(90deg, #DCDAB2 10%, #DCD9B2 50%);
}
.inp-val{
    background: linear-gradient(90deg, #9ab6bb99 10%, #9ab6bb66 50%);
}
.inp-none{
    background-color: #f0f0f0;
    color: #f0f0f0;
}
.inp-res-pos{
    background-color: #98A586;
    color: #402929;
}
.inp-res-neg{
    background: linear-gradient(90deg, #665151 10%, #B7A2A2 50%);
}
.btn-ver-exi{
    background-color: #fafafa99;
    border: 0;
    color: #402929;
    padding: 0.2em;
    border-radius: 1em;
}
.btn-ver-exi:hover {
    background-color: #fafafa;
}
.btn-ver-sol{
    background-color: #fafafa99;
    border: 0;
    color: #402929;
    padding: 0.2em;
    border-radius: 1em;
}
.btn-ver-sol:hover {
    background-color: #fafafa;
}
/** Select2 de Especies **/
#esp_id + .select2-container .select2-selection.select2-selection--single{
    background-color: #fefac0;
}
#select2-esp_id-results .select2-results__option:hover {
    background: #FEF1E7;
    color: #111;
}
#select2-esp_id-results .select2-results__option.select2-results__option--highlighted{
    background: #FEF1E7;
    color: #111;
}
.bg-dis-esp{
    background-color: #727171;
    color: #8f8989;
}
.bg-dis-esp .tx-verde-4{
    color: #d2c8c8;
}
.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a {
    z-index: 3;
    color: #fff;
    background-color: #2E4E14;
    border-color: #2E4E14;
}
.page-item.active .page-link:focus, .page-item .page-link:focus{
    z-index: 3;
    color: #fff;
    background-color: #436229;
    border-color: #436229;
}
.nav.nav-anio .nav-link{
    color: #2E4E14;
    border: 1px solid #2E4E14;
}
.nav.nav-anio .nav-link.nav-ok {
    color: #fff;
    background-color: #2E4E14;
}