@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');


/*
    font-family: 'Mulish', sans-serif;
*/

/*VARS*/
:root {
	--bk-color:#FFF;
	
	--main-font-family: 'Open Sans', sans-serif;
	--main-font-color:#183962;
	--main-font-size:17px;
	
	--font-light:300;
	--font-regular:400;
	--font-medium:500;
	--font-semi-bold:600;
	--font-bold:700;
	--font-black:800;

	--header-height:70px;
	--header-userbar-height:40px;
	--header-full-height:calc(var(--header-height) + var(--header-userbar-height));
	
	--menu-color:#FFF;	
	
	--contrast-1:#000;	
		
	--color-transparent:rgba(0,0,0,0);
	
	--margin-mini:.5rem;
	--margin-small:1rem;
	--margin-big:2.5rem;	
	
	--radius-small:5px;
	--radius-med:10px;
	--radius-big:20px;
	
	--canvas-width:1440px;
	
}

/*COLORES VARS*/
:root {		
	
	/*https://coolors.co/palette/2b2d42-8d99ae-edf2f4-ef233c-d90429*/
	/*https://coolors.co/palette/780000-c1121f-fdf0d5-003049-669bbc*/
	
	--color-1:#183962; /*AZUL*/	
	--color-2:#a72934; /*ROJO*/	
	--color-3:#026270; /*AGUA*/
	--color-3a:#3e8490; /*AGUA A*/
	--color-3-light:rgba(62,132,144,.3); /*agua transparente*/
	
	--color-4:#232323; /*GRIS FRIO*/
	--color-4a:#747f8b; /*GRIS FRIO CLARO*/	
	
	--color-5:#e16b38; /*ROJO*/
	
	/**/	
	
	--color-7:#747f8b; /*AZUL GRIS*/	
	
	--color-borde:#eeeeee; /*GRIS*/
	--color-bk:#f3f3f3; /*GRIS*/
	
	--color-bk-light:rgba(255,255,255,.8);
	--color-bk-dark:rgba(0,0,0,.8);
	
	/*PENDIENTE*/	
	
	--gradient-1:var(--color-2);
	--gradient-2:var(--color-1);
	--gradient-3:var(--color-3);
}


body{ 	
	min-height: 100%;
	padding: 0;
	font-size:var(--main-font-size);	
	text-align:justify;
	margin:0px;
	position:relative;				
	background: var(--bk-color);
	font-family: var(--main-font-family);
    font-weight: var(--font-regular);
	color: var(--main-font-color);
	display:flex;
	flex-direction:column;
	}	
	
main{
	flex:1; 
}

html{
	height: 100%;
	padding: 0;
	}		
	
img{ 
	border:none;
	vertical-align:middle;
	}
	
.grecaptcha-badge { 
    visibility: hidden !important;
}

   
/*MAIN*/

.main-table{
	width:100%;
	height:100vh;	
	}	
	
.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
}

.rollOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.enable-transition{
	transition: all .5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.enable-transition-fast{
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

a,
button{
outline:0 !important;
}

.ocultar{
	display: none !important;
}

.max-widht{   
    max-width: 1440px !important;
}

.inner-box{
    display:flex;
    padding: var(--margin-big) var(--margin-small);    
    width: 100%;
    position: relative;
	justify-content: space-around;
	flex-wrap: wrap;
}

.titulo-principal, .col-articulo h1{
	display: flex;
	padding-bottom: var(--margin-small);
	margin-bottom: var(--margin-small);
	border-bottom: dotted 2px var(--color-3a);
	font-weight: var(--font-bold);
	color: var(--color-3);
	text-align: left;	
}

.boxTexto{
	width: 100%;
}



/**/

.main-wrapper{
    display: flex;
    width: 100%;
	gap: var(--margin-big);
	justify-content: space-around;
	flex-wrap: wrap;
	padding: var(--margin-big) var(--margin-small);
	align-items: flex-start;
}

.bloque-contenido{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-small);
}

/*HEADER*/ 

header{
	display: flex;
    width: 100%;
	justify-content: space-around;
    position: sticky;
    z-index: 9999;
	top:0;
    transition: all 0.5s;	
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	background: rgba(255,255,255,1);
	background: #FFF;
	
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}

header.alt-header{
	background: rgba(255,255,255,1);
}



.header-box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-content: flex-start;
}

