/*
Theme Name: ForgeoTheme
Author: Luisa Cidoncha Polo
Description: Tema desarrollado para el dominio web forgeo.es 
Version: 1.1
ForgeoTheme WordPress Theme, (C) 2022 forgeo.es
Text Domain: forgeo

*/

/*

0.1 FOOTER
0.2 HEADER 
0.3 NAVEGACIÓN [header & main]
1.0 HOME > front-page.php                           is_front_page()
2.0 SERVICIOS > page.php                            is_page('x')
//2.1 SERVICIOS | SIG > page.php                      is_page('sistemas-de-informacion-geografica')
3.0 QUIÉNES SOMOS > page-quienes-somos.php          is_page('x')
4.0 BLOG > home.php                                 is_home()
//4.1 BLOG ETIQUETAS > page.php                     is_archive()
//4.2 BLOG ITEM CATEGORÍAS Y TAGS > archive.php     is_archive()
4.3 BLOG POST > single.php                          is_single()
5.0 BÚSQUEDA > index.php                            is_search()
//7.0 ERROR > 404.php                               is_404()
//8.0 POLÍTICA PRIVACIDAD Y AVISO LEGAL> page.php   is_page('x')
//9.0 

.home, 
.sistemas-de-informacion-geografica, 
.servicios-forestales, 
.servicios-ambientales, 
.servicios-area-de-fauna{}

/*
@media (max-width: 1080px)
@media (max-width: 820px)
@media (max-width: 480px)
@media (max-width: 375px)
@media (min-width: 1081px)
@media (min-width: 821px) 
@media (min-width: 481px)
@media (min-width: 376px)
*/




/*VARIABLES*/
:root {

    --cyan:#56b7b7;
}



/*GENERAL*/
*, ::before, ::after {box-sizing: border-box;}
input, textarea, keygen, select, button {font-size: inherit;font-family: inherit;
line-height: inherit;}
a{text-decoration: none;}

html{
    scroll-behavior: smooth;
}

::selection {
    background-color:aquamarine;
    background-color: #92c4c4;
    color:darkolivegreen;
}

/*:focus {
    outline: 2px dashed rgb(100, 255, 218);
    outline-offset: 3px;
}*/

figure{margin:0;}
img {max-width: 100%;/*display:block*/}



/*·····················································································
·······················································································
···························         UTILITY CLASSES         ···························
·······················································································
·····················································································*/



/*eliminar margen inferior imágenes display: block;*/

/*ul.reset*/
.list--reset, .list--reset ul {
    list-style-type: none; 
    margin-top:0; margin-bottom: 0; 
    padding-left:0;
}

.flexx, .flexxParent>* { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between;
    align-items: center;
}
.block{display: block;}
.none{display:none}
.column{flex-direction: column;}
.nowrap{ flex-wrap: nowrap;}
.abs{ position: absolute;}
.rel{ position:relative;}
.fixed{ position: fixed;}

.right { text-align: right;}
.left{text-align:left }
.center{text-align:center;}

.img_as_bg{
    background-size: cover;
    background-position: center;
}
.upper{text-transform: uppercase}



/*·····················································································
·······················································································
···························             PLANTILLA           ···························
·······················································································
·····················································································*/

/*TEXTOS: FONT  ||||||||||||||||||||||||||||||||||||||| */

/*
    font-family:'Comfortaa Light';
    font-family:'Comfortaa Regular';
    font-family:'Comfortaa Medium';
    font-family:'Comfortaa Bold';


    font-family: 'Nunito ExtraLight';
    font-family: 'Nunito ExtraLight Italic';
    font-family: 'Nunito Light';
    font-family: 'Nunito Light Italic';
    font-family: 'Nunito Regular';
    font-family: 'Nunito Italic';
    font-family: 'Nunito SemiBold';
    font-family: 'Nunito SemiBold Italic';
    font-family: 'Nunito Bold';
    font-family: 'Nunito Bold Italic';
    font-family: 'Nunito ExtraBold';
    font-family: 'Nunito ExtraBold Italic';
    font-family: 'Nunito Black';
    font-family: 'Nunito Black Italic';

    ExtraLight 200 
    Light 300
    Regular 400 
    Medium 500 
    SemiBold 600 
    Bold 700  
    ExtraBold 800
    Black 900
*/

.light, .topMenu, .service_content strong {
    font-family: 'Nunito Light';
    font-weight:normal;
}

.normal, body{

    font-family:'Nunito Regular', sans-serif;
    font-weight:normal;
    /*line-height: 1;*/
}
p, article .references span, .light{
    font-family: 'Nunito Light', sans-serif;
}


h1,h2,h3,h4, .bold, .selected, strong
{
    font-family:'Nunito Bold';
    font-weight: normal;
    /*line-height: 1;*/
}

.serviciosMenu a{
    font-family:'Comfortaa Bold';
}
.blog .categories, header h1, .search-form::before  {
    font-family:'Comfortaa Regular';
}

/* TEXTOS: TAMAÑOS  ||||||||||||||||||||||||||||||||||||||| */

@media (min-width: 821px){
    .xxl, header h1{
        font-size: 270%;
    }
}
.service_content strong, .search-form::before{
    /*font-size: 138%;*/
    font-size: 125%;
}



.normal, body{
    font-size: 1.1rem;
}
.topMenu a{
    font-size: 83%;
}

