@charset "UTF-8";
/* CSS Document */

/*
INDEX
*/

/*1.----NAV GEN*/
#bk-nav-gen{
position: fixed;
top: 0px;
left: 0px;  
width: 100%;
height: 100%;
z-index: 701;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);  
background-color: var(--ng-80);  
}

#nav-gen-cont{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;
position: fixed;
  
/*top: 13px;
left: 199px;*/
  
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
  
width: calc(100vw - 250px);  
max-width: 1000px;    
height: auto;
z-index: 702;
background-color: var(--base-a-0-60);	
border: 0.5px solid var(--base-a-3-50);
box-shadow: 
	0 0 0 1px rgba(53,72,91,.17), 
	0 2px 2px rgba(0,0,0,.11), 
	0 4px 4px rgba(0,0,0,.12), 
	0 10px 8px rgba(0,0,0,.13), 
	0 15px 15px rgba(0,0,0,.13), 
	0 30px 30px rgba(0,0,0,.14), 
	0 70px 65px rgba(0,0,0,.15);
overflow: auto; 
}

.nav-gen{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
position: relative;
width: 100%;
height: auto;
padding: 0px 0px 12px 0px;  	
}
.nav-gen--sec{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;  
padding: 8px 20px 8px 20px;  
}

.nav-gen--label {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-bottom: 0px;
padding: 0px 10px 0px 0px;
}
.nav-gen--label .grp {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
position: relative;
width: auto;
max-width: 750px;
padding: 10px 0px 0px 0px;
}
.nav-gen--label-section--grp-icn {
position: relative;
flex: 0 0 50px;
width: 50px;
height: 50px;
border-radius: var(--border-r-sm);
background-color: var(--base-a-4-100);
border: 0.5px solid var(--base-a-4-50);  
margin: 0px 6px 0px 0px;
}
.nav-gen--label-section--grp-icn .icn {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: calc(100% - 10px);
height: calc(100% - 10px);
}

.nav-gen--label-section--grp-tit {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
width: auto;
height: 65px;
border-radius: var(--border-r-base) var(--border-r-base) 0px 0px;
background-color: var(--base-a-1-100);
padding: 5px 15px 0px 15px;
}
.nav-gen--label-section--grp-tit .elem {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 9px;
background-color: var(--base-a-1-100);
border-radius: var(--border-r-base) var(--border-r-base) 0px 0px;
}
.nav-gen--label-section--grp-tit .elem-curv {
position: absolute;
left: 46px;
top: -10px;
width: 10px;
height: 10px;
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
background-image: url("../../imagenes/globales-oafcds-v5/elementos/base-b/1/elem-curv-bottom-left-base-b-1.svg");  
}
.nav-gen--label-section--grp-tit h3 {
position: relative;
font-family: var(--fuente-principal);
text-rendering: optimizeLegibility;
font-size: calc(var(--font-size-lg) - 2px);
line-height: calc(var(--line-height-lg) - 2px);
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--bn-100);
z-index: 2;
}

.nav-gen--sec-acercamiento{
width: 100%;   
}



/*versión grid*/
/*.nav-gen--sec-acercamiento .nav-gen-grp ul{
display: grid;
grid-template-columns: 2fr 2fr;
gap: 10px 10px;
justify-items: center;  
}
.nav-gen--sec-acercamiento .nav-gen-grp ul li:nth-last-child(1):nth-child(odd) {
grid-column: span 2;
justify-self: center;
}*/

/*versión flex*/
.nav-gen--sec-acercamiento .nav-gen-grp ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
gap: 10px 10px;   
}


/*.nav-gen--sec-acercamiento .nav-gen-grp:first-of-type{}*/
.nav-gen--sec-acercamiento .nav-gen-grp:first-of-type ul {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;  
/*grid-template-columns: 1fr;*/
}
.nav-gen--sec-acercamiento .nav-gen-grp ul li{
/*width: 48%;*/
/*max-width: none;*/
/*max-width: 320px;*/  
margin: 0px;  
}
.nav-gen--sec-acercamiento .nav-gen-grp:first-of-type ul li {
max-width: 320px;  
}