.header-user-bar, .header-menu-bar{
	display: flex;	
	width: 100%;
	padding: 0 var(--margin-small);	
	justify-content: space-around;
	margin: 0;
	position: relative;
}

.header-user-bar{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5a6d7e+0,bdd0e2+100 */
	background: #5a6d7e; /* Old browsers */
	background: -moz-linear-gradient(left,  #5a6d7e 0%, #bdd0e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #5a6d7e 0%,#bdd0e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #5a6d7e 0%,#bdd0e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a6d7e', endColorstr='#bdd0e2',GradientType=1 ); /* IE6-9 */
}

.header-bar-box{
	display: flex;
	width: 100%;
	padding: var(--margin-mini) 0;	
	align-items: center;
	justify-content: right;
	gap: var(--margin-small);
	
}

.header-bar-box-menu{
	padding: var(--margin-big) 0;
}

.header-user-bar .grid-col{
	display: flex;
	align-items: center;
	gap: var(--margin-mini);
}

.header-menu-bar .logo{
	height: 70px;
	position: relative;
}

.header-menu-bar .logo img{
	position: absolute;
	height: inherit;
	left: 0;
	top: 0;
}

.alt-header .logo-color, .logo-blanco{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;	
}

.alt-header .logo-blanco{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}

.cambio_idioma, .sm_bar a{
	color: rgba(255,255,255,1);
	text-decoration: none;
}

.separador-lang{
	color: rgba(255,255,255,.5);
}

.cambio_idioma:hover, .sm_bar a:hover, .cambio_idioma.activo{
	color: var(--color-4);
}

.cambio_idioma .lang_short{
	display: none;
}


.sm_bar{
	display: flex;
	align-items: center;
	gap: var(--margin-mini);
	justify-content: flex-start;
}

/**/

.header-menu-bar .header-bar-box{
	justify-content: space-between;
}

.header-menu-bar .logo{
	align-self: flex-start;
}

/*MENU PRINCIPAL*/
.header-menu-btn{
	position: relative;	
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: none;
}

.header-menu-btn img{
	width: 100%;
}

.header-menu-btn.btn-cerrar{
	position: absolute;
	right: var(--margin-small);
	top: var(--margin-small);
	display: flex;
	height: 50px;
}

/**/
.menuPrincipal{
    display: flex;
	align-items: center;
	justify-content: space-between;
	align-self: flex-end;
}

.menu-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.menuPrincipal .menu-principal{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-big);	
}

.menuPrincipal .menu-principal > li{
	position: relative;
}

.menuPrincipal .menu-principal > li > a{
	display: flex;
	text-decoration: none;
	align-items: center;
	color: var(--color-1);
	text-transform: uppercase;
	font-weight: var(--font-light);
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;	
	
	line-height: 1em;
	padding-bottom: var(--margin-mini);
	margin-bottom: calc(var(--margin-mini) * -1);
}

.menuPrincipal .menu-principal > li:hover > a{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}


@keyframes fade_in_show {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

.menu-principal h3{
	display: flex;
	width: 100%;
}

.menuPrincipal .menu-sub{
	position: absolute;
	display: none;
	background: #FFF;	
	justify-content: space-between;
	gap: var(--margin-small);
	right: 0px;
	margin-top: var(--margin-mini);
	padding: var(--margin-small);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1);
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1);
		
	background: #FFF;
	flex-wrap: wrap;	
}

.menuPrincipal .menu-principal > li:hover .menu-sub{
	display: flex;
	animation: fade_in_show 0.5s
}

.menuPrincipal .menu-sub-col{
	display: flex-row;
	flex-wrap: wrap;
	font-size: .9rem;
	gap: var(--margin-mini);
	width: 100%;
}

.menuPrincipal .menu-sub-col a{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	white-space: nowrap;
}

