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

.elem-anchor{
top: 0px;   
}

/*PRELOADER*/
.cont-img-precarga .grp-frm .frm-precarga {  
background-image: url("https://observatorioamazonia.fcds.org.co/imagenes/globales-oafcds-v5/preloader/svg/00-sobre-oa/oa-b-5-100.svg");
}


body.sobre-oa #bk-nav-gen{  
background-color: var(--ng-40);  
}

h1,
.nav-ficha li a .txt.nav-ficha--txt-act p{
color: var(--bn-100);		
}
body.sobre-oa .nav--ficha--grp-cont-seccion h6{
color: var(--bn-100);	
}

/*.header .label-oa,
.header > .grp > .grp:nth-last-child(1),
.nav-ficha--btn-act,
.label-section--grp-tit > .elem,
.nav-ficha section > .grp .txt,
.nav-ficha section > .grp .elem{
background-color: var(--ng-30);	
}*/

/*3.----SEMÁNTICO*/
/*2.----NAVS*/
body.sobre-oa .nav-ficha ul {
border-radius: var(--border-r-sm);	
background-color: var(--ng-50);
border: 0.5px solid var(--base-a-3-50);
}
body.sobre-oa .nav-ficha ul {
border-radius: var(--border-r-base);	
background-color: var(--ng-50);
border: 0.5px solid var(--base-a-3-50);
}
body.sobre-oa .nav-ficha--btn .txt h6{
color: var(--base-a-5-100) !important;	
}
body.sobre-oa .nav-ficha li a .btn {
background-color: var(--bn-20);	
border-radius: var(--border-r-sm);	
}
body.sobre-oa .nav-ficha-btn-act {
background-color: var(--base-a-0-100);
}

/*3.2--main*/
.fondo-main{
position: fixed;
top: 0px;
left: 0px;
width: calc(100% + 20px);	
height: calc(100vh + 20px);	
}
.fondo-main img{
object-fit: cover;	
}

main section {
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;	
position: relative;
width: 100%;	
background-color: var(--trans);
z-index: 1;	
padding: 0px 0px 0px 0px;  
}
.wrapper-section{
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: column;
width: calc(100vw - 250px);
max-width: 800px;	
border-radius: var(--border-r-xl);	
background-color: var(--bn-10);	
border: 0.5px solid var(--base-a-5-50);
z-index: 1;	
margin: 0px 0px 50px 0px;
padding: 20px 0px 20px 0px;   
}

/*3.2.2--main wrapper*/
.cenefa-apt {
position: relative;
top: 0px;
width: calc(100% - 45px);
height: 50px;
background-color: var(--trans);
margin-top: -40px;
margin-left: 5px;  
}
.cenefa-apt .elem {
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: absolute;
top: -50px;
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
width: 100px;
height: 70px;
border-radius: var(--border-r-md) var(--border-r-md) 0px 0px;		
background-color: var(--trans);
border: 0.5px solid var(--base-a-4-100);
border-bottom: none;
}

.sec-apt .cenefa-apt{
margin-top: 0px;
margin-left: 0px;
}
.sec-apt .cenefa-apt .elem {
position: relative;
top: inherit;
left: inherit;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
height: 50px;
border-radius: 0px;		
background-color: var(--trans);
border: none;
}

.cenefa-apt .elem .cj-icn::before{  
color: var(--bn-60);  
}

/*3.2.3--main section*/
/*3.2.3.1--main section label*/
.label-section {
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: calc(100% - 60px);
height: auto;
min-height: 100px;	
margin-bottom: 0px;
padding: 0px 10px 0px 0px;  
}
.label-section .grp.picto {
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;
position: relative;
width: auto;
max-width: 750px;
padding: 0px;	
margin-left: 10px;
}
.label-section .grp.picto .grp {
flex: 0 0 55px;	
width: 55px;
height: 55px;	
position: relative;
background-color: var(--trans);
}
.label-section .grp.picto .grp .img {
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% + 20px);
height: calc(100% + 20px);
background-image: url(../../../imagenes/globales-oafcds-v5/iconos/pictos/picto-04.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.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: auto;	
background-color: var(--trans);		
border-radius: var(--border-r-base) var(--border-r-base) 0px 0px;		
border: none;	
border-bottom: none;
margin-left: 20px;	
padding: 5px 5px 0px 5px;	
}
.label-section--grp-tit h3{
position: relative;
z-index: 2;	
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);	
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--bn-100);
}