.nav-gen--sec-analisis-bioma{
width: 100%;    
}
.nav-gen--sec-acerca-de-oa{
width: 100%;    
}
.nav-gen--sec-herramientas{
width: 50%; 
padding: 4px 7.5px 7.5px 20px;    
}
.nav-gen--sec-contacto{
width: 50%;
padding: 4px 20px 7.5px 7.5px;    
}

.nav-gen--sec .nav-gen--sec-cj{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;
width: 100%;
height: 100%;  
border-radius: 0px var(--border-r-lg) var(--border-r-lg) var(--border-r-lg);
background-color: var(--base-a-00-30);	
border: 0.2px solid var(--base-a-3-50);
padding: 10px;  
}
.nav-gen--sec-acercamiento .nav-gen--sec-cj{ 	
padding: 0px 10px 10px 10px; 
}

/*--------------*/
.nav-gen--sec-herramientas ul li:nth-child(1),
.nav-gen--sec-herramientas ul li:nth-child(4),
.nav-gen--sec-herramientas ul li:nth-child(5)
{
display: none;	
}

.nav-gen-grp{
position: relative;  
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
width: 100%;
height: 100%;  
margin: 0px;
padding: 20px 20px 20px 20px;  
}
.nav-gen--sec-acercamiento .nav-gen-grp{
flex-direction: column;  
margin: 10px 0px 0px 0px;  
}
.nav-gen--sec-acercamiento .nav-gen-grp:last-of-type{
margin: 10px 0px 10px 0px;  
}
.nav-gen-img{
position: absolute;
top: 0px;
left: 0px;  
width: 100%;
height: 100%;  
}
.nav-gen-img picture{
position: absolute;
top: 0px;
left: 0px;  
width: 100%;
height: 100%;  
}

.nav-gen-img img {
border-radius: var(--border-r-base);  
object-fit: cover;
}
.nav-gen--sec .nav-gen--sec-cj .nav-gen-grp:last-of-type{
border-bottom: none;  
margin-bottom: 0px;  
}
.nav-gen--sec-rrss{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;	
width: 100%;	
margin: 5px 0px 0px 0px;	
}
.nav-gen--sec-rrss ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;	
width: 100%;	
margin: 5px 0px 0px 0px;	
}
.nav-gen--sec-rrss ul li{
justify-content: center;	
flex: 1;
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;	
}
.nav-gen--sec-rrss ul li:last-of-type{
justify-content: center;	
flex: 1;
margin: 0px 0px 0px 0px;
}
.nav-gen--sec .cj-icn{
flex: 0 0 45px;
width: 45px;
height: 45px;
border: 0.5px solid var(--base-a-5-30);  
margin-right: 10px;	
}
.nav-gen .nav-gen--sec-subtit-2{
position: relative;  
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
padding: 10px;  
}
.nav-gen .nav-gen--sec-subtit-2 h3{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 400;
font-variation-settings: "wght" 700;
text-align: center;
text-shadow: 1px 1px 6px var(--ng-100);
color: var(--bn-100);
margin-bottom: 0px;  
}
.nav-gen ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;  
width: 100%;
max-width: 700px;  
padding: 20px;
}
.nav-gen li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;
/*max-width: 300px;*/  
will-change: auto;  
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);  
box-shadow: 
  0 0 0 1px rgba(53, 72, 91, .12), 
  0 2px 2px rgba(0, 0, 0, .06), 
  0 4px 4px rgba(0, 0, 0, .07), 
  0 10px 8px rgba(0, 0, 0, .08), 
  0 15px 15px rgba(0, 0, 0, .08), 
  0 30px 30px rgba(0, 0, 0, .09), 
  0 70px 65px rgba(0, 0, 0, .10);  