.menuPrincipal .menu-sub-col .bnt-thumbnail{
	display: flex;
	position: relative;	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	overflow: hidden;
	
}

.menuPrincipal .menu-sub-col .bnt-thumbnail picture, .menu-sub-col .bnt-thumbnail img{
	width:100%;
	
}

.menuPrincipal .menu-sub-col .bnt-thumbnail h3{
	display: flex;
	position: absolute;	
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
	color: #FFF;
	margin: 0;
	padding: 5px 8px;
	text-align: left;
	font-size: inherit;
}

.menuPrincipal .menu-sub-col .btn-simple{
	display: flex;
	width: 100%;
	padding: 2px 10px;	
	text-decoration: none;
	color: inherit;	
}

.menuPrincipal .menu-sub-col .btn-simple:last-child{
	margin-bottom:0;
}


/**/
.menu-responsivo-box{	
	width: 100%;
	position: fixed;	
	background: #FFF;
	z-index: 9999;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	overflow-y: auto;
	font-size: .9em;		
	height: 0;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity:0;
	opacity: 0;
}

.menu-responsivo-box.open{
	height: 0;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	
}

.menu-responsivo-box .logo{
	display: flex;
	width: 100%;
	padding: var(--margin-big);
}

.menu-responsivo-box .logo img{
	width: 120px;
}

.menu-responsivo{
	width: 100%;
	padding: 0 var(--margin-big);
	padding-bottom: var(--margin-big);
}

.menu-responsivo .menu-box ul, .menu-responsivo .menu-box li{
	width: 100%;
}

.menu-responsivo .menu-box ul{
	gap: var(--margin-mini);
}

.menu-responsivo .menu-principal > li > a {
  width: 100%;
  display: flex;
  text-decoration: none;
  align-items: center;
  color: var(--color-1);
  padding: var(--margin-mini) 0;
  font-weight: var(--font-light);
  font-size: 1.1em;
  text-transform: uppercase;
}

.menu-responsivo .menu-principal > li > a:hover {
	color: var(--color-3);
}

.menu-responsivo .menu-sub{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: var(--margin-small);
	background: var(--color-bk);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	margin-top: var(--margin-mini);
}

.menu-responsivo .menu-sub .menu-sub-col{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	align-items: flex-start;
}

.menu-responsivo .menu-sub .bnt-thumbnail img, .menu-responsivo .menu-sub .bnt-thumbnail picture{
	display: none;
}

.menu-responsivo .menu-sub .bnt-thumbnail{
	width: 100%;
	display: flex;
}

.menu-responsivo .menu-sub h3{
	font-size: 1em;
	padding: 0;
	margin: 0;
}

.menu-responsivo .menu-sub a{
	width: 100%;
	padding: var(--margin-mini);
	text-decoration: none;
	color: var(--color-1);
	text-align: left;
	background: #FFF;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	margin-bottom: var(--margin-mini);
}

.menu-responsivo-box .sm_col{
	padding: var(--margin-big);
	padding-top:0;
}

.menu-responsivo-box .sm_bar a{
	color: var(--color-1);
}

/**/

.intro{
	display: flex;
	background: url("../img/graficos/bk_home.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: calc(var(--margin-big)*2)
}

/**/

.info-box{
	display: flex;
	flex-wrap: wrap;
	padding: var(--margin-small);
	-webkit-border-radius: var(--radius-big);
	border-radius: var(--radius-big);
	background: var(--color-bk-light);	
	text-align: center;
	text-decoration: none;
}

.info-box h1{
	width: 100%;
}

.info-box .controles{
	display: flex;
	align-items: center;
	gap: var(--margin-small);
}

.info-box-big{
	color: var(--color-3);
	max-width: 600px;
	gap: var(--margin-small);
	padding: var(--margin-big);	
}

.info-box-big h1{
	color: var(--color-1);
	font-weight: var(--font-bold);
}

.info-box .icono{
	display: flex;
	width: 100%;
	justify-content: space-around;
	font-size: 2.5em;
}

.info-box-color{
	background: var(--color-3a);
	color: #FFF;
	gap: var(--margin-small);
	text-align: center;	
}

.info-box-hover:hover{
	color: #FFF;
	background: var(--color-2);
	text-decoration: none;
}

.info-box-color h1{
	font-weight: var(--font-light);
}

.btn-generico{
	padding: var(--margin-small);
	font-size: .9em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--margin-mini);
	background: var(--color-3a);
	text-decoration: none;
	cursor: pointer;
	color: #FFF;
	
	border: solid 1px var(--color-3a);
	background: var(--color-3a);
	
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.info-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--margin-big);
	grid-auto-rows: minmax(100px, auto);
}