/*3.2.3.2--main section blq-wrapper*/
section .blq-wrapper {
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;
width: calc(100% - 40px);
background-color: var(--ng-60);	
border: 0.5px solid var(--base-a-1-100);
box-shadow: 
  0 0 0 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: 0px 0px 0px 0px;
border-radius: var(--border-r-lg) !important;  
}
.blq-wrapper article {
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;
position: relative;
width: 100%;	
border-radius: var(--border-r-base);	
background-color: var(--trans);	
background-image: none;
margin-bottom: 10px;
padding: 30px 40px 36px 40px;
}
.blq-wrapper article:last-of-type {
margin-bottom: 0px;
}
.blq-wrapper article:first-of-type {
margin-top: 10px;
}
.blq-wrapper article .cont-section .txt p {
font-family: var(--fuente-parrafo);
text-rendering: optimizeLegibility;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 250;
font-variation-settings: "wght" 450;
color: var(--bn-100);    
margin-bottom: 20px;
}
.blq-wrapper article .cont-section--subtit h4{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-md);
line-height: var(--line-height-md);	
font-weight: 400;
font-variation-settings: "wght" 600;	
text-transform: uppercase;	
color: var(--bn-100);
margin-bottom: 10px;	
}
.blq-wrapper article .cont-section .txt p:last-of-type {    
margin-bottom: 0px;
}
section .blq-wrapper--pre-gal, 
section .blq-wrapper--pre-grid{
border-radius: var(--border-r-xl)	var(--border-r-xl) 0px 0px !important;
}
.blq-wrapper--pre-gal, .blq-wrapper--pre-grid {
border-radius: var(--border-r-lg) var(--border-r-lg) 0px 0px;	
border-bottom: none;
margin-bottom: 0px;
}
.art-grid-blq {
position: relative;
width: calc(100% - 100px);
height: auto;
border: 0.0px solid var(--base-a-4-100);
background-color: var(--bn-100);
border-radius: var(--border-r-lg);	
box-shadow: 
	0 0 0 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);
z-index: 1;
margin: 0px 0px 0px 0px;
}
.art-grid-blq > .grp {
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;
background-color: var(--trans);
margin: 0px 0px 0px 0px;
padding: 5px;
}
.art-grid-blq .grp .cj {
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: center;
flex-direction: row;
flex: 1;
margin: 0px;
padding: 5px;
}
.art-grid-blq .grp .cj-25{	
flex: 0 0 25%;
width: 25%;	
}
.art-grid-blq .grp .cj-33{	
flex: 0 0 33.3%;
width: 33.3%;	
}
.art-grid-blq .grp .cj-100 {
flex: 0 0 100%;
width: 100%;
}
.art-grid-blq .card {
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: stretch;
flex-direction: column;
position: relative;
width: 100%;
border-radius: var(--border-r-base);	
background-color: var(--ng-05);
overflow: hidden;
margin: 0px;
}
.art-grid-blq--items .card {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.art-grid-blq--items .art-grid-blq--card-cont {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
position: absolute;
max-width: 70%;
}
.art-grid-blq--items .art-grid-blq--card-cont h4 {
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xxxl);
line-height: var(--line-height-xxxl);
font-weight: 500;
font-variation-settings: "wght" 700;
color: var(--bn-100);
text-align: left;
text-shadow: 
0px 0px 4px var(--ng-100), 
0px 0px 10px var(--ng-100), 
0px 0px 5px var(--ng-100);
}
.art-grid-blq--items .art-grid-blq--card-cont p {
font-family: var(--fuente-parrafo);
text-rendering: optimizeLegibility;	
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 550;
font-variation-settings: "wght" 750;
text-align: left;
text-transform: uppercase;	
letter-spacing: 1px;
color: var(--bn-100);
text-shadow: 
0px 0px 4px var(--ng-100), 
0px 0px 10px var(--ng-100);
margin-top: 20px;
margin-bottom: 0px;
}
.art-grid-blq--card-cont h5{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-md);
line-height: var(--line-height-md);
font-weight: 400;
font-variation-settings: "wght" 700;
text-align: center;
color: var(--bn-100);
margin-bottom: 0;
}
.art-grid-blq--card-cont, .art-grid-blq--card-txt, .art-grid-blq--card-btn {
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;
flex-direction: column;
position: relative;
flex: 1;
width: 100%;
z-index: 1;
padding: 0px 20px 20px 20px;
}
.art-grid-blq--card-cont, .art-grid-blq--card-txt {
justify-content: center;
}
.sec-ficha .blq-wrapper article {
background-color: var(--trans);	
background-image: none;
}