border-radius: var(--border-r-base);	
border: 1px solid var(--base-a-5-30);  
margin: 5px;  
padding: 5px;  
}

.nav-gen--sec-contacto li{
width: auto;  
min-width: auto;  
padding: 4px 4px 4px 4px;  
}
.nav-gen--sec-contacto li:last-of-type{
width: 100%;
max-width: 250px;  
}
.nav-gen--sec-contacto li:last-of-type h4 {
text-align: center;  
}

.nav-gen--sec-contacto li .btn{  
margin: 0px 0px 0px 0px !important;  
}
.nav-gen li .txt{
flex: 1;
}

.nav-gen li .txt h4{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);	
font-weight: 400;
font-variation-settings: "wght" 700;	
color: var(--bn-100);	
margin-bottom: 0;	
}
.nav-gen li .btn{ 
margin: 0px 0px 0px 10px;
}
.nav-gen li a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;	
}

/*2.----NAV FICHA*/
.nav-ficha{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
/*width: 165px;*/	
width: 100%;  
height: calc(100vh - 100px);
z-index: 2; 
padding: 0px 5px 0px 5px;  
}

.nav-ficha--grp{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-end;
-ms-flex-align: flex-end;
-webkit-align-items: flex-end;
align-items: flex-end;
justify-content: flex-start;
flex-direction: column;	
visibility: visible;		
width: 100%;	
height: auto;	
max-height: calc(100% - 20px);
}
.nav-ficha .nav-ficha--grp-subtit{	
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;	
flex: 0;	
width: 100%;	
z-index: 2;
border-radius: 0px;
border-bottom: 0.5px solid var(--base-a-3-100);	
padding: 10px 0px 10px 10px;  
}

.nav-ficha .nav-ficha--grp-subtit h5{	
position: relative;
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: calc(var(--line-height-xs) - 2px);	
font-weight: 500;
font-variation-settings: "wght" 800;	
z-index: 2;	
margin-bottom: 0;	
}

.nav--ficha--grp-cont{
width: 100%;
overflow: hidden;  
margin-top: 7px;  
}
.nav-ficha ul{
width: 100%;	
position: relative;	
list-style-type: none;	
overflow: auto;	
scroll-behavior: smooth;	
padding: 4px;  
}
.nav--ficha--grp-cont-seccion{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
position: relative;  
/*cursor: pointer;*/	
margin-bottom: 2px; 
}
.nav--ficha--grp-cont ul .nav--ficha--grp-cont-seccion:last-of-type{	
margin-bottom: 0px;	
}
.nav--ficha--grp-cont-seccion button{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: none;
z-index: 3;
cursor: pointer;
background-color: var(--trans)	
}

/*3.2--botones nav*/
.btn.btn-nav-home{
flex: 0 0 50px;
width: 50px;
height: 50px;
}
.btn.btn-nav-home .icn{
width: calc(100% - 10px);
height: calc(100% - 10px);	
}
.nav-gen .nav-gen-cont .btn,
.nav-gen .nav-gen-herr .btn 
{
flex: 0 0 45px;
width: 45px;
height: 45px;
}
.nav-ficha--btn{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;    
justify-content: flex-start;
flex-direction: row;
width: 100%;  
height: auto;
border-radius: var(--border-r-sm);    
}
.nav-ficha--btn .btn{ 
border-radius: var(--border-r-sm);  
}
.nav-ficha--btn .txt{   
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
border-radius: var(--border-r-sm);
z-index: 2;    
padding: 0px 8px 0px 8px;    
}
.nav-ficha--btn .txt h6{  
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);	
font-weight: 400;
font-variation-settings: "wght" 700;	
text-transform: uppercase;
letter-spacing: .3px;
color: var(--base-a-0-100);	
margin-top: 0px;  
margin-bottom: 0;	
}