.btn-outline{
	background: none;
	color: var(--color-3a);
}

.btn-generico:hover, .btn-outline:hover{
	border: solid 1px var(--color-1);
	background: var(--color-1);
	color: #FFF;
}

.bk-color-1{
	background: var(--color-1);
}

.bk-color-3{
	background: var(--color-3);
}

.bk-color-3a{
	background: var(--color-3a);
}

.bk-color-4{
	background: var(--color-2);
}

/**/

.intro-destacado{
	margin-top: calc(var(--margin-big)*-3);
}

/**/
.bk-color-light{
	background: var(--color-3-light)
}

/**/

.search-box{
	display: inline-flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto;
	justify-content: space-around;
	gap:var(--margin-small);
}


.search-box h1{
	font-weight: var(--font-black);
	flex-grow: 1;
	width: 100%;
}

.search-box .search-input{
	display: flex;	
	align-items: center;
	background: #FFF;
	padding: var(--margin-small);
	
	-webkit-border-radius: var(--radius-big);
	border-radius: var(--radius-big);
	
	width: 100%;
	max-width: 550px;
}

.search-box input, .search-box input:focus, .search-box input:active{
	font-size: var(--main-font-size);
	font-family: var(--main-font-family);
	padding: 0;
	border: 0;
	outline: 0;
	width: 100%;
}

.search-box i{
	font-size: 1.3em;
	margin-left: 10px;
}

.search-box button{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

/**/

.search-bar-blog{
	display: flex;
	gap:var(--margin-small);
	position: relative;
}

.search-bar-blog input, .search-bar-blog input:hover, .search-bar-blog input:active, .search-bar-blog input:focus{
	width: 100%;
	background: none;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	border: solid 1px var(--color-3a);
	padding: var(--margin-mini);
	outline: none;
	padding-right: var(--margin-big);
}

.search-bar-blog button,.search-bar-blog button:hover, .search-bar-blog button:active, .search-bar-blog button:focus{
	position: absolute;
	right: var(--margin-mini);
	top: var(--margin-mini);
	color: var(--color-3a);
	background: none;
	border: none;
}


/**/
.featured-cat{
	/*
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-big);	
	*/
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: var(--margin-big);
}

.col-menu .featured-cat{
	grid-template-columns: repeat(1, 1fr);
}

.featured-cat .post-miniatura-box{
	/*grid-row: 1;	*/
}

.featured-cat .post-miniatura-box{
	/*
	width: 100%;
	max-width: calc(25% - (var(--margin-small)/4));	
 */
}

.featured-cat .post-miniatura{	
	display: flex;
	position: relative;
	height: 100px;
	overflow: hidden;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);	
	
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.featured-cat .post-miniatura .overlay{
	background-color: linear-gradient(180deg, transparent, rgba(0,0,0,.5));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


.featured-cat .post-miniatura h1{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1em;
	padding: var(--margin-small);
	margin: 0;
	font-weight: var(--font-bold);
	color: #FFF;
	z-index: 2;	
	text-shadow: 0 0 5px #000000;
}

.featured-cat .post-miniatura img, .featured-cat .post-miniatura picture{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.featured-cat .sub-tree{
	display: flex;
	flex-wrap: wrap;
	padding:var(--margin-small); 
	padding-bottom: 0;
	background: var(--color-bk);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);	
	font-size: .9em;
	text-align: left;
}

.featured-cat .sub-tree ul{
	padding-left: var(--margin-small); 
	list-style: none;
}

.featured-cat .sub-tree ul:first-child{
	padding-left: 0;
}

.featured-cat .sub-tree a{
	display: inline-flex;
	text-decoration: none;
	color: var(--color-1);
	margin-bottom: 5px;
	
	background: #FFF;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	padding: var(--margin-mini);
	gap: var(--margin-mini);
	text-align: left;
	font-size: .9em;
	
}

.featured-cat .sub-tree a:hover{
	text-decoration: none;
	color: var(--color-2);
}

/**/
foot{
	display: flex;
	background: var(--color-4);
}

foot .logo, foot .logo img{
	height: 80px;
}

.foot-grid{
	width: 100%;
	display: flex;
	gap: var(--margin-big);
}

.foot-grid .grid-col:first-child{
	border-right: solid 1px var(--color-3a);
	padding-right: var(--margin-big);
}

.foot-grid .grid-col:last-child{
	flex-grow: 1;
	text-align: right;
}

foot .links-lista, foot .links-bloques{
	font-weight: var(--font-light);
	font-size: .9em;
}

foot .links-lista ul, foot .links-bloques ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}


foot .links-lista a, foot .links-bloques a{
	text-decoration: none;
	color: #FFF;
}

foot .links-lista a:hover, foot .links-bloques a:hover, foot .sm_bar a:hover{
	text-decoration: none;
	color: var(--color-3a);
	
	transition: all .3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	
	-webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

/**/

.grid-pagina{
	display: flex;
	flex-direction: row-reverse;
	gap:var(--margin-big);
	align-items: flex-start;
}

.grid-pagina .col-articulo{
	display: flex;
	flex-wrap: wrap;
}

.grid-pagina .col-menu{
	width: 300px;
	min-width: 300px;
}

.grid-pagina .col-menu .featured-cat .post-miniatura-box{
	max-width: 100%;	
}

.grid-pagina .col-articulo .featured-grid, .featured-related .featured-grid{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-big);
}

.featured-related .featured-grid .entradas{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-small);
	font-size: .8em;
}