/*4.----SECCIONES CONTENIDO*/
/*4.1--grid normal*/
.sec-sobre-oa.xl-cards .art-grid-blq {
width: calc(100% + 80px);	
}
.sec-sobre-oa.xl-cards .art-grid-blq > .grp {
background-color: var(--trans);
padding: 5px 5px 5px 5px;	
}
.sec-sobre-oa.xl-cards .art-grid-blq .grp .cj-100 {
height: 400px;
padding: 5px 5px 5px 5px;	
}
.sec-sobre-oa.xl-cards .art-grid-blq .grp .cj .card {
max-height: 400px;
border-radius: var(--border-r-md);	
background-color: var(--trans);
border: none;
}
.art-grid-blq--items .art-grid-blq--card-img {
width: 100%;
z-index: 0;
}
.art-grid-blq--items .art-grid-blq--card-img img {
object-fit: cover;
}
.art-grid-blq--items .art-grid-blq--card-cont {
top: 50%;
left: 50px;	
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);	
max-width: 500px;	
cursor: auto;
padding: 0px 20px 0px 20px;
}

/*4.2--simple list*/
.sec-sobre-oa.simple-list .art-grid-blq {
background-color: var(--trans);
}
.sec-sobre-oa.simple-list .art-grid-blq {
border: none;
box-shadow: none;	
}
.sec-sobre-oa.simple-list .grp {
background-color: var(--trans);
}
.sec-sobre-oa.simple-list .cj {
min-height: auto;	
}
.sec-sobre-oa.simple-list .card {
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: row;
background-color: var(--trans);
border: none;	
}
.sec-sobre-oa.simple-list .art-grid-blq--card-cont{
width: 100%;
cursor: auto;
padding: 0px 20px 0px 0px;	
}
.sec-sobre-oa.simple-list .art-grid-blq--card-cont h5{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-md);
line-height: var(--line-height-md);
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--bn-100);
text-align: left;
margin-bottom: 10px;
}

/*4.3--picto list*/
.picto-list .art-grid-blq {
border: none;
box-shadow: none;
background-color: var(--trans);
}
.picto-list .grp {
background-color: var(--trans);
}
.picto-list .card{
/*-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: inherit;
flex-direction: row;	
background-color: var(--trans);
border: 0.5px solid var(--trans);  
}

.picto-list .art-grid-blq--card-cont {
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;
flex: 0 0 80%;
width: 80%;
height: 100%;  
position: relative;
cursor: auto;
padding: 10px 30px 10px 30px;	  
}

.picto-list .art-grid-blq--card-cont h5 {
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--bn-100);
text-shadow: none;	
text-align: left;
margin: 5px 0px 5px 0px;
}
.picto-list .art-grid-blq--card-cont p {
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;		
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 350;
font-variation-settings: "wght" 550;	
text-align: left;
color: var(--bn-100);	
text-shadow: none;
margin-bottom: 0;
}
.picto-list .art-grid-blq--card-img {
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;  
}

.picto-list .art-grid-blq--card-img picture {
height: 100%;
}
.picto-list .art-grid-blq--card-img img{
object-fit: contain;	
}

.picto-list .art-grid-blq--card-img .cj-icn {
flex: 0 0 80px;
width: 80px;
height: 80px;
}  

.picto-list .art-grid-blq .grp .cj {
margin: 10px 0px 10px 0px;
}
.picto-list .art-grid-blq .grp .cj:first-of-type {
margin: 0px 0px 10px 0px; 
}
.art-grid-blq .grp .cj:last-of-type {
/*margin: 10px 0px 0px 0px;*/
margin: 2.5px 0px 0px 0px;  
}