.nav-ficha--btn .elem{
position: absolute;    
bottom: 0px;    
height: 100%;	
z-index: 0;
overflow: hidden;    
}
.nav-ficha--btn .elem .icn{
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 20px; 
height: 20px;	
background-image:url("../../imagenes/globales-oafcds-v5/iconos/nav/base/a/2/sprite-nav-base-a-2-v3.png");    
background-size: auto 300%;
background-repeat: no-repeat;
background-position: 60% 0%;	
}

/*----TRANSICIONES----*/
/*back nav gen*/
#bk-nav-gen{
opacity: 0;
visibility: hidden;  
}
.bk-nav-gen-act{
opacity: 1 !important;  
}
.bk-nav-gen-vis{
visibility: visible !important;  
}
.overflow-hid{
overflow: hidden;  
}

/*nav gen*/
#nav-gen-cont{
height: 0px;	
opacity: 0;	
visibility: hidden;  
border-radius: var(--border-r-xl);
}
#nav-gen-cont.nav-gen-cont-act{
height: calc(100vh - 140px);
visibility: visible;  
opacity: 1;
border-radius: var(--border-r-xl);	
}

.nav-ficha--btn .elem {
right: 60px;
}
.nav-ficha--btn .elem.nav-ficha--elem-act{
right: 0px;	
}

.nav-gen li{
background-color: var(--trans);	
}
.nav-gen li:hover{
background-color: var(--ng-40);  
}

.nav-gen ul li .bc--base-a-0,
.nav-gen ul li .bc--def,
.nav-gen ul li .bc--min,
.nav-gen ul li .bc--gan,
.nav-gen ul li .bc--vias,
.nav-gen ul li .bc--grps,
.nav-gen ul li .bc--hidr,
.nav-gen ul li .bc--agro,
.nav-gen ul li .bc--cult{
background-color: var(--trans) !important; 
}
.nav-gen ul li:hover .bc--def{
background-color: var(--vd-a-2-100) !important;  
}
.nav-gen ul li:hover .bc--min{
background-color: var(--am-a-2-100) !important;  
}
.nav-gen ul li:hover .bc--gan{
background-color: var(--nr-a-2-100) !important;  
}
.nav-gen ul li:hover .bc--vias{
background-color: var(--az-b-2-80) !important;  
}
.nav-gen ul li:hover .bc--grps{
background-color: var(--vd-b-2-100) !important;
}
.nav-gen ul li:hover .bc--hidr{
background-color: var(--cf-a-2-100) !important;
}
.nav-gen ul li:hover .bc--agro{
background-color: var(--rj-a-2-100) !important;
}
.nav-gen ul li:hover .bc--cult{
background-color: var(--fc-a-2-100) !important;
}

.nav--ficha--grp-cont{
opacity: 1;
visibility: visible;	
}
.nav--ficha--grp-cont-op0{
opacity: 0;
}
.nav--ficha--grp-cont-vis-hide{
visibility: hidden;
}

#btnPanelRefs + .nav-ficha--btn .txt{
opacity: 0.65;
}
#btnPanelRefs:hover + .nav-ficha--btn .txt{
opacity: 1;
}

#btnPanelRefs + .nav-ficha--btn .btn .icn{
opacity: 0.50;	
}
#btnPanelRefs:hover + .nav-ficha--btn .btn .icn{
opacity: 1;	
}

/*-------trans-btns-------*/
.nav-ficha--btn .btn .icn{
opacity: 0.50;	
}
.nav-ficha--btn:hover .btn .icn{
opacity: 1;	
}
.nav-ficha--btn .btn .icn.nav-ficha--icn-act{
opacity: 1;	
background-image: url("../../imagenes/globales-oafcds-v5/iconos/cont/bn/sprite-cont-bn-v3.png");
}

.nav-ficha--btn .txt{
opacity: 0.65;	
}
.nav-ficha--btn:hover .txt{
opacity: 1;	
}
.nav-ficha--btn .txt.nav-ficha--txt-act{
opacity: 1;	
}
.nav-ficha--btn-act{
opacity: 1;	    
}