.grid-pagina .col-articulo .featured-grid .post-miniatura, .featured-related .featured-grid .post-miniatura{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding:var(--margin-small); 
	background: var(--color-bk);
	-webkit-border-radius: var(--radius-big);
	border-radius: var(--radius-big);		
	color: inherit;
	text-decoration: none;
}

.featured-related .featured-grid .post-miniatura{
	padding:var(--margin-mini);
}

.grid-pagina .col-articulo .featured-grid .post-miniatura:hover, 
.featured-related .featured-grid .post-miniatura:hover{
	background: rgba(0,0,0,.1);
}

.grid-pagina .col-articulo .featured-grid .post-miniatura .info-box, 
.featured-related .featured-grid .post-miniatura .info-box{
	background: none;
}

.grid-pagina .col-articulo .featured-grid .post-miniatura .overlay, 
.grid-pagina .col-articulo .featured-grid .post-miniatura picture,
.grid-pagina .col-articulo .featured-grid .post-miniatura img,
.grid-pagina .col-articulo .featured-grid .post-miniatura .autor, 
.grid-pagina .col-articulo .featured-grid .post-miniatura .fecha,

.featured-related .featured-grid .post-miniatura .overlay, 
.featured-related .featured-grid .post-miniatura picture,
.featured-related .featured-grid .post-miniatura img,
.featured-related .featured-grid .post-miniatura .autor, 
.featured-related .featured-grid .post-miniatura .fecha
{
	display: none;
}

.grid-pagina .col-articulo .featured-grid .post-miniatura .info-box h1,
.featured-related .featured-grid .post-miniatura .info-box h1
{
	font-weight: var(--font-light);
	font-size: 2em;
	color: var(--color-2);
}

/**/
.col-articulo .etiqueta .fecha, .col-articulo .etiqueta .descripcion{
	display: none;
}

.col-articulo h2{
	color: var(--color-3a);
	font-weight: var(--font-light);
	font-size: 1.5em;
}

.col-articulo h3, .col-articulo h4, .col-articulo h5{
	font-weight: var(--font-bold);
	font-size: 1em;
}