/*4.4--tipos list*/
/*.art-grid-blq--tipos-1 {
width: calc(100% - 30px);	
border: none;
background-color: var(--trans);
box-shadow: none;
margin-top: 10px;	
}
.art-grid-blq--tipos-1 .grp .cj:first-of-type .card {
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
border: 0.5px solid var(--base-a-2-100);	
box-shadow: 
	0 0 0 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);	
}
.art-grid-blq--tipos-1 .grp .cj:last-of-type .card {
background-color: var(--trans);
border: none;
box-shadow: none;
}
.art-grid-blq--tipos-1 .art-grid-blq--card-img {
width: calc(100% - 50px);
margin-top: 10px;	
}*/

.art-grid-blq--tipos-2 {
width: calc(100% - 30px);	
border: none;
background-color: var(--trans);
box-shadow: none;	
}
.art-grid-blq--tipos-2 > .grp {
justify-content: center;
}
.art-grid-blq--tipos-2 .grp .cj .card {
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-color: var(--trans);
box-shadow: 
	0 0 0 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);		
}

.art-grid-blq--tipos-2 .grp .cj .card > div:first-of-type {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;  
}
.art-grid-blq--tipos-2 .grp .cj .card .art-grid-blq--card-img {
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: 50%;
margin-top: 10px;
}
.art-grid-blq--tipos-2 .grp .cj .card .art-grid-blq--card-img .cj-icn {
flex: 0 0 120px;
width: 120px;
height: 120px;
}
#sec-lo-que-hacemos .wrapper-section .blq-wrapper{
border-radius: var(--border-r-lg) var(--border-r-lg) 0px 0px !important;    
}

/*4.5--aliados*/
#sec-socios-equipo .blq-wrapper {
border-radius: var(--border-r-xl)	var(--border-r-xl) var(--border-r-lg) var(--border-r-lg);
}
#sec-socios-equipo .art-img-md-logos {
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: center;
flex-direction: row;
position: relative;	
min-width: 100%;	
max-width: auto;	
height: auto;
max-height: 200px;	
background-image: none;	
border-radius: var(--border-r-md) var(--border-r-md) 0px 0px;		
overflow: hidden;
background-color: var(--bn-100);
border: 0.5px solid var(--base-a-4-100);
margin-top: -3px;	
padding: 50px 20px 50px 20px;	
}
#sec-socios-equipo .art-img-md-logos picture {
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: column;
width: 100%;
height: 100%;
}
#sec-socios-equipo .art-img-md-logos img {
object-fit: contain;
}

/*#sec-socios-equipo .blq-wrapper article {}*/
#sec-socios-equipo .blq-wrapper .art-img-md-logos + article {	
padding-bottom: 0px;	
}
#sec-socios-equipo .blq-wrapper .label-panel {
border: 0.5px solid var(--base-a-3-50);
border-radius: var(--border-r-base);  
margin: 20px 10px 25px 30px;
padding: 5px 15px 5px 5px;  
}
#sec-socios-equipo .blq-wrapper .label-panel a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;	
}

#sec-socios-equipo .blq-wrapper .label-panel h3 {
color: var(--bn-80);
}

/*ANIM FONDOS*/

/*scrolltrigger*/
/*.element_sticky {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
z-index: 0;	
overflow: hidden;	
}
.element_sticky .img {
width: 100%;
height: 100vh;	
}
.element_sticky .img img {
object-fit: cover;	
}*/

/*js*/
.fondo-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
pointer-events: none;
/*z-index: -1;*/
}
.fondo-sticky .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.6s ease-in-out;
}
.fondo-sticky .img.visible {
opacity: 1;
}

/*rrss*/
/*.sobre-oa .grp-rrss-compartir .nav-ficha--grp-subtit {
display: block;
}*/

/*TRANSICIONES*/
#sec-socios-equipo .blq-wrapper .label-panel{  
background-color: var(--trans);
}
#sec-socios-equipo .blq-wrapper .label-panel:hover{  
background-color: var(--bn-10);
}

#sec-socios-equipo .blq-wrapper .label-panel .grp {
background-color: var(--trans);
}
#sec-socios-equipo .blq-wrapper .label-panel:hover .grp {
background-color: var(--bn-20);
}