.small_upper, footer div, .categories, article .references span{
    text-transform: uppercase;
    font-size: 75%;
}

.xpand, footer div, article .references span{
    letter-spacing: 0.05rem;
}


/*TEXTOS: ESTILOS  ||||||||||||||||||||||||||||||||||||||| */
nav, .serviciosMenu a, .home section>ul{ text-transform: uppercase;}

/*TEXTOS: MARGIN, PADDING ||||||||||||||||||||||||||||||| */

h1,h2,h3,h4{
    margin: 2.5rem 0 1.5rem 0;
}


/* TEXTOS: COLOR ||||||||||||||||||||||||||||||||||||||| */
/*
amarillo principal:#E1C828;
amarillo dorado:#C8A92A;
verde camuflage: #586242 rgba(88,98,66,0.5);

*/

footer{ color:rgba(0,0,0,0.7); }

body{ color:black; }

article>p strong, article>ul strong{/*color:#E1C828;*/}

h2,h3,.single article table caption, .search h1 strong {color:#E1C828;color:#e9d35b;}
._xlarge h2,._xlargeh3, ._xlarge .single article table caption, ._xlarge .search h1 strong {color:#efdc65}

a, .serviciosMenu a, .service_content strong, header h1{ color:white;}

a.style2 {color:darkcyan}

footer a[name="tel"], .search-form::before{color: #E1C828;}

.blog .categories{
    color: #4e8b9d;/*azul pizarra medio*/
}

/*hover solo en css web*/
@media (hover: hover) {
    a:hover,
    .primary-menu a:hover, 
    .home_sobre_nosotros a:hover, 
    .home_servicios a:hover { 
        color:#E1C828; 
    } 
}
figcaption, .references, .single-post table thead tr:last-child th, .single article td:before {
    color:darkslategray;/*azul pizarra intenso | rgba(47,79,79,1.00) | #2f4f4f*/
}

/*TEXTO EFECTOS*/

.texto-borde {
  -webkit-text-stroke: 1px black;
  color: transparent; 
}

/*sombra sencilla*/
.text-shadow{
     text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.4);
}

@media (max-width: 375px){
    section p a {word-break: break-all;}
    h1,h2,h3,h4{
    margin: 1.5rem 0 1rem 0;
}
}


/* *****************************************************************
    BODY & MAIN 
***************************************************************** */

body{
    margin:0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

main{
    position: relative;
    flex-grow: 1;
    padding: 3rem;
    border-top: 1px solid white;
    line-height: 1.5rem;
}
.blog main{
    border-top: 1px solid rgba(255,255,255,0.3);
}
.single main {
    padding: 0rem;
    border-top: 0px solid white;
    top: -62px;
}


@media (min-width: 821px){
    .home main, .quienes-somos main{
        /*padding: 5rem 300px;*/ 
        padding: 5rem 24vw;
    }
}
@media (max-width: 820px){
    .blog main{
        padding: 0;
    }
}
@media (max-width: 375px){
    main{
        width: 100vw;
     }
}

body, .topMenu .container-form-search {
    background-image: linear-gradient(217deg, rgba(244, 229, 2, 0.3), rgba(130,140,93,0.8) 70.71%), linear-gradient(127deg, rgba(129, 176, 3, 0.9), rgba(182,211,105,0) 70.71%), linear-gradient(336deg, rgba(4, 253, 206, 1), rgba(147,196,139,0) 70.71%);
    background-color: white;
    
}
body.b_large{
    background-image:linear-gradient(217deg, rgba(244, 229, 2, 0.45), rgba(130,140,93,0.8) 50.71%), linear-gradient(127deg, rgba(129, 176, 3, 0.9), rgba(182,211,105,0) 50.71%), linear-gradient(336deg, rgb(4, 253, 206), rgba(147,196,139,0) 90.71%);
}
body.b_xlarge{
    background-image:linear-gradient(217deg, rgba(244, 229, 2, 0.35), rgba(130,140,93,0.8) 40.71%, rgba(130,140,93,0.85) 100%), linear-gradient(117deg, rgba(129, 176, 3, 0.9), rgba(182,211,105,0) 50.71%), linear-gradient(336deg, rgba(4,253,206,1), rgba(4,253,206,0.2) 85.71%);
}
body.b_xxlarge{
    background-image:linear-gradient(217deg, rgba(244, 229, 2, 0.35), rgba(130,140,93,0.8) 16%, rgba(130,140,93,0.85) 100%), linear-gradient(117deg, rgba(129, 176, 3, 0.9), rgba(182,211,105,0) 50.71%), linear-gradient(336deg, rgba(4,253,206,1), rgba(4,253,206,0.2) 85.71%);
}

.footer-anchor {
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: block;
    z-index: 1;
}
.footer-anchor svg path{
    fill:white;
}
.doss{
    bottom: 32px;
}

/* *****************************************************************
0.1 FOOTER
***************************************************************** */

footer{
    background-color: rgba(88,98,66,0.2);
    padding:2rem;
}
footer ul>*:nth-child(2){
    margin-left: auto;
    text-align: right;
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid white;
}
footer a{display: block;}

@media (max-width: 375px){
    footer{
        text-align: center;
    }
    footer ul{
        width: 100%;
        flex-direction: column;
    }
    footer ul>*:nth-child(2){

        margin: 1rem auto;
        text-align: center;
        padding-right: 0;
        border-right: 0px solid white;
        /*border-top: 1px solid white;*/
        border-bottom: 1px solid white;
    }
    .footerMenu {margin: 1rem 0;}
}

/* *****************************************************************
0.2 HEADER 
***************************************************************** */

header{ position: relative; width: 100%; height: 544px; }

.blog header, .single header{ height: 62px;}

header::before{
    content:'';
    position: absolute; top: 0px; left: 0px;
    background: no-repeat center/cover url("assets/images/tecAS_183619918.jpg");    
    width: 100%; height: 544px;
}
.blog header::before, .single header::before{ content: none;}

.contacto header::before{
    background-image: url("assets/images/Sin título-2.jpg"); 
}
.privacy-policy header::before{
    background: no-repeat center/160% url("assets/images/Map_line_of_topography_AS_266146973_lineas.svg"),linear-gradient(217deg, rgba(244, 229, 2, 0.3), rgba(130,140,93,0.6) 70.71%), linear-gradient(127deg, rgba(129, 176, 3, 0.6), rgba(182,211,105,0) 70.71%), linear-gradient(336deg, rgba(4, 253, 206, 0.6), rgba(147,196,139,0) 70.71%);
}

header nav{ height: 100%; position: relative; background-color: rgba(0,0,0,0.20); }

@keyframes headerMoveUp { 
    0% { height:544px; }
    100% { height:250px; }
}
@keyframes translateImg {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-294px);}
}
@keyframes opacityAnim { 
    0% { opacity: .5;}
    100% { opacity: 0;}/*borrar*/
}
@keyframes headerMoveDown { 
    0% { height:250px; }
    100% { height:544px; }
}
@keyframes translateImgReturn {
    0% { transform: translateY(-294px); }
    100% { transform: translateY(0);}
}

@media (max-width: 480px){

    /*.page:not(.home) header.smallHeader{*/
/*    .page:not(.home) header{    
        overflow: hidden;
        animation: headerMoveUp 2s forwards;
    }*/    
    /*.page:not(.home) header.smallHeader::before {*/
    /*.page:not(.home) header::before {    
        animation: translateImg 2s forwards;
    }*/
    /*DOWN*/
    .home header{
        overflow: hidden;
        animation: headerMoveDown 1s forwards;
    }
    .home header::before {    
        animation: translateImgReturn 1s forwards;
    }
    
    /*UP*/
    .page:not(.home)[attrprev="forgeo"] header, .search-results header{
       /*border-top: 6px solid orange;*/ 
        overflow: hidden;
        animation: headerMoveUp 1s forwards;
    }
    .page:not(.home)[attrprev="forgeo"] header::before, .search-results header::before {    
        animation: translateImg 1s forwards;
    }
    /*.page:not(.home)[attrprev="forgeo"] header h1{
        animation: opacityAnim 2s forwards;
    }*/
    
    .page:not(.home) header{height: 250px}
    .page:not(.home) header::before {    
        transform: translateY(-294px);
    }
    
    .privacy-policy header::before{
        background-size:260%;
    }    

    header nav.flexx{ align-items: flex-start; }
    header h1{
        /* transform: translateX(-130px) translateY(-100px)rotate(-90deg); */
        opacity: .5;
        margin-top: 10rem;
        margin-left: 2rem;
        font-size: 1.1rem;
        width: 50%;
    }
    .page header h1{display: none;}
    .home header h1,
    .quienes-somos header h1,
    .privacy-policy header h1{
        display: block;
    }
}
/*@media (min-width: 821px){*/
@media (min-width: 481px){
    header h1{ width: 40vw; margin-left: 80px;}
}
.blog header h1, .single header h1{ display: none;}

/*SEARCH FORM*/
.topMenu .container-form-search{

    position: fixed;
    /*background-color: rgba(67,79,63,0.81);*//*verde oscuro*/
    /*background-color: rgba(161,186,115,0.88);*/
    top: 64px;
    left:0px;
    width: 100%;
    height: calc(544px - 64px);
    display: none;
    opacity:0;
}
.blog .topMenu .container-form-search{
    border-bottom: 1px solid white;
}
.topMenu .show {
    opacity: 1;
    z-index: 100;
    display: flex;
}

.search-form::before{
    content:'Introduzca el término a buscar';
    display: block;
    margin-bottom: 1rem;
    /*position: absolute;
    top: 0px;
    top: -2rem;*/
    
}
.search-form{margin:auto;position: relative;}

@media (max-width: 480px){
    .topMenu .container-form-search{
        height: calc(100vh - 64px);
        /*background-color: rgba(161,186,115,0.93);*/
    }
    .search-form{width: 80%;}
}

.blur{
      filter: blur(35px) brightness(0.4);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.zindex, .zindex .serviciosMenu{
    z-index: -1;
}
.noscroll{overflow: hidden}


/* *****************************************************************
0.3 NAVEGACIÓN 
***************************************************************** */


header .current-menu-item, main .current-menu-item { background-color:rgba(225,200,40,0.5);}

.topMenu, .serviciosMenu{
    border-bottom:1px solid white;
    border-top:1px solid white;
}

.serviciosMenu>li, .topMenu>*{
    border-left: 1px solid white;
}
.serviciosMenu>*:nth-child(1), .topMenu>*:nth-child(1){
    border-left:0px solid white;
}


.topMenu{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 64px; 
    background-color: rgba(88,98,66,.4);
    transition: background-color 1s;
    z-index: 1;
}

.logo{width: 200px;max-width: 200px;}

.topMenu ul{width: 144px;flex-direction: column;margin-left: auto; position: relative;}
.topMenu ul>li{height: 50%;width: 100%;display: flex;}
.topMenu>ul>li:nth-child(1){display:none}/*servicios top*/
.topMenu>ul>li:nth-child(2){ border-bottom:1px solid white;}
.topMenu>*{height: 100%;width: 40%; display: flex;}
.topMenu>a>*, .topMenu>ul>li>*{ margin:auto}

.svgIconSearch{width: 80px;z-index: 200;}
.svgIconSearch svg{width: 32px; margin: auto}
.svgIconSearch svg:nth-child(2){display: none}
.toggle svg:nth-child(1){display:none;}
.toggle svg:nth-child(2){display:block;}

.serviciosMenu{ 
    position: absolute;
    width: 100%;
    top:-88px;
    left:0px;
    overflow-y: hidden;
    transition: top .5s;
    background-color: rgba(88,98,66,0.5);
} /* tb .single .post-categories mobile*/

.serviciosMenu, .serviciosMenu:before{ height: 88px; }
.serviciosMenu:before{
    content:'SERVICIOS';
    background-color:#E1C828;
    /*background-color:#C8A92A;*/
    line-height: 88px;
    padding: 0 32px;
}

.topMenu>ul.serviciosMenuTop>li:nth-child(1){
    display:inherit; 
    border-left: 1px solid white;
}

@media (min-width: 481px){
    
    .topMenu>*:nth-child(1){
        margin-left: 2rem;
    }
    .serviciosMenuTop li:nth-child(1){
        line-height: 64px;
        height: 100%;
        position: absolute;
        left: 0px;
        transform: translateX(-100%);
    }
}

@media (max-width: 480px){
    /*.topMenu>*:nth-child(1){
        margin-left: 1rem;
    }*/
    .topMenu .logo img{ max-width: 90%;}

    .topMenu ul{width: 160px;}

    .blog .topMenu ul, 
    .quienes-somos .topMenu ul,
    .single-post .topMenu ul,
    .privacy-policy .topMenu ul{
        
        flex-direction:row;
    }
    .blog .topMenu>ul.serviciosMenuTop>li:nth-child(1), 
    .quienes-somos .topMenu>ul.serviciosMenuTop>li:nth-child(1), 
    .single-post .topMenu>ul.serviciosMenuTop>li:nth-child(1), 
    .privacy-policy .topMenu>ul.serviciosMenuTop>li:nth-child(1) 
    {
        width: 62%;
    }
    
    .blog .topMenu>ul.serviciosMenuTop>li:nth-child(2),
    .quienes-somos .topMenu>ul.serviciosMenuTop>li:nth-child(2),
    .single-post .topMenu>ul.serviciosMenuTop>li:nth-child(2),
    .privacy-policy .topMenu>ul.serviciosMenuTop>li:nth-child(2)
    {
        width: 38%;
    }
    
    .topMenu>ul.serviciosMenuTop>li:nth-child(1){
        display:inherit; 
        border-left:none;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
    }
    
    .svgIconSearch{position:absolute; right:160px; width: 64px;}

}
@media (max-width: 320px){
    .svgIconSearch { width: 32px;}
    .svgIconSearch svg{width: 24px;}    
}

.serviciosMenu>li{ flex-grow: 1;flex-basis: 0;display: flex;height: 100%;}
.serviciosMenu>li a{ margin:auto;padding: 1.5rem;}

.hide{opacity: 0;display:none;}
.menuTranslate{  
    top: 0px;
    left: auto;
    right: 224px;
    z-index: 1;
    position: fixed;
    width: auto;
    border-left: 1px solid white;

}
.menuTranslate::before {
    background-color: #464433;
}
.menuTranslate, .menuTranslate::before {
  height: 64px;
}
.menuTranslate::before {
  line-height: 64px;
}
.headerTranslate{
    z-index: 1;
    /*height: 64px;*/
}
.headerTranslate .topMenu{ 
    /*background-color: rgba(0,0,0,0.7);*/
    background-color: rgba(88,98,66,.4);
}
@media (max-width: 480px){
    .topMenu{/*background-color: rgba(88,98,66,.4);*/}
    .topMenuBg{
        background-color: rgba(88,98,66,.92);
    }
}


.headerTranslate .topMenu.fixedMenu{ 
    background-color: rgba(121,142,101,1);
    background-color: rgba(88,98,66,.9);
}

@media (max-width: 1080px){
    .serviciosMenu {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        max-width: 100vw;
        /*overflow-y: hidden;*/
        overflow-x: auto;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-wrap: nowrap;
    }
}

/* *****************************************************************
1.0 HOME > front-page.php 
***************************************************************** */

.home section>ul>li{
    display: flex;
    margin-top: 0.3rem;
    align-items: center;
    gap:1rem;
}
.home section>ul>li:nth-child(1){margin-top: 2rem;}

.home section>ul>li:before{
    font-family: 'icomoon';
    content: "\e900"; /*forgeo-logo-icono-isotipo.svg*/
    color: #E1C828;
    /*width: 2rem;*/
    height: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
}
.home section>ul>li:nth-child(2):before{
    color:#bfd36a;
}
.home section>ul>li:nth-child(3):before{
    color:#EEB120;
    color:#AED57F;
}




/* *****************************************************************
2.0 SERVICIOS > page.php
***************************************************************** */

.page section.flexxParent>ul{
    align-items:stretch;
    justify-content: flex-start;
    gap:1rem;
}

.page section.flexxParent>ul>li{
    display: flex;
    flex-direction: column;
}

.page section.list--reset ul>li {
     list-style: none;
    text-align: center;
}
.page section.list--reset ul>li li{
    text-align: left;
}
.page section.list--reset ul>li li:before, .page .service_content p:before{
    content: "➜";
    margin-right: .5rem;
    color: #E1C828;
}
.service_content strong {margin-bottom: 1rem; }

@media (max-width: 375px){
    .page section.service_content>ul>li{
        flex-basis: 100%;
    }
}
@media (min-width: 376px){
    .page section.flexxParent>ul{

        gap:3rem;
    }    
    .page section.flexxParent>ul>li{
        border:1px solid rgba(62,130,72,.25);
        flex-basis: calc(50% - 1.5rem);
        padding: 1rem
    }
    .servicios-area-de-fauna section.flexxParent>ul>li,
    .servicios-forestales section.flexxParent>ul>li,
    .servicios-ambientales section.flexxParent>ul>li{
        flex-grow: 1;
        flex-basis: calc(50% - 1.5rem);
        flex-direction: column;
        
    }

}

@media (min-width: 821px) {
    .page section.flexxParent>ul>li{
           padding: 3rem;
    }

    
    .servicios-area-de-fauna section.flexxParent>ul>li,
    .servicios-forestales section.flexxParent>ul>li,
    .servicios-ambientales section.flexxParent>ul>li{
        flex-grow: 1;
        flex-basis: calc(33.33% - 0.666rem);
        flex-direction: column;
        
    }
    .service_content>ul>li ul{
        columns: 2;
        column-gap: 3rem;
    }

}
/*BASE ICONOGRAFÍA*/

.page section.service_content>ul>li{
    background-image: url("assets/images/recursoSIG_1.svg"),radial-gradient(#92c4c4, transparent 50%);
    background-repeat: no-repeat;
    background-position: center 1.5rem;
    background-size: 128px 94px;
    /*background-color: rgba(32,134,135,0.5);*/
    padding-top: 168px;
}


/*.serviciosMenu .current-menu-item{    
    scroll-margin-top: 5.5rem;
    background-color: red;
}*/

.servicios-forestales .service_content>ul>li, 
.servicios-ambientales .service_content>ul>li, 
.servicios-area-de-fauna .service_content>ul>li{ 
    position: relative; 
}

.servicios-forestales .service_content>ul>li:before,
.servicios-ambientales .service_content>ul>li:before, 
.servicios-area-de-fauna .service_content>ul>li:before{
    font-family: 'icomoon';
    content: ""; /*ico ictiofauna*/
    transform: translateX(-50%);
    position: absolute;
    top: 1.5rem;
    left: 50%;
    /*background-color: pink;*/
    /*color: rgba(117, 151, 151, 0.9);*/
    color: rgba(255,255,255,0.16);
    text-shadow: 1px 1px 0 rgba(51,51,51,0.89);
    /*text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;*/
    /*text-stroke:.5px #fff;
    -webkit-text-stroke:.5px #fff;*/
}

/* *****************************************************************
2.1 SERVICIOS | SIG > page.php
***************************************************************** */

.sistemas-de-informacion-geografica .service_content>ul>li:nth-child(2){
        background-image: url("assets/images/recursoSIG_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
}
.sistemas-de-informacion-geografica .service_content>ul>li:nth-child(3){
        background-image: url("assets/images/recursoSIG_3.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 116px 119px;
}
.sistemas-de-informacion-geografica .service_content>ul>li:nth-child(4){
        background-image: url("assets/images/recursoSIG_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 104px;
}

/* *****************************************************************
2.2 SERVICIOS | Servicios forestales > page.php
***************************************************************** */

.servicios-forestales .service_content>ul>li:nth-child(1){
        background-image: url("assets/images/recursoBg_malla_3.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 138px 100px;
}
.servicios-forestales .service_content>ul>li:nth-child(2){
        background-image: url("assets/images/recursoBg_malla_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 129px 170px;
}
.servicios-forestales .service_content>ul>li:nth-child(3){
        background-image: url("assets/images/recursoBg_Globo_4_mitad.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 129px 129px;
}
.servicios-forestales .service_content>ul>li:nth-child(4){
        background-image: url("assets/images/recursoBg_malla_5_book.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 128px;
}
.servicios-forestales .service_content>ul>li:nth-child(5){
        background-image: url("assets/images/recursoBg_Globo_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 94px;
}
.servicios-forestales .service_content>ul>li:nth-child(6){
        background-image: url("assets/images/recursoBg_malla_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 129px 169px;
}
.servicios-forestales .service_content>ul>li:nth-child(7){
        background-image: url("assets/images/recursoBg_malla_6.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 129px 129px;
        background-position: center 3.2rem;
}

.servicios-forestales .service_content>ul>li:nth-child(1):before{
    font-size: 94px;line-height:94px; content: "\e916"; /*ico gestion silvic*/
}
.servicios-forestales .service_content>ul>li:nth-child(2):before{
    font-size: 94px;line-height:94px; content: "\e917"; /*ico gestion cinegetica*/
}
.servicios-forestales .service_content>ul>li:nth-child(3):before{
    font-size: 94px;line-height:94px; content: "\e918"; /*ico maquinaria*/
}
.servicios-forestales .service_content>ul>li:nth-child(4):before{
    font-size: 84px;line-height:84px; content: "\e919"; /*ico plan ordenacion*/
}
.servicios-forestales .service_content>ul>li:nth-child(5):before{
    font-size: 94px;line-height:94px; content: "\e91a"; /*ico plan incendios*/
}
.servicios-forestales .service_content>ul>li:nth-child(6):before{
    font-size: 94px;line-height:94px; content: "\e91b"; /*ico restauracion 74*/
}
.servicios-forestales .service_content>ul>li:nth-child(7):before{
    font-size: 94px;line-height:72px; content: "\e91c"; /*ico obras forestales*/
}

/* *****************************************************************
2.3 SERVICIOS | Servicios ambientales > page.php
***************************************************************** */

.servicios-ambientales section.service_content>ul>li{
        background-image: url("assets/images/recursoBg_malla_7_capas.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 142px 166px;
}

.servicios-ambientales .service_content>ul>li:nth-child(6){
        background-image: url("assets/images/recursoAmbiental_Natura2000.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 145px 145px;
}
.servicios-ambientales .service_content>ul>li:before{
    font-size: 94px;line-height:94px; 
}
.servicios-ambientales .service_content>ul>li:nth-child(1):before{
    content: "\e914"; /*ico */
    line-height: 80px;
}
.servicios-ambientales .service_content>ul>li:nth-child(2):before{
    content: "\e913"; /*ico */
    line-height: 80px;
}
.servicios-ambientales .service_content>ul>li:nth-child(3):before{
    content: "\e911"; /*ico */
    font-size: 104px;
}
.servicios-ambientales .service_content>ul>li:nth-child(4):before{
    content: "\e910"; /*ico */
    line-height: 80px;
}
.servicios-ambientales .service_content>ul>li:nth-child(5):before{
    content: "\e90f"; /*ico */
    line-height: 80px;
}
.servicios-ambientales .service_content>ul>li:nth-child(7):before{
    content: "\e912"; /*ico */
    line-height: 124px;
}
.servicios-ambientales .service_content>ul>li:nth-child(8):before{
    content: "\e915"; /*ico */
}


/* *****************************************************************
2.4 SERVICIOS | Servicios área de fauna > page.php
***************************************************************** */


.servicios-area-de-fauna .service_content>ul>li:nth-child(1):before{
    font-size: 94px;line-height:94px; content: "\e901"; /*ico avifauna*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(2):before{
    font-size: 112px;line-height:112px; content: "\e902"; /*ico esteparias*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(3):before{
    font-size: 116px;line-height:116px; content: "\e903"; /*ico acuaticas*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(4):before{
    top: 14px;font-size: 116px;line-height:116px; content: "\e904"; /*ico grullas*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(5):before{
    font-size: 112px;line-height:112px; content: "\e905"; /*ico milano*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(6):before{
    font-size: 104px;line-height:104px; content: "\e906"; /*ico rapaces*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(7):before{
    font-size: 94px;line-height:94px; content: "\e907"; /*ico rapaces noct*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(8):before{
    font-size: 94px;line-height:94px; content: "\e908"; /*ico anfibios*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(9):before{
    font-size: 104px;line-height:104px; content: "\e909"; /*ico mamiferos*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(10):before{
    font-size: 94px;line-height:94px; content: "\e90a"; /*ico topillo*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(11):before{
    font-size: 112px;line-height:112px; content: "\e90b"; /*ico quirópteros*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(12):before{
    font-size: 104px;line-height:104px; content: "\e90c"; /*ico reptiles*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(13):before{
    font-size: 94px;line-height:94px; content: "\e90d"; /*ico artrópodos*/
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(14):before{
    font-size: 104px; line-height: 104px; content: "\e90e"; /*ico ictiofauna*/
}
/**/

.servicios-area-de-fauna .service_content>ul>li:nth-child(2){
        background-image: url("assets/images/recursoSIG_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(3){
        background-image: url("assets/images/recursoSIG_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 116px 119px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(4){
        background-image: url("assets/images/recursoBg_Globo_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 94px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(5){
        background-image: url("assets/images/recursoSIG_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(6){
        background-image: url("assets/images/recursoBg_malla_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 104px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(7){
        background-image: url("assets/images/recursoSIG_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 94px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(8){
        background-image: url("assets/images/recursoSIG_1.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(9){
        background-image: url("assets/images/recursoBg_Globo_3.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 104px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(10){
        background-image: url("assets/images/recursoBg_malla_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 94px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(11){
        background-image: url("assets/images/recursoSIG_2.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(12){
        background-image: url("assets/images/recursoSIG_4.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 104px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(13){
        background-image: url("assets/images/recursoSIG_1.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 128px 94px;
}
.servicios-area-de-fauna .service_content>ul>li:nth-child(14){
        background-image: url("assets/images/recursoBg_Globo_3.svg"),radial-gradient(#92c4c4, transparent 50%);
        background-size: 112px 112px;
    position: relative;
}




/* *****************************************************************
4.0 BLOG > home.php
***************************************************************** */
.blog section{display: flex;flex-wrap: wrap;gap:1rem; /*align-items: flex-start;*/}
.blog article{
    flex-grow: 1;
    flex-basis: calc(33.33% - 0.666rem);
    flex-direction: column;
    background-color: rgba(255,255,255,0.16);
    justify-content: flex-start;
    min-width: 360px;
}
.blog article .text_body{
    padding: 1.5rem;
}
.blog article figure, .blog article figure .image{min-height: 250px;width: 100%;}

.blog article figure .image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   
}

.blog .sticky { 
    /*flex-basis: calc(66.66% - 0.333rem);*/
}
.blog .categories{
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 1rem 0;
}
.categories:after, .categories:before{
    content:'';
    width: auto; 
    height: 2px; 
    background-color:currentColor;
    flex-grow: 1;
}
.categories a{color:currentColor}


/* *****************************************************************
  4.3 BLOG POST > single.php
***************************************************************** */

    .single .post_header{

        /*background-color: #5b2732;*/
        background-image:linear-gradient(217deg, rgba(244, 229, 2, 0.3), rgba(130,140,93,0.8) 70.71%), linear-gradient(127deg, rgba(129, 176, 3, 0.9), rgba(182,211,105,0) 70.71%), linear-gradient(336deg, rgba(4, 253, 206, 1), rgba(147,196,139,0) 70.71%), linear-gradient(90deg, rgba(91,39,50,0.11) , rgb(91, 39, 50) 176px);
    }
    .post_link_img_btn a{
        display: inline-block;
        font-size: 200%;
        padding: 1rem;
    }

    .post_link_img_btn a:nth-child(1){ padding-left: 0px;}

    .single article{ padding: 2rem 3rem 3rem; }

    .post-navigation{ align-items:stretch; }

    .post-navigation>div{
        background-image: linear-gradient(217deg, rgba(244, 229, 2, 0.15), rgba(130,140,93,0.4) 70.71%), linear-gradient(127deg, rgba(129, 176, 3, 0.45), rgba(182,211,105,0) 70.71%), linear-gradient(336deg, rgba(4, 253, 206, 0.5), rgba(147,196,139,0) 70.71%);
        padding: 2rem 3rem;
        flex-grow: 1;
        width: 50%;
    }
    .post-navigation>div a::before{
        content: "➜";
        color: #E1C828;
        /*transform-origin: 0 0;
            display: inline-block;*/
        line-height: 0px;
        position: absolute;
        top: 0;
        font-size: 200%;
    }
    .post-navigation>div:nth-child(1) a::before{ left: 16px; transform: rotate(180deg); }
    .post-navigation>div:nth-child(2) a::before{ right:16px;}

@media (min-width: 1081px){
    .single article{
        width: 60%;
        margin:auto;
    }
    .single .post_header{
        position: absolute;
        top:0px;
        right:0px;
        padding: calc(62px + 2rem) 2rem 2rem 2rem;/*resta header*/
        width: 40%;
    }

    .post-navigation>div {
        position:absolute;
        bottom: 100px;
        width: 20%;
    }
    .post-navigation>div:nth-child(1){ left:0; }
    .post-navigation>div:nth-child(2){ border-left: 1px solid white; right:0; }
}

@media (max-width: 1080px){

    .thumbnail_figure_box{
        background-size: cover;
        background-position: center; 
        /*height:max(50vh, calc(544px - 88px));*/
        height:544px;
    }
    .single .post_header{
        position: relative;
        padding: 1rem;

    }
    .single h1{margin: 0px;}
    .single .post-categories{
        /*background-image: linear-gradient(180deg, white 1px, transparent 1px, transparent 88px, white 88px, transparent 90px);*/
        position: absolute;
        width: 100%;
        top: -88px;
        left: 0rem;
        background-color: rgba(88,98,66,0.5);
        height: 88px;
        border-bottom:1px solid white;
        border-top:1px solid white;
    }
    .single .post-categories a{border-right:1px solid white;line-height: 88px;display: block; padding: 0 1.5rem;}
    .single time{
        position: absolute;
        top: -88px;
        line-height: 88px;
        right: 1rem;
        color: #efdc65;
    }
    .post-navigation>div a::before{
        top: 0;
        font-size: 200%;
    }
}

/*ESTILOS PARA EL TEXTO*/
.single article blockquote {
    margin: 0;
    padding: 1rem 1rem 1rem 2rem;
    border-left: 1px solid;
    color:#E1C828;
    font-size: 150%;
}

.single article blockquote p:before{ 

    /*content: "\e977";*/
    content: "«";
    font-family: 'icomoon';
    margin: 0 .2rem;
    font-size: 1.5rem;
}
.single article blockquote p:after{ 
    /*content: "\e978";»*/
    content: "»";
    font-family: 'icomoon';
    margin: 0 .2rem;
    font-size: 1.5rem;
}


/*////////// LISTAS////////////*/

.single article li{margin-bottom: 1rem;}


.single article .vCheckedList li:before{
    content:"✔";
    color: #92c4c4;
    margin-right: .5rem;
}


/*////////// LISTA TIPO |→  ////////////*/

.single article .condensed li{
    margin-bottom: 0px;
    background-image: linear-gradient(90deg,rgba(51,51,51,0.89) 2px, rgba(51,51,51,0) 2px);
}
.expanded{
    margin-bottom: 2.5rem;
    background-image: linear-gradient(90deg,rgba(51,51,51,0.89) 2px, rgba(51,51,51,0) 2px),radial-gradient(16% 100% at 0 50%, rgba(146,196,196,0.32) 12%, rgba(146,196,196,0.22) 25%,transparent 60%);
}

.single article .diagramList li{
    padding-left: 1rem;
    
}
.single article .diagramList li:before{
    /*content:"✴";*/
    content: "→";
    margin-right: .5rem;
    margin-left: -1rem;    
    background-image: linear-gradient(90deg,rgba(51,51,51,0.89) 2px, rgba(51,51,51,0) 2px),linear-gradient(90deg, rgba(146,196,196,0.3) , rgba(146,196,196,0.00) );
}

/*///////////// ARTICLE REFERENCES &LINKS //////////////////////////*/


.single article figure{
    margin: 2rem 0 1rem 0;
}
.single article .references{
    align-items: stretch;
    margin: 0rem 0 2rem 0;
}
.single article .references.doble{
    gap:1.5rem;
}
.single article .references span{
    position: relative;
    /*min-width: 300px;*/
    background-color: rgba(255,255,255,0.10);
    padding: 1rem;
    flex-grow: 1;
    flex-basis: 50%;
}
.single article .references span:before{
    content:"";
    width: 25%;
    height: 2px;
    background-color: darkslategray;
    display: block;
    position: absolute;
    top: 0px;
}
.single article .extra span {background-color: transparent;}
.single article .extra span li{
    background-color: rgba(47,79,79,0.5);
    border-radius: 1rem;
    padding: 0 .75rem 0 .25rem;
}
.single article .extra ul{
    margin-top: 1rem;
/*    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: masonry;*/
}
.single article .extra li{display:flex;}
.single article .extra li::before{
    /*content:  url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath fill='rgba(255,255,255,0.9)' d='M22.5 34H14q-4.15 0-7.075-2.925T4 24q0-4.15 2.925-7.075T14 14h8.5v3H14q-2.9 0-4.95 2.05Q7 21.1 7 24q0 2.9 2.05 4.95Q11.1 31 14 31h8.5Zm-6.25-8.5v-3h15.5v3ZM25.5 34v-3H34q2.9 0 4.95-2.05Q41 26.9 41 24q0-2.9-2.05-4.95Q36.9 17 34 17h-8.5v-3H34q4.15 0 7.075 2.925T44 24q0 4.15-2.925 7.075T34 34Z'/%3E%3C/svg%3E" );*/
    content: "\e91d";
    font-family: 'icomoon';
    color:rgba(255,255,255,0.9);
    margin: 0 .2rem;
    font-size: 1.5rem;
    

}
@media (min-width: 376px){
    .single article .references.doble{
        flex-wrap: nowrap;
    }    
}

/*//////////////////////// TABLE ///////////////////////////////*/


@media (max-width: 820px) {

    /* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.single article table thead tr:last-child th {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
    
        .single article table tr{
            margin-bottom: 2rem;
        }

        .single article table td {
            /* Behave  like a "row" */
            position: relative;
            /*padding-left: 50%;*/
            border-bottom: 1px solid;
        }

        .single article table td:before {
            /* Now like a table header */
            /*position: absolute;*/
            /* Top/left values mimic padding */

            /*padding-right: 10px;*/
            content: attr(data-before)': ';
            line-height: 2rem;
            /*margin-left: -100%;*/
            font-weight: bold;
            /*background-color: aquamarine;*/
        }
    
}
@media (min-width: 821px) {
    
    .single article table {
        width: 100%;border-collapse: collapse;
        margin: 2rem 0;
    }
    .single article table caption {
        text-transform: uppercase;
    }
    .single article table tr {
        /*display: block;*/
        text-align: left;
    }
    .single article table caption, .single article table th{
        /*padding-top: 1rem;*/
        padding-bottom: 1rem;
    }
    .single article table tr>* {
        padding-left: 1rem;
    }
    .single article table tbody tr {
      border-bottom: 1px solid rgba(47,79,79,0.4);
    }
    .single article table tbody tr:last-child {
      border-bottom: 0px solid rgba(47,79,79,0.4);
    }
    .single article table tr {
        /*display: flex;*/
    }
    .single article table td{
        border-left:1px solid rgba(47,79,79,0.4);
    }
    .single article table td:first-child{
        border-left:0px solid rgba(47,79,79,0.4);
    }
}


/* *****************************************************************
//8.0 POLÍTICA PRIVACIDAD Y AVISO LEGAL> page.php
 **************************************************************** */

.privacy-policy h2{
font-family: 'Comfortaa Bold';
text-transform: uppercase;
}
.privacy-policy main li{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.privacy-policy main strong.title{
    display: flex;
    align-items: center;
    margin-top: 2rem;
}
.privacy-policy main strong.title:before{
    font-family: 'icomoon';
    content: "\e900";
    color: #E1C828;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    line-height: 2rem;
}