/**/

.form-contacto{
	margin-top: var(--margin-big);
}

.form-contacto, .form-contacto form{
	display: flex;
	flex-wrap: wrap;
	-webkit-border-radius: var(--radius-big);
	border-radius: var(--radius-big);	
	padding: var(--margin-small);
	gap: var(--margin-small);
}

.form-contacto h2{
	font-weight: var(--font-bold);
	text-align: center;
	width: 100%;
}

.form-contacto .disclaimer{
	width: 100%;
	text-align: center;
}

.form-contacto, .form-contacto .form-row{
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--margin-small);
}

.form-contacto .warning{
	display: flex;
	width: 100%;
	color: red;
}
/**/

.widget-box{
	display: flex;
	padding: var(--margin-small) 0;
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-small);
}

.widget-box .links-relacionados{
	display: flex;	
	width: 100%;
	flex-wrap: wrap;
	gap: var(--margin-mini);	
	align-content: flex-start;
}

.widget-box .links-relacionados a{
  display: flex;
  padding: 2px 10px;  
  text-decoration: none;
  color: var(--color-3);
  -webkit-border-radius: var(--radius-small);
  border-radius: var(--radius-small);
  background: var(--color-bk);
}

.widget-box .links-relacionados.links-meta{
	font-size: .85em;	
}

.widget-box .links-relacionados.links-meta a{
	background: var(--color-3-light);
}

/**/

.paginadoBox{
	display: flex;
	justify-content: flex-start;
	margin-top: var(--margin-big);
}

.paginadoBox .paginado{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--margin-mini);
}

.paginadoBox .paginado .pagBtn{
	display: flex;
	width: 25px;
	height: 25px;
	text-align: center;
	align-items: center;
	justify-content: space-around;
	background: var(--color-3-light);
	color:var(--color-3);
	font-size: .9em;
	text-decoration: none;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.paginadoBox .paginado .pagBtn:hover, .paginadoBox .paginado .pagBtn.pagActivo{
	background: var(--color-3);
	color:#FFF;
}

/**/

.ficha-estudio{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: var(--margin-small);
	gap: var(--margin-small);
	background: var(--color-bk);
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	margin-bottom: var(--margin-small);
}

.ficha-estudio .ficha-col{
	display: flex;
	background: #FFF;
	-webkit-border-radius: var(--radius-small);
	border-radius: var(--radius-small);
	padding: var(--margin-mini);
	gap:var(--margin-mini);
	text-align: left;
	flex-wrap: wrap;
	font-size: .8em;
}

.ficha-estudio .ficha-col .etiqueta{
	font-weight: var(--font-bold);
}

/**/
.resultados-busqueda, .resultados_busqueda{
	width: 100%;
	text-align: left;
}

/**/

.bk-nosotros{
	background: url("../img/graficos/nosotros.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-seccion{
	min-height: 350px;
	align-items: flex-end;
	justify-content: flex-start;	
}

.banner-seccion h1{
	font-weight: var(--font-black);
	font-size: 3em;
	color: #FFF;
    text-shadow: 0 0 2px #000000;
	text-transform: uppercase;
	border-bottom: dotted 3px #FFF;
	padding-bottom: var(--margin-small);
}

.banner-seccion-small{
	min-height: initial;
}

.info-cards{
	display: flex;
	width: 100%;
	gap: var(--margin-big);
}

.info-cards .info-cards-item{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: var(--margin-big);
  gap: var(--margin-small);
  background: var(--color-bk);
  -webkit-border-radius: var(--radius-small);
  border-radius: var(--radius-big);
  margin-bottom: var(--margin-small);
}

/**/

.no-results{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: var(--margin-small) var(--margin-big);
	background: var(--color-bk);
	-webkit-border-radius: var(--radius-big);
	border-radius: var(--radius-big);
	color: inherit;
	text-decoration: none;
}

@media(max-width:1200px){
	.featured-cat{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width:900px){
	.featured-cat{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:650px){
	.featured-cat{
		grid-template-columns: repeat(1, 1fr);
	}
}