/*MEDIA QUERIES*/
@media screen and (max-width: 1280px){  
/*nav*/
.nav-ficha--btn .btn .icn {
opacity: 1;
}
.nav-ficha--btn .txt {
opacity: 1;
}
  
/*main*/  
.cenefa-apt {
width: calc(100% - 205px);
} 
.wrapper-section {
max-width: 700px;
}  
  
#sec-socios-equipo .blq-wrapper .label-panel .grp {
background-color: var(--trans);
}
#sec-socios-equipo .blq-wrapper .label-panel:hover .grp {
background-color: var(--trans);
}
}

@media screen and (orientation:landscape) and (max-width: 1024px){  
/*main*/  
main section {
padding: 10px 0px 0px 180px;
}  
/*footer*/  
footer{
padding: 0px 0px 0px 180px;
}  
}

/*@media screen and (orientation:portrait){*/
@media screen and (max-width:851px){
/*header*/  
body.sobre-oa .header {	
background-color: var(--ng-20);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);  
}
/*nav*/  
body.sobre-oa .nav-ficha ul {
border-radius: 0px;
background-color: var(--ng-50);
border: 0.5px solid var(--base-a-2-50);
}	
body.sobre-oa .nav-ficha--grp {
border-bottom: none;
}	
body.sobre-oa .nav-ficha--grp-subtit{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}	
body.sobre-oa .nav-ficha ul {
background-color: var(--trans);  
border-top: 0.5px solid var(--base-a-3-50);
border-bottom: 0.5px solid var(--base-a-3-50); 	
}  
	
/*main*/	
/*main*/  
main section {
padding: 10px 0px 0px 0px !important;
} 
.wrapper-section {
width: calc(100vw - 100px);
max-width: none;
}
.label-section {
max-width: calc(100% - 120px);
}	
/*section .blq-wrapper {
max-width: calc(100% - 60px);
}*/
    
/*footer*/  
footer{
padding: 0px 0px 0px 0px !important;
}   
}

@media screen and (max-width: 677px){
/*nav*/	
/*main*/		
.chap {
display: block !important;
}
.wrapper-section {
width: calc(100vw - 30px);
max-width: none;
border-radius: var(--border-r-xl);	
padding: 20px 0px 15px 0px	
}	
section .blq-wrapper {
border-radius: var(--border-r-lg) !important;	
}	
section .blq-wrapper--pre-grid {
border-radius: var(--border-r-lg) var(--border-r-lg) 0px 0px !important;		
}	
section .blq-wrapper {
width: calc(100% - 30px);
}
section .blq-wrapper article {
padding: 10px 20px 15px 20px;
}
#sec-socios-equipo .blq-wrapper .label-panel {
margin: 10px 10px 10px 10px;
}
.label-section {
max-width: calc(100% - 40px);
margin-top: 10px;	
}
.sec-sobre-oa.xl-cards .art-grid-blq {
width: 100%;
}
.sec-sobre-oa.simple-list .blq-wrapper article {
width: calc(100% - 0px);	
padding: 10px 10px 10px 10px;
}	
.picto-list .card {
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;  
justify-content: flex-start;	
flex-direction: column;
margin: 20px 0px 20px 0px;	
}	  
.picto-list .art-grid-blq--card-img {
border-radius: 0px;
flex: none;
max-width: 150px;  
}	
.picto-list .art-grid-blq--card-img .cj-icn {
flex: 0 0 120px;
width: 120px;
height: 120px;  
}  
.picto-list .art-grid-blq--card-cont {
flex: none;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;  
width: 100%;	
padding: 0px 0px 0px 0px;
}	
.picto-list .art-grid-blq--card-cont h5 {
text-align: center;
}  
.picto-list .art-grid-blq--card-cont p {
text-align: center;
}  
.art-grid-blq > .grp {
padding: 0px;
}	
.art-grid-blq--items .art-grid-blq--card-cont {
left: 0px;	
max-width: none;
}	
.art-grid-blq.art-grid-blq--tipos-2 .grp .cj-33 {
flex: 0 0 100%;
width: 100%;
}			
.cj-list-q .card-list {
padding: 20px 0px 20px 0px !important;
}	
.card-list-img{
flex: 0 0 90px;
width: 90px;
margin-right: 15px;	
}	
}