#btnPanelRefs + .nav-ficha--btn .txt{
opacity: 0.65;
}
#btnPanelRefs:hover + .nav-ficha--btn .txt{
opacity: 1;
}

#btnPanelRefs + .nav-ficha--btn .btn .icn{
opacity: 0.50;	
}
#btnPanelRefs:hover + .nav-ficha--btn .btn .icn{
opacity: 1;	
}

/*4.----MEDIA QUERIES*/
@media screen and (max-width:1280px){
/*-------trans-btns-------*/	
.nav-gen li{
background-color: var(--trans);	
}
.nav-gen li:hover{
background-color: var(--trans);	
}
.nav-ficha--btn .btn .icn{
opacity: 0.50;	
}
.nav-ficha--btn:hover .btn .icn{
opacity: 1;
}
.nav-ficha--btn .txt{
opacity: 0.65;	
}
.nav-ficha--btn:hover .txt{
opacity: 1;	
}		
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){  
/*nav-gen*/  
#nav-gen-cont {
top: 60px;  
left: 50%; 
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
width: calc(100vw - 100px);  
}	
#nav-gen-cont.nav-gen-cont-act {
height: calc(100vh - 170px);  
border-radius: var(--border-r-lg);
}  
  
.nav-gen {
padding: 0px 0px 6px 0px;
}  
.nav-gen--sec {
margin-bottom: 20px;  
padding: 0px 10px 4px 10px;
} 
.nav-gen--sec .nav-gen--sec-cj {
border-radius: 0px var(--border-r-lg) var(--border-r-md) var(--border-r-md);  
padding: 10px 10px 10px 10px;
}  
.nav-gen-grp {
flex-direction: column;
padding: 10px;  
} 
.nav-gen--sec-acercamiento .nav-gen-grp{
margin: 10px 0px 0px 0px;
}  
.nav-gen--sec-acercamiento .nav-gen-grp:first-of-type {
margin: 0px 0px 0px 0px;
} 
.nav-gen--sec-acercamiento .nav-gen-grp:last-of-type {
margin: 10px 0px 0px 0px;
} 
  
.nav-gen .nav-gen--sec-subtit-2 {
flex: 0;
margin: 10px 0px 0px 0px;  
}
  
.nav-gen li {
width: 48%;  
/*width: 100%;*/
/*max-width: none;*/
max-width: 320px;  
}  
.nav-gen--sec-acercamiento .nav-gen-grp ul li {  
max-width: 320px;
}  
   
.nav-gen ul {
padding: 10px 0px 10px 0px;
}  
.nav-gen--sec-herramientas {
width: 100%;
padding: 0px 10px 4px 10px;
}  
.nav-gen--sec-contacto {
width: 100%;
padding: 0px 10px 4px 10px;
} 

.nav-gen--sec-acercamiento .nav-gen-grp ul {
grid-template-columns: 1fr;
}  
.nav-gen--sec-contacto{
margin-bottom: 0px;
}  
.nav-gen--sec-contacto li {
width: auto;
}  

/*nav-ficha*/  
.nav-ficha {
visibility: visible;
width: 100%;
height: auto;
box-shadow: 
	0 8px 10px 1px rgba(53,72,91,.07), 
	0 2px 2px rgba(0,0,0,.01), 
	0 4px 4px rgba(0,0,0,.02), 
	0 10px 8px rgba(0,0,0,.03), 
	0 15px 15px rgba(0,0,0,.03), 
	0 30px 30px rgba(0,0,0,.04), 
	0 70px 65px rgba(0,0,0,.05);
margin-top: 5px;
padding: 0px 0px 0px 0px;  
}	
.nav-ficha--grp {  
border-bottom: 0.5px solid var(--base-a-3-100);	
}	
.nav-ficha ul {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
justify-content: flex-start;
gap: 0px 5px;  
height: 100%;  
}	
.nav--ficha--grp-cont-seccion {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
flex: 1;
border: 0.5px solid var(--ng-20);
border-radius: var(--border-r-base);  
margin: 0px 0px 0px 0px;  
}	 
.nav--ficha--grp-cont-seccion:first-of-type {
margin: 0px 0px 0px 10px; 
}
/*.nav--ficha--grp-cont-seccion:last-of-type { 
margin: 0px 0px 0px 0px;  
}*/
/*.nav--ficha--grp-cont-seccion:last-of-type::after {
content:'';
position: relative;   
width: 10px;
height: 20px;
left: 10px;  
}*/
  
/*espacio final listado nav--ficha*/   
.nav--ficha--grp-cont ul:after {
content: '';
position: relative;
flex: 0 0 5px;
height: 10px;
}  

.nav-ficha .nav-ficha--grp-subtit {
position: absolute;
top: 0px; 
left: 110px;
width: calc(100% - 192px);  
height: 45px;
flex: auto;  
border-bottom: none;
padding: 5.5px 0px 0px 6px;  
}	
/*background-color: rgba(213,39,232,0.3);*/
  
.nav--ficha--grp-cont{
height: auto;  
}	
.nav-ficha ul {
border-radius: 0px;
border-left: none;
border-top: 0.5px solid var(--base-a-3-100);
border-right: none;
padding: 4px 0px 4px 0px;  
}	

/*botones*/
.nav-ficha--btn .elem {
position: absolute;
top: auto;
bottom: 20px;    
left: 35px;
right: auto;
width: calc(100% - 45px);    
height: 0px;
z-index: 2;
}	
.nav-ficha--btn .elem.nav-ficha--elem-act {
bottom: 1px;
height: 10px;    
}	
 
.nav-ficha--btn .elem .icn {
position: absolute;
top: 0px;
left: 50%;
width: 10px;
height: 10px;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
background-position: 70% 0%;  
}	
.nav-ficha--btn {
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;  
width: calc(100% - 0px);
border-radius: var(--border-r-base);	
padding: 4px; 
}
.nav-ficha--btn .btn{ 
flex: 0 0 30px;
width: 30px;
height: 30px;  
}  
.nav-ficha--btn .btn > .icn{
width: calc(100% - 7px);
height: calc(100% - 7px);
}
.nav-ficha--btn .txt h6 {
font-size: calc(var(--font-size-xxs) - 1px);
line-height: calc(var(--line-height-xxs) - 4px);
}  
  
    
.nav-ficha--btn .btn .icn.nav-ficha--icn-act{
opacity: 1 !important;	
} 
.btnPanelRefs + .nav-ficha--btn .btn .icn{
opacity: 1;
}
.btnPanelRefs:hover + .nav-ficha--btn .btn .icn{
opacity: 1;	
}
.btnPanelRefs + .nav-ficha--btn .txt{
opacity: 1;
}
.btnPanelRefs:hover + .nav-ficha--btn .txt{
opacity: 1;	
}       
}

@media screen and (max-width:677px){
/*nav-gen*/  
#nav-gen-cont {
top: 70px;
width: calc(100vw - 30px);
}
.nav-gen li {
width: 100%;
}
/*nav-ficha*/  
/*.nav-ficha .nav-ficha--grp-subtit {
padding: 5.5px 0px 0px 10px;  
}*/	  
.nav-ficha .nav-ficha--grp-subtit h5 {
font-size: calc(var(--font-size-xs) - 1.0px);
line-height: calc(var(--line-height-xs) - 3.8px); 
}	
  
.nav-gen--sec-acercamiento .nav-gen-grp ul {
grid-template-columns: 1fr;
}
.nav-gen--sec-acercamiento .nav-gen-grp ul li {
max-width: 320px;
}  
  
.nav-gen--sec-contacto li {
width: auto;
}  
}