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

*/

/*

1.0 HOME > front-page.php
2.0 CONÓCENOS > page-sobre-nosotros.php
3.0 SERVICIOS > page.php
4.0 BLOG > home.php
4.1 BLOG ETIQUETAS > page.php
4.2 BLOG ITEM CATEGORÍAS Y TAGS > archive.php
4.3 BLOG POST > single.php
5.0 BÚSQUEDA > index.php
7.0 ERROR > 404.php
7.0 NUESTRO EQUIPO > page.php
8.0 POLÍTICA PRIVACIDAD > page.php
9.0 AVISO LEGAL > page.php


*/

/*VARIABLES*/
:root {
    --orange: #F67738;
    --cyan:#56b7b7;
    --smoky-black: #313131; /* rgba(49,49,49,1)*/ 
    --dun-black: #706864;/*pardo*/
    --gray: #808080;
    --light-dun-black: #a89d96;
    --light-gray: #F2F2F2;
    --white: #ffffff;
    --sage: #65c674;
    /*--turron:burlywood;*/
    
    
    --pbody: 12.5%;
    --headerY:calc(2 * var(--parte));
    --line:1.5rem;
    
    --parte: calc(100vh / 9);
    --cuatro-partes: calc(4 * var(--parte));
    --cinco-partes: calc(5 * var(--parte));
    
    --xxl: 4.5rem;
    --xl: 3rem;
    --l: 1.75rem;
    --m: 1.5rem;
    --n: 1.25rem;
    --s: 1.1rem;
    --xs: 1rem;
    --xxs: 0.83rem;
    
    
    --bgDegFruit: linear-gradient(to right, #aca85b 40%, #9E3000 85%, #9E3000);
    --bgDegGreen: linear-gradient(to right, #aca85b, #252b22);

    
}

/*GENERAL*/
*, ::before, ::after {box-sizing: border-box;}
input, textarea, keygen, select, button {font-size: inherit;font-family: inherit;
line-height: inherit;}
html{
    scroll-behavior: smooth;
}

::selection {
    background-color:burlywood;
    color: orangered;
}



/*: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 { 
    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}



/*·····················································································
·······················································································
···························            COMPONENTES          ···························
·······················································································
·····················································································*/


.v-checkList li,.x-checkList li, .home_servicios .equals ul li, .servicios .serv_list h3 + ul li{
    padding-left: 1.1rem;
    position: relative;
}
.v-checkList li::before,.x-checkList li::before, .home_servicios .equals ul li::before, .servicios .serv_list h3 + ul li::before{
    content:"✓";/*2713*/
    position:absolute;
    left:-1px;
    top:-3px;

}
.v-checkList li::before{
    /*content:"✔";2714*/
    content:"✓";
}
.x-checkList li::before{
    /*content:"✗";*/
    content:"✘";
}
.numList>*::before{margin-right: .25rem;}
.numList>*:nth-child(1)::before{ content:"❶";}
.numList>*:nth-child(2)::before{ content:"❷";}
.numList>*:nth-child(3)::before{ content:"❸";}
.numList>*:nth-child(4)::before{ content:"❹";}
.numList>*:nth-child(5)::before{ content:"❺";}
.numList>*:nth-child(6)::before{ content:"❻";}
.numList>*:nth-child(7)::before{ content:"❼";}
.numList>*:nth-child(8)::before{ content:"❽";}
.numList>*:nth-child(9)::before{ content:"❾";}
.numList>*:nth-child(10)::before{ content:"❿";}


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

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

/*
    font-family:"Blogger Sans Light";
    font-family:"Blogger Sans Light Italic";
    font-family:"Blogger Sans";
    font-family:"Blogger Sans Italic";
    font-family:"Blogger Sans Medium";
    font-family:"Blogger Sans Medium Italic";
    font-family:"Blogger Sans Bold";
    font-family:"Blogger Sans Bold Italic";
*/

.light{
    font-family: 'Blogger Sans Light', sans-serif;
    font-weight: normal;
    line-height: 1;

}

.normal, body, .search h1 span{
    font-family: 'Blogger Sans', sans-serif;
    font-weight:normal;
    line-height: 1;
}

.italic, .single-post time {
    font-family: 'Blogger Sans Italic', sans-serif;
    font-weight:normal; 
    line-height: 1;
}
h1:not(.title),h2,h3,h4,
.medium,.bold, .selected,
strong:not(.title),
.display1,
.home_blog .filters a,
.slider_txt .subtitle,
td:before
{
    
    font-family: 'Blogger Sans Medium', sans-serif;
    font-weight: normal;
    line-height: 1;
}


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

.xxl_txt, .home h2, .archive h1{
    font-size: var(--xxl); /*4.5rem*/
}
.xl_txt, .display1, .home_cta h2, .nuestro-equipo .card strong { 
    font-size: var(--xl); /*3rem*/
}

.l_txt, .home_sobre_nosotros .filters li{
    font-size: var(--l);/*1.75rem*/ 
    line-height: 1;
}


.m_txt, .primary-menu, .search-form label, .slider_txt .subtitle, .home footer h2, .home footer h3 {
    font-size: var(--m);
    line-height: 1;
}

.n_txt, body { 
    font-size:var(--n);/*1.25rem*/
    line-height: 1;
    /*line-height:1.44em;*/
}

.s_txt, .equals_box p, .equals_box ul, .single-post time, figcaption, .archive h1::after { 
    font-size:var(--s);/*1.1rem*/
    
}

.xs_txt,.small, .top-link, .navMenu .title, .home_blog .filters a, .single-post table thead{
    font-size:var(--xs);/*1rem*/
    line-height: 1;
}

/*.xxs_txt {
    font-size:var(--xxs);
}*//*0.83rem;*/

.nuestro-equipo h1, .aviso-legal h1, .politica-privacidad h1, .error404 h1 {
    font-size: clamp(var(--xl),5vw,var(--xxl));
}

@media (max-width: 480px) {
    .home h2{ font-size: var(--xl); }
    
    .display1, .home_cta h2 { font-size: var(--l); }
    
    .top-link{
        font-size: var(--s);
    }
    
    .slider_item p, footer section:nth-child(2){
        font-size: var(--xs);
    }
}
@media (max-width: 375px) {
    .iconTextLink[name ="email"], .iconTextLink[name ="talento"] {
        font-size: var(--s);
    }    
}

/*TEXTOS: ESTILOS  ||||||||||||||||||||||||||||||||||||||| */

.m_txt, .primary-menu, .search-form label, .slider_txt .subtitle {
    letter-spacing: 0.24em;/*1.5rem*/
}

.xl-spacing, .home_blog .filters a 
{
    letter-spacing: 0.36em;
}
.l-spacing, .top-link, .navMenu .title, .primary-menu, 
.search-form label, .single-post table thead
{
    letter-spacing: 0.24em;
}
.xs-spacing, body{
    letter-spacing: 0.006em;
}

a{ text-decoration: none; }

.upper, h1, h2, .primary-menu, .top-link, .home_blog .filters a, .single-post table thead { 
    text-transform: uppercase; 
}
.lower, h1.title, .search h1 span, .home_cta h2{ text-transform: none;}

article p{ /*hyphens: auto; permite cortar las palábras con -*/}

.navMenu .title{ 
    font-weight: normal;
}


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


h1,h2,h3,h4,h5,h6 { margin-top:2em; margin-bottom:1em;}

.navMenu .title, .hero h1, .section_title_link h2, .sobre-nos-txt h2, .home_cta h2, .single-post .hero h2, .blog_article_list h3{ 
    margin-top:0px;
    margin-bottom: 0px;
}

.sobre-nos-txt h2, .blog_article_list h3{
    margin-bottom: 1em;
}

.error404 h2{margin-top: 0;}

@media (max-width: 480px) {
    .blog_article_list article h3 {    
        margin-top:0px;
        margin-bottom: 0px;
    }
}



/* TEXTOS: COLOR ||||||||||||||||||||||||||||||||||||||| */

body{
    color:var(--smoky-black);
    /*background-color: coral;*/
}
article>p strong, article>ul strong{color:#1E1E1E}

a,
.home_cta h2, .slider_item span.category, 
.servicios .tramitacion h2, 
.col1, .single-post table thead{ 
    color:var(--orange);
}

a.style2 {color:var(--smoky-black);}

.home_servicios .filters a, 
.home_sobre_nosotros .filters a, 
.section_title_link a:first-child
{ 
    color:var(--smoky-black);
}

article .x-checkList li:before{color:red;}
/*hover solo en css web*/
@media (hover: hover) {
    a:hover, 
    .primary-menu a:hover, 
    .home_sobre_nosotros a:hover, 
    .home_servicios a:hover { 
        color:red; 
    } 
}
figcaption{
    color:var(--gray);
}

.top-link, .home_sobre_nosotros .nav_link, .banner30 figcaption { 
    color: var(--light-gray); 
}
.home h1, .navMenu .title, .single-post time {color: var(--light-dun-black);}


.primary-menu a,
.search-form label,
.hero_two .display1,
.servicios .filters a,
.servicios .estudios h2,
footer{ 
    color: white; 
}

.primary-menu .current_page_item a {color:var(--orange);}

article .v-checkList li:before{color:var(--sage);}


.txt--gradient, 
.sobre-nosotros .primary-menu .current_page_item a, .blog_article_list h3 {
    background-image: linear-gradient(180deg,#0d96f2,#663399);
    /*background-image: linear-gradient(180deg,orangered,#9E3000);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

/*.blog .primary-menu .current_page_item a,
.servicios .primary-menu .current_page_item a
{background-image: linear-gradient(180deg,#ffc20c,#fd8164);
}

.blog .primary-menu .current_page_item, .servicios .primary-menu .current_page_item {
text-shadow: 1px 1px 2px rgba(238, 80, 18, 0.9), 0px 0px 18px rgb(41, 66, 4), 0px 0px 18px rgb(41, 66, 4);
}
*/


.blog_article_list h3 {
    background-image:linear-gradient(180deg,#418335,#44b19d)
}


/*TEXTO SOMBRAS*/

/*sombra sencilla*/
.primary-menu, .top-link, 
.search-form label,
.single-post .hero_two a[rel=prev], 
.single-post .hero_two a[rel=next],
.single-post .post-categories a,
.etiquetas .btn
{
     text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.4);
}

/*aclara y difumina a blanco*/
.sobre-nosotros .primary-menu .current_page_item{
     text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.4), 0px 0px 18px rgb(169, 183, 193);
}
/*oscurece y difumina a gris*/
.nuestro-equipo .primary-menu{
     text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.4), 0px 0px 18px rgba(87, 62, 29, 0.7);
}
/*.blog .primary-menu, .servicios .primary-menu{
     text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.4), 0px 0px 18px rgb(41, 66, 4), 0px 0px 18px rgb(41, 66, 4);
}*/


.blog .primary-menu .current_page_item, .servicios .primary-menu .current_page_item{
    text-shadow: 1px 1px 0px #535132, 0px 0px 2px #868683, 1px 1px 13px black;
    text-shadow: 1px 1px 2px rgba(2,12,27,0.8), 1px 1px 13px #76ac34;
}


.slider_item span.category {
    text-shadow: 1px 1px 8px rgba(255,255,255,0.9);
}

.close-thik,article .v-checkList li::before {
    /*white solid shadow*/
    text-shadow: 0 1px 0 #fff;
}
.equals::before{
    /*contourn shadow - line drawing*/
    text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
}

@media (max-width: 480px) {
    .top_menu a:nth-child(1), .navMenu .title{
        text-shadow: 1px 1px 2px rgba(2, 12, 27, 0.8);
    }
}


/*OBJ SOMBRAS*/
.toggle__bar, .toggle__bar::before, .toggle__bar::after {
   box-shadow: 1px 1px 2px rgba(2, 12, 27, 0.75); 
}

.servicios .primary-menu .current_page_item{position:relative;}

.servicios .primary-menu .current_page_item::after,
.blog .primary-menu .current_page_item::after,
.single-post .primary-menu>*:nth-of-type(1)::after{
  content: "";
  height: 3rem;
  width: 250%;
  display: block;
  margin-left: -75%;
  margin-top: -2.3rem;
  border-radius: 50%;
  background-color: #64735a;
  position: absolute;
  z-index: -1;
  filter: blur(35px) brightness(0.4);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.blog .primary-menu .current_page_item::after,
.single-post .primary-menu>*:nth-of-type(1)::after{
    width: 100%; 
    left:0px;
    margin-left: 0px;
}

@media (max-width: 480px) {
    .blog_article_list article.nowrap { 
        box-shadow: 1px 1px 6px rgba(2, 12, 27, 0.16);
    }
}

/*BACKGROUNDS*/
.light_bg, .home_cta, .sobre-nosotros main section {
    background-color: var(--light-gray);
}

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

body{
    margin:0;
    min-height: 100vh;
}

/*MÁRGENES DE LA PÁGINA |||||||||||||||||||||||||||||||||| */

main>section:not(.full), .hero_two{
    padding: 5.5rem var(--pbody);
}

.servicios .estudios{
    padding: 5.5rem var(--pbody) 14rem var(--pbody);
}
.servicios .seguimiento{
    padding: 5.5rem var(--pbody) 7.5rem var(--pbody);
}

main>section.hero{
    padding: 0em;
}

.single-post .hero_two {
    padding-top:0;
}

.home .hero_two, .sobre-nosotros .hero_two, .servicios .hero_two{
    padding-top:calc( var(--cuatro-partes) * 0.28);/*aro inferor logo*/
    /*padding-bottom: 3rem;*/
}

/*padding lateral doble*/
main>section.home_cta{
    padding-left: calc(var(--pbody) * 1.6);
    padding-right: calc(var(--pbody) * 1.6);
}



.sobre-nosotros .slider_item:target,
.sobre-nosotros .equals_box.flexx>div:target,
.servicios .varios h2:target{    
    scroll-margin-top: 5.5rem;
}

@media (max-width: 480px) {
    
    main>section:not(.full), 
    .hero_two, main > section.sobre-nos-txt
     {
        padding: 2.5rem 2rem;
    }
    .servicios .estudios,
    .servicios .seguimiento {
        padding: 2.5rem 2rem 3.5rem 2rem;
    }
    .home main>section .hero_two{
        padding: 2.5rem 0em;
    }
    main>section.hero{
        padding: 0em;
    }
    main>section.home_servicios{
        /*padding-left: 0;
        padding-right: 0;*/
    }
    .single-post .hero_two {
        padding: 7.5rem 2rem 0.5rem 2rem;
    }
    .equals_box:target{
        scroll-margin-top: 2.5rem;
    }
}

/* *****************************************************************
    HEADER 
***************************************************************** */

header{

    width: 100%;
    z-index: 100;
    /*background-color: rgba(255, 0, 0, .5) ;*/
    height: max(var(--headerY), 6.55rem);
    position: absolute;
    top: 0px;
    left:0px;
    transition: all 0.3s linear;
}

body:not(.home) header:not(.fixed_header){
    /*border:1px dashed rgba(0,255,255,0.5);*/
}

.fixed_header{
    position: fixed;
    background-color: var(--smoky-black);
    padding-top: 68px;
    height: calc(4.5 * var(--parte));
}

.fixed_header:after{
    content:"";
    display: block;
    height:1rem;
    width: 100%;
    background: linear-gradient(90deg, #260B02 40%, #9E3000 85%, #9E3000);
    clip-path: polygon(0 0, 100% 0, 100% 3%, 0 100%);
}

/*MINI MENU SUPERIOR*/
.top_menu{
    background-color: var(--smoky-black);
    padding: 0 0.5rem;
    height: 2.25rem;
}
@media (min-width: 481px) {
    .sobre-nosotros header:not(.fixed_header) .top_menu, 
    .servicios header:not(.fixed_header) .top_menu{
        background-color: rgba(27,48,64,0.9);
    }
    .servicios header:not(.fixed_header) .top_menu{ background-color: rgba(69,73,48,0.95); }
    .fixed_header .top_menu{ padding: 0 4.5rem; }
    .top_menu a { flex-basis: 0; flex-grow: 1;}
    .top_menu h1, .top_menu .title{ flex-basis: 0; flex-grow: 8; }
}

.svgIconSearch {
   background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(242, 242, 242)' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E" );
    background-size: 1rem; 
    background-position: center left;
    background-repeat:no-repeat;
    padding-left: 1.5rem;
}

/*MENU PRINCIPAL*/

.navMenu{ 
    display: flex;
    flex-direction: column;
    height:100%;
    padding-bottom: 1.4375rem;
    justify-content: space-between;
    text-align: center;
}
.primary-menu{
    display: flex;
    flex-wrap: wrap;
    gap:0px 48px;
    justify-content: center;
}

.fixed_header .primary-menu{
    flex-basis: 80%;
    align-content: center;
}

/*CUADRO DE BÚSQUEDA*/

.container-form-search{
    opacity: 0;
    transition: all 0.3s ease;
    height: 0px;
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    z-index: -1;
    background-color: var(--orange);
    justify-content: center;
}

.container-form-search:target { 
    opacity:1;
    z-index: 300;
    height: 100%;
}

.close-thik {
    position: absolute;
    right: 3.5rem;
    top: 1.5rem;
    line-height: 3.5rem;
    font-size: 3.5rem;
    color:inherit;
}

.search-form{
    width: 62%;
    align-items: center;
    gap: .5rem;
}

.search-form button{
    background: none;
    color: inherit;
    border: none;
    margin-left: 0;
    padding: 0;
    cursor: pointer;
}
.close-thik::after {  content: '×'; /* UTF-8 symbol */ }

/* searchform.php*/
.serena-search__button svg { width: 24px}



@media (max-width: 480px) {
    header{ 
        background-color: var(--smoky-black) ;
        height: 4.25rem;
    }
    header:not(.fixed_header) .primary-menu{
        display:none;
        height: 0;
    }

    .top_menu{
        flex-direction: column;
        justify-content: end;
        min-height: 5rem;
        background-color: transparent;
        padding:0px;
    }
    .navMenu .title {
        letter-spacing: 0.12em; color:var(--orange);
    }
    .top_menu a:nth-child(1), .top_menu .title{
        position: absolute; top: 1rem; left: 1rem;    
    }
    .top_menu .title{ top: 2.25rem; }
    .svgIconSearch {display:none;}
    .primary-menu{
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: start;
        margin:0 1rem calc(var(--parte) * -1) 1rem;
    }
    
    .fixed_header{
        height: calc(6.2 * var(--parte));
    }
    .fixed_header .svgIconSearch {display:block;}
    .fixed_header .primary-menu {
        flex-direction: column;
        gap: .5rem;
    }
    
    /*CUADRO DE BÚSQUEDA*/
    .fixed_header .container-form-search{height: 0px;} 
    .container-form-search:target { 
    /*opacity:1;
    z-index: 300;*/
    height: 100%;
}

    .close-thik {
        right: 1.5rem;
        top: 1.5rem;
    }
    .search-form{
        width: 75%;
    }
}

/****************************************************************** 
    FOOTER
***************************************************************** */
footer {
    background-color: var(--smoky-black);
    /*background-color: rgba(2, 12, 27, 0.1);*/
    padding: 5.5rem var(--pbody);
}

.contact_container{align-items: flex-start;}
.contact_container .contact, footer .logo{
    /*flex-grow: 1;
    flex-basis: 35%;
    min-width: 250px;*/
}

footer .logo{ 
    align-self: center;
    text-align: center;
    /*flex-basis: 30%;*/
    min-width: 200px;
}
footer .logo img{/*width: 250px; */}

.contact{ padding: 1rem 0; }
.contact h2, .contact h3{ margin: 0px;}
.contact .social span{
    color: var(--light-dun-black);
    padding-right: .5rem;
}
@media (min-width: 481px) and (max-width: 1080px){
    footer{ 
        padding: 5.5rem calc(var(--pbody)*2);
    }
}
@media (max-width: 480px) {
    .contact{
        padding: 16px 0px;
    }
    .contact h3{
        margin-top: 0;
    }
}
.contact li{
    margin: 1em 0;
    color: var(--light-dun-black);
    /*background-color: darkslategray;*/
}
.contact a.iconTextLink{ 
    padding-left: 1.5em;
}
.contact [name=email]{

    background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(246, 119, 56)' d='M0 128C0 92.65 28.65 64 64 64H448C483.3 64 512 92.65 512 128V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V128zM48 128V150.1L220.5 291.7C241.1 308.7 270.9 308.7 291.5 291.7L464 150.1V127.1C464 119.2 456.8 111.1 448 111.1H64C55.16 111.1 48 119.2 48 127.1L48 128zM48 212.2V384C48 392.8 55.16 400 64 400H448C456.8 400 464 392.8 464 384V212.2L322 328.8C283.6 360.3 228.4 360.3 189.1 328.8L48 212.2z'/%3E%3C/svg%3E" ) left no-repeat;
}
.contact [name=tel]{

    background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(246, 119, 56)' d='M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z'/%3E%3C/svg%3E" ) left no-repeat;
}
.contact [name=talento]{

    background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='rgb(246, 119, 56)' d='M288 256C288 273.7 273.7 288 256 288C238.3 288 224 273.7 224 256C224 238.3 238.3 224 256 224C273.7 224 288 238.3 288 256zM0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM325.1 306.7L380.6 162.4C388.1 142.1 369 123.9 349.6 131.4L205.3 186.9C196.8 190.1 190.1 196.8 186.9 205.3L131.4 349.6C123.9 369 142.1 388.1 162.4 380.6L306.7 325.1C315.2 321.9 321.9 315.2 325.1 306.7V306.7z'/%3E%3C/svg%3E" ) left no-repeat;
}

.social { 
    justify-content:flex-start;
}
.social a { 
    width: 2.5rem; height: 2.5rem; 
    border-radius: 50%;
    border:1px solid #a89d96;
    margin: 0.25rem;
    color:var(--light-dun-black);
    display:flex;
    justify-content: center;
}

@media (hover: hover) {
    
    .social a:hover{
        background-color: rgba(246, 119, 56, .2); 
    }
}

.social [title=Facebook] svg{ width: 1.0375rem; }
.social [title=Linkedin] svg{ width: 1.25rem;}
.social [title=Twitter] svg{ width: 1.45rem;}

footer section:nth-child(2){
    align-items: center;
    border-top:3px double var(--dun-black);
    margin-top:3.5rem;
}

footer section:nth-child(2) p{
    margin-left: auto;
    margin-right: 1rem;
    letter-spacing: 0.24em;
    font-size: var(--xs);
    
}
footer section:nth-child(2) p em{
    color:var(--light-dun-black);
    font-style: normal;
    letter-spacing: 0.12em;
    /*font-size: var(--s);*/
}

footer section:nth-child(2)>a:last-of-type::before{
    content:"▲";
    margin-right: .25rem;
}

.nav-footer li:nth-child(2) a::before {
        content: ' | ';
    margin-left: .5rem; /* Hide for first menu item */
}
@media (min-width: 481px) and (max-width: 1080px){
    footer{ 
        padding: 5.5rem calc(var(--pbody)*2);
        text-align: center;
    }
    footer .logo img{ 
        width: 83%;
    }
    footer .flexx {
        justify-content: center;
    }
    footer section:nth-child(2){
        margin-top:0;
        padding-top: 1.5rem;
        flex-direction: column;
        align-items: center;
    }
    footer section:nth-child(2) p{
        margin: 2rem auto;
    }
    footer section:nth-child(2) p em{
        display: block;
    }
}
@media (max-width: 480px) {
    
    footer section:nth-child(2){
        text-align: center;
        justify-content: center;
        padding-top: 1rem;
        margin-top: 1rem;
    }
    footer section:nth-child(2) p{
        margin-right: 0px;
        padding-top: 1.5rem;
    }
    footer section:nth-child(2)>a:last-of-type::before{
        font-size: 64px;
        display: block;
    }
    
}

/******************************************************************
/*  SECTION HERO 
***************************************************************** */

main>section{position:relative;}

section.hero{
    min-height: 576px;
    align-items:stretch;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.single-post .hero{
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
}
@media (max-width: 480px) {
    .single-post .hero{
        clip-path: polygon(0 0, 100% 0%, 100% 97%, 0 100%);
    }
}

.zoomEffect{
    transform: scale(1.25);
    animation: zoom 4s forwards;
}
@keyframes zoom { 
    100% { transform: scale(1.0);}
}

.hero_one{
    /*height: var(--cinco-partes); */
    height: max(var(--cinco-partes), 320px);
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    background-image: url( "assets/images/general/AS_73393975.jpg")
}

/*|||| HERO_ONE ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.home .hero_one{
    background-image: url( "assets/images/sun-hero-web-80.jpg");
    background-color: #FF8C21;
    background-position: center bottom;
}
.sobre-nosotros .hero_one{ 
    background-image: url("assets/images/AS_326853980.jpg");
    background-color: #1B3040;
}

.servicios .hero_one{
    background-image: url( "assets/images/serena_video_dron.jpg");
    background-color: #252B22;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: top right;
}

.etiquetas .hero_one{
    /*background-image: url( "assets/images/serena_video_dron.jpg");*/
    background-image: linear-gradient(0deg, rgba(49,49,49,1), rgba(49,49,49,0.00)50%), url("assets/images/general/serena_1649676178527_2.jpg");
    /*border-bottom: 1px dashed rgba(255,165,0,0.58);*/
}

.error404 .hero_one{ background-image: url("assets/images/general/AS_310554660.jpg");}

.nuestro-equipo .hero_one, .politica-privacidad .hero_one, .aviso-legal .hero_one{ 
    background-image: url( "assets/images/general/AS_73393975.jpg");
}
.single-post .hero_one{
    padding-top: calc( var(--parte) * 2);
    display:flex;
    justify-content: space-between;
    background-image: linear-gradient(0deg, rgba(49,49,49,1), rgba(49,49,49,0.00)50%);
    background-color: var(--dun-black);

    
}

/*|||| HERO_TWO ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.hero_two {
    position:relative;
    /*align-items: flex-start;gap:10%;*/ gap:3rem;/*flexx*/
/*0.07 por clip-path | 4px por margin-top -2 y posible correccion en botton por la forma de clip-path*/
    min-height: max(calc( var(--cuatro-partes) + calc( var(--cuatro-partes) * 0.07) + 4px), 274px);
    /*0.07 por clip-path | 4px por margin-top -2 y posible correccion en botton por la forma de clip-path*/
    margin-top:-2px;
    /*corrije pixel blanco si hay decimales en height*/
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
}

.single-post .hero_two{
    gap:1.5rem;
    clip-path:none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

/*HERO_TWO MODELO 1: Fondo color o degradado sólidos*/
.home .hero_two{
    background: linear-gradient(to right, #260B02 40%, #9E3000 85%, #9E3000);
}

.servicios .hero_two{
    background: var(--bgDegGreen);
}

.sobre-nosotros .hero_two{
    color:#ffffff;
    background-color: #1B3040;
}

.aviso-legal .hero_two, .politica-privacidad .hero_two, .archive .hero_two{
    background-color: var(--light-gray);
}

/*HERO_TWO MODELO 2: Halftone Monta sobre hero_one*/

.blog .hero_two, .etiquetas .hero_two, .single-post .hero_two{
    /*margin-top: calc( var(--cuatro-partes) / 2 * -1);*/
    margin-top:calc( calc( max(var(--cuatro-partes), 256px) + calc( max(var(--cuatro-partes), 256px) * 0.07) + 4px) / 2 * -1);
    /*background-color: rgba(255,0,0,0.52);*/
}
/*.blog .hero_two{
    padding: 5.5rem var(--pbody) 0rem var(--pbody);
}*/

.blog .hero, .etiquetas .hero, .single-post .hero{
    background-color: rgba(49,49,49,1); /*#313131 | rgba(49,49,49,1)*/  
}

.blog .hero_two, 
.etiquetas .hero_two { color:#B6C5A0;}

.single-post .hero_two{ color:#B6C5A0; }

/*||| LOGO |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.hero .logo{ 
    position: absolute; 
    align-self: center; /*flexx*/
    /*centrar logo con margin left -50% del ancho del logo
    margin-left: calc( var(--cuatro-partes) / 28 * 30 / 2 * -1);
    left:50%;*/
    /*base está en 72% de la altura del logo*/ 
    /*top:calc( var(--cinco-partes) - calc( var(--cuatro-partes) * 0.72));*/
top:calc( max(var(--cinco-partes), 320px) - calc( max(var(--cuatro-partes), 256px) * 0.72));
    user-select: none;
    z-index: 10;
}
.hero .logo img{
    height: max(var(--cuatro-partes), 256px);  /*OJO! antes altura> calc(4.5 * var(--parte))*/
    /*filter: drop-shadow(0 0 0.75rem #252b22);*/
}
.servicios .hero .logo::after{
    content:"";
    height: max(var(--cuatro-partes), 256px);
    width: max(var(--cuatro-partes), 256px);
    margin-top: calc(max(var(--cuatro-partes), 256px) * -1);
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    background: radial-gradient(rgba(37,43,34,0.7), rgba(37,43,34,0.0)50%);
}



/*|||| FLEX PAIRS ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*.sobre-nosotros .hero_two .display1, 
.blog .hero_two .display1, 
.nuestro-equipo .hero_two h1,*/
.hero_two>*:first-child
{
    flex-grow: 0.7;
    flex-basis: 0;
}

.politica-privacidad .hero_two>*:first-child {
    min-width: 400px;
    flex-grow:0;
}
.aviso-legal .hero_two>*:first-child, .single-post .hero_two>*:first-child {
    flex-grow:0;
}


/*.sobre-nosotros .hero_two p, 
.blog .hero_two p,
.nuestro-equipo .hero_two .paragraph,*/
.hero_two>*:last-child{
    flex-grow: 1.3;
    flex-basis: 0;
    /*min-width: 270px;*/ /*7777*/
}

.single-post .hero_two>*:last-child{
   flex-grow:0; 
}

.home .hero_two>*{
    flex-basis: 0; 
    flex-grow: 1;
}

/*@media (max-width: 480px)*/ 
@media (max-width: 1080px){
    
    section.hero{
        width: 100vw;
    }
    
    .single-post .hero_two{
        gap:1rem;
    }
    
    body:not(.home) .hero_two{
        gap:1.5rem;
        clip-path:none;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .home .hero_two{
        text-align: center;
        flex-wrap: nowrap;        
    }
    .home .hero_two>*{
        min-width: 100vw;  
        scroll-snap-align: start;
        /*outline: 1px solid red;*/
        
        background-position: center;
    }
    
    .home .hero_two {
     -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;
    }
    .home .hero_two::-webkit-scrollbar { /*  display: none; */}
}
    





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

/*SECTION 1 HERO*/

.home .hero_two>*:nth-child(1){
    background-image: url("assets/images/flying_birds_det_AS_414780454.svg")
}
.home .hero_two>*:nth-child(2){
    background-image: url("assets/images/flying_birds_det_AS_414780454.svg")
}

.home .hero_two span {display:block;}


.home .hero_two>a{ display: flex; justify-content: center;}
/*.home .hero_two>a{background-color: rgba(0,255,255,0.5);}
.home .hero_two>a div{ background-color: rgba(138,43,226,0.4); }*/

.hero_two .hero_txt1 .display1{ position: relative; padding-bottom: 1.5rem;}
.hero_two .hero_txt1 .display1:after{
    content:"";
    animation: spin 16s linear infinite;
    position: absolute;
    bottom: 0px;
    left: 0px;
    white-space: nowrap;
    font-size: var(--n);
}

@keyframes spin {
  0% { content: "Almaraz más de 1000 MW"; color:crimson;}
  14.285% { content: "Alcántara-Oriol más de 500 MW"; color:green;}
  28.57% { content: "Arroyo de San Serván 250 MW"; color:cadetblue;}
  42.85% { content: "Arenales Cáceres 350 MW"; color:cyan;}
  57.14% { content: "Cáceres Universidad 120 MW";color:firebrick;}
  71.4% { content: "Bienvenida 250 MW"; color:orchid;}
  85.7% { content: "Brovales Centurión 50 MW"; color:chocolate}
  100% { content: "Mérida Prado 90 MW";  color:salmon}

}

@media (max-width: 480px) {
    .home .hero_two span {
        padding:0 3rem;
    }
    
}


/***********************************************************************/
/*HOME SECTION 2 Y 3 EQUALS ||||||||||||||||||||||||||||||||||||||| */        

.home_servicios{
    margin-top:-2rem;
    min-height: 50vh;
}

.home_sobre_nosotros{
    background: linear-gradient(90deg, var(--orange) 70%, #feb869);
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);
    margin-top:-2rem;
    min-height: 50vh;
}
@media (min-width: 1081px) {
    .home_servicios{
        min-height: 100vh;
        /*height: 100vh;*/
        /*height: 50vh;*/
    }  
    .home_sobre_nosotros{
        min-height: auto;
    }
}

/* EQUALS FILTERS |||||||||||| */

.home_servicios .equals_categories, .home_sobre_nosotros .equals_categories{
    margin-top: 3rem;
    margin-bottom: 3rem;
    align-items: flex-start;
    align-items: stretch;
}

/*@media (min-width: 481px) and (max-width: 768px) {

    .home_servicios .equals_categories, .home_sobre_nosotros .equals_categories{
        gap: 1rem;
    }
}*/

.home .equals_categories .section_title_link{
    flex-grow: 1;
    flex-basis: 0;
}

.home .equals_categories .filters{
    gap: .5rem 0rem;
    flex-grow: 2;
    flex-basis: 0;
    justify-content: space-evenly;
}

.home_servicios .filters li{
    /*flex-grow: 1;*/
    flex-basis: calc(50% - 1rem );
    max-width: 270px;
}

.home_sobre_nosotros .filters li{ 
    background-color:rgba(255,255,255,0.16);
    flex-basis:0;
    flex-grow: 1;
    min-width: 40%;
}


.nav_link::before{
    content: "❱❱";
}
.home_servicios .filters{
     margin-top: .3rem;
}
.home_sobre_nosotros .filters{
    align-items: flex-start;
    margin-top: .5rem;
}

.filters a{ 
    padding-left: 1.6em;
    position:relative;
}


.filters a[data-service=tramitacion]:before,
.categories_icon .equals[data-service-item=tramitacion]:before,
.servicios .tramitacion:before{
    content: "\e904";/*icon-cabinet-filing-solid*/
}
.filters a[data-service=estudios]:before,
.categories_icon .equals[data-service-item=estudios]:before,
.servicios .estudios:before{
    content: "\e90d";/*icon-frog-solid*/
}
.filters a[data-service=restauracion]:before,
.categories_icon .equals[data-service-item=restauracion]:before,
.servicios .restauracion:before{
    content: "\e912";/*icon-seedling-solid*/
}
.filters a[data-service=forestales]:before,
.categories_icon .equals[data-service-item=forestales]:before,
.servicios .forestales:before{
    content: "\e915";/*icon-tree-solid*/
}
.filters a[data-service=seguimiento]:before,
.categories_icon .equals[data-service-item=seguimiento]:before,
.servicios .seguimiento:before{
    content: "\e901";/*icon-binoculars-solid*/
}
.filters a[data-service=otros]:before,
.categories_icon .equals[data-service-item=otros]:before,
.servicios .otros:before{
    content: "\e902";/*icon-book-solid*/
}

.home .equals_categories .filters a::before,
.home .equals::before,
.servicios .filters a::before,
.servicios .tramitacion:before,
.servicios .estudios:before,
.servicios .restauracion:before,
.servicios .forestales:before,
.servicios .seguimiento:before,
.servicios .otros:before
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconserena' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}
.home_servicios .filters a:before, .servicios .filters a::before{
    font-size: 1.2em;
    position: absolute;
    left: 0;
}
.home_sobre_nosotros .filters a:before{
    font-size: 1.2em;
    position: absolute;
    left: 0;
}
.home_sobre_nosotros a[data-service=actuaciones]:before{
    content: "\e903"; /*icon-bullseye-solid*/
}
.home_sobre_nosotros a[data-service=equipo]:before{
    content: "\e900"; /*icon-atom-simple-solid*/
}
.home_sobre_nosotros a[data-service=experiencia]:before{
    content: "\e90f";/*icon-hand-dots-solid*/
}
.home_sobre_nosotros a[data-service=tecnologia]:before{
    content: "\e90e";/*icon-gear-solid*/
}

@media (max-width: 1080px) {
    
    .home_servicios .equals_categories, .home_sobre_nosotros .equals_categories{
        flex-direction: column;
        gap:2rem;
    }
    /*HOME SERVICIOS FILTERS*/
    
    .home .equals_categories .filters {
        gap: 0.5rem 1rem;
    }
    
    .home_servicios .filters li{
        height: 120px;
        min-width: 120px;
        border-radius: .5rem;
        background-color: var(--light-gray);
     }    
    .home_servicios .filters a, .servicios .filters a{ 
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 4.5rem;
        /* background-color: pink; */
        display: block;
        text-align: center;
        background-size: 48px;
        background-position: center 8px;
        font-size: var(--s);
    }
    .home_servicios .filters a:before, .servicios .filters a:before{
        font-size: 3rem;
        top:1rem;
        width: 100%;
    }

    /*HOME SOBRE NOSOTROS FILTERS*/

    .home_sobre_nosotros .filters li{
        min-width: 120px;
        font-size: 100%;
        padding: 1rem 0.5rem;
        border-radius: .5rem;
    }
    .home_sobre_nosotros .filters a{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 4.5rem;
        /* background-color: pink; */
        display: block;
        text-align: center;
        background-size: 48px;
        background-position: center 8px;
        font-size: var(--s);
        position: relative;
    }
    .home_sobre_nosotros .filters a:before{
        font-size: 3rem;
        top:1rem;
        width: 100%;
        position: absolute;
        left: 0;
    }
}
@media (min-width: 1081px) {
    .home_servicios .section_title_link{
        min-width: 332px;
    }
    .home_sobre_nosotros .section_title_link{
        min-width: 400px;
    }
}

/* EQUALS BOX |||||||||||| */

/*DOTS NAV SLIDER*/

.home_servicios .dots {
  position: absolute; bottom: 5.5rem; left: auto;right:var(--pbody);
}
.home_servicios .dots a {
    background-color: var(--orange);
}
.dots a:hover {
  opacity: 1;
}

/*.equals:nth-child(2n) { outline: 2px solid blue; }
.equals:nth-child(2n+1) { outline: 2px solid orange;}*/

.home_servicios .equals_box {
    flex-wrap: nowrap;
    justify-content: start;
    align-items:flex-start;
    padding-bottom: 2rem;
    overflow-x: hidden;
    
}  

.home_servicios .equals{
    position:relative;
    flex-grow: 1;
    /*flex-basis: 33.33%;*/
    min-width: 33.33%;
    min-height: 400px;
    height: calc(var(--parte) * 5.5);
    /*display: flex; en .view*/
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 0px 18px rgba(2, 12, 27, 0.2);    
}

.home .equals::before{
    /*content:"❀";*/
    /*content: "\e904";*/
    position:absolute;
    top:1rem;
    right:1rem;
    /*width:calc(33% + 1em);*/
    text-align: right;
    font-size: 48px;
    line-height: 48px;
    z-index: 1;
}
/*.equals_item2::before, .equals_item4::before, .equals_item6::before, .equals_item8::before, .equals_item10::before, .equals_item12::before*/
.home .equals_item2::before { top: calc( 50% + 1rem );}

.home_servicios .equals_item2, .home_servicios .equals_item4, .home_servicios .equals_item6, .home_servicios .equals_item8, .home_servicios .equals_item10, .home_servicios .equals_item12 {
    margin-top:1.5rem;
}


.home_servicios .equals>*:not(span){
    margin: 0 1.5rem 1rem 2rem;
    flex-grow: 1;
}
.home_servicios .equals>p{
    line-height: var(--line);  
}
.home_servicios .equals h3{
    /*margin:calc(4.5rem + 1.5rem) 1rem 1rem 1rem;*/
    margin: 2rem 6.5rem 1rem 2rem;
    /*font-weight: normal;*/
}

.equals_box.flexx span{
    flex-basis: 50%;/*height*/
}

@media (min-width: 481px) {
    
    
    .home_servicios .equals[data-service-item=forestales]{
        flex-basis: 50%;
    }
    .home_servicios .one_item{
        justify-content: center;
        padding-right: 50%;
    }
    .home_servicios .one_item>*:not(span){
    flex-grow: 0;
}
    .home_servicios .one_item span {
      flex-basis: 50%;
      width: 50%;
      min-width: 50%;
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      height: 100%;    
    }
}
@media (max-width: 1080px) {/*antes 480*/
    
    main>section#servicios{
        position: inherit;
    }
    
    .home_servicios .dots{
        width: 0;
        display: none;
    }
    
    .btnClose {
        position: fixed;
        right: 0rem;
        top: 0rem;
        line-height: 3.5rem;
        font-size: 3.5rem;
        width: 5rem;
        height: 3.5rem;
        display: block;
        z-index: 100;

    }
    .btnClose::after {
      content: '×';
        padding-left: 1.5rem;
    }    
    
    .home_servicios .equals_box {
        display:none;
        -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;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: rgba(255,255,255,0.9);
        padding-right: 2rem;
        padding-top: 12.5vh;
        padding-bottom: 12.5vh;
        z-index: 1;
    }
    .home_servicios .equals_box>* {
        min-width: calc(100vw - 5rem);
        flex-basis: auto;
        min-height: 100%;
        scroll-snap-align: center;
        background-position: center;
        margin-left:2rem;
        margin-top:0px;
        /*transform: scale(0.62);*/
    }
}
@media (min-width: 481px) and (max-width: 1080px){

    .home_servicios .filters li{
        flex-basis: calc(33% - 1rem );
    }
    .home_servicios .equals_box {
        padding-right: 6rem;
        padding-top: 12.5vh;
        padding-bottom: 12.5vh;

    }
    .home_servicios .equals_box>* {
        min-width: calc(100vw - 15rem);
        margin-left:6rem;

    }    
}

.home_servicios .equals{ background-color: currentColor;}
.home_servicios .equals *{color:white;}

.home_servicios .a{  
    background-image: url("assets/images/general/sun_AS_389382477.jpg");
    background-position: center center;
    background-size: cover;
}

/*tramitacion*/
.equals_item1[data-service-item=tramitacion] { color:#e65818;}
.equals_item1[data-service-item=tramitacion] .a{
    background-image: url("assets/images/general/sun_AS_389382477.jpg");
}

.equals_item2[data-service-item=tramitacion] { color: #ce9d22;}
.equals_item2[data-service-item=tramitacion] .a{
    background-image: url("assets/images/general/AS_73393975.jpg");
}

.equals_item3[data-service-item=tramitacion] {color: #6ea9c1; }
.equals_item3[data-service-item=tramitacion] .a{
    background-image: url("assets/images/general/AS_271593539.jpg");
}

.equals_item4[data-service-item=tramitacion] {color: #0c2f55; }
.equals_item4[data-service-item=tramitacion] .a{
    background-image: url("assets/images/general/AS_524864194.jpg");
}


/*estudios*/
.home .equals_item1[data-service-item=estudios] { color: #9D8A1D;}
.equals_item1[data-service-item=estudios] .a{
    background-image: url("assets/images/general/fa_AS_353078770.jpg");/*conejo*/
}

.home .equals_item2[data-service-item=estudios] { color: #8e6786;}
.equals_item2[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_115973817.jpg");
}

.home .equals_item3[data-service-item=estudios] { color: #1e3255;}
.equals_item3[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_375888951.jpg");
}

.home .equals_item4[data-service-item=estudios] {color:#EFB247; }
.equals_item4[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_307140204.jpg");
}

.home .equals_item5[data-service-item=estudios] {color: #55727b;}
.equals_item5[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_352447800.jpg");
}

.home .equals_item6[data-service-item=estudios] {color: #AAA819;}
.equals_item6[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_407975211.jpg");
}

.home .equals_item7[data-service-item=estudios] {color:#CF8D2C;}
.equals_item7[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_294022125.jpg");
}
/**/
.home .equals_item8[data-service-item=estudios] {color: #6ea9c1; }
.equals_item8[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_264423762.jpg");
}

.home .equals_item9[data-service-item=estudios] { color:#565d82;}
.equals_item9[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_267789565.jpg");
}

.home .equals_item10[data-service-item=estudios] { color: #79a250;}
.equals_item10[data-service-item=estudios] .a{
    background-image: url("assets/images/general/AS_324331913_Severn.jpg");
}





/*seguimiento*/

.home .equals_item1[data-service-item=seguimiento] { color:#859eb1;}
.equals_item1[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/fa_AS_257532793.jpg");
}

.home .equals_item2[data-service-item=seguimiento] { color:#ddad32;}
.equals_item2[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/man-landscape-1388436-pxhere-free.jpg");
}
.home .equals_item3[data-service-item=seguimiento] { color:#66503c;}
.equals_item3[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/AS_247838819_pinos_ourense.jpg");
}
.home .equals_item4[data-service-item=seguimiento] { color:#8d8a97;}
.equals_item4[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/AS_255981378.jpg");
}
.home .equals_item5[data-service-item=seguimiento] { color:#808548;}
.equals_item5[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/AS_265628032.jpg");
}
.home .equals_item7[data-service-item=seguimiento] { color:#243e5e;}
.equals_item7[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/AS_361503306_restauracion.jpg");
}
.home .equals_item6[data-service-item=seguimiento] { color:#243e5e;}
.equals_item6[data-service-item=seguimiento] .a{
    background-image: url("assets/images/general/AS_317358261.jpg");
}

/*restauracion*/

.one_item[data-service-item=restauracion] { color:#52938d;}
.one_item[data-service-item=restauracion] .a{
    background-image: url("assets/images/general/AS_272281851.jpg");
}

/*forestales*/

.equals_item1[data-service-item=forestales] { color:#ac8129;}
.equals_item1[data-service-item=forestales] .a{
    background-image: url("assets/images/general/AS_297523847.jpg");
}
.equals_item2[data-service-item=forestales] { color:#516259;}
.equals_item2[data-service-item=forestales] .a{
    background-image: url("assets/images/general/AS_292527368.jpg");
}

/*otros*/

.one_item[data-service-item=otros] { color:#435930;}
.one_item[data-service-item=otros] .a{
    background-image: url("assets/images/general/AS_282535132.jpg");
}



/*SECTION 4 CTA ||||||||||||||||||||||||||||||||||||||| */
.home_cta {
    clip-path: polygon(0 0, 100% 0%, 100% 93%, 0 100%);
}
.home_cta .flexx{
    gap: max(4%, 2rem);
    align-items:stretch;
}
.home_cta .flexx>div{
    min-width: 200px;
    flex-grow: 1;
    flex-basis: /*33%%*/0; /*6666*/
}
@media (max-width: 480px) {
    .home_cta {
    clip-path: polygon(0 0, 100% 0%, 100% 97%, 0 100%);
}
    .home_cta .flexx{
        gap: 0;
    }
    
}
    

/*SECTION 5 BLOG ||||||||||||||||||||||||||||||||||||||| */ 

.home_blog>.flexx {
    gap: 3rem;
}
.home_blog .flexx .flexx{
    gap: 1rem;
    text-align: center;
}
.btn, .btn_container a, .home_blog .filters a { 
    background-color: var(--light-gray);
    display: block;
    padding:1rem; 
    border-radius: 1rem;    
}
.home_blog .filters li{
    flex-grow: 1;
    flex-basis: 50%;
}    

@media (min-width: 481px) {
    .home_blog>.flexx {
        flex-direction: row-reverse;
        justify-content: center;
    }
    .home_blog>.flexx .flexx {
        gap: 3rem;
    }
    .home_blog .filters a { 
        padding: 2.5rem 1rem;
    }
    .home_blog .filters li{
        flex-grow: 1;
        flex-basis:auto;
    } 
}



/******************************************************************
2.0 CONÓCENOS > page-sobre-nosotros.php
***************************************************************** */

.sobre-nosotros .hero_two p{ color:#9CC3E1;}
.sobre-nosotros .hero_two strong{ color:#70b4e6;}


.sobre-nos-txt .flexx{
    align-items:flex-start;
    gap: max(4%, 2rem);
}

.sobre-nosotros .equals_box.flexx>div{
    flex-grow: 1;
    flex-basis: /*22.75%*/0;
    min-width: 200px; /*6666*/
    flex-direction: column;
    justify-content:start;
    text-align: left;
}



/*SLIDER GENERAL ||||||||||||||||||||||||||||||||||||||| */
.sobre-nos-slider {}

.sobre-nos-slider .slider {
    background-color: var(--light-gray)
}
.slider {

  display: grid; grid-auto-flow: column;
    
  -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;
  /*border: 5px solid #fff;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2), 0 2px 20px rgba(0, 0, 0, 0.25);*/
}
.slider::-webkit-scrollbar {   display: none; }

.slider_item{
    scroll-snap-align: start;
    width: 100vw;
    height: min(75vh, 600px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/*DOTS NAV SLIDER*/

.dots {
  position: absolute; bottom: 20px; left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 15px;
}
.dots a {
  width: 16px; height: 16px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.75;
  transition: opacity ease 250ms;
  cursor: pointer;
}
.dots a:hover {
  opacity: 1;
}

/*SLIDER ITEM 1 ||||||||||||||||||||||||||||||||||||||| */

.slider_txt { margin: 0; padding:2.5rem;}
.slider_txt .subtitle{ padding-bottom: .5rem;}
.slider_txt .subtitle::after {
    content:'';
    height: 3px;
    width: 3rem;
    position:absolute;left:0;bottom:0px;
    background-color: var(--orange);
}
.slider .btn_slider_item{
    right: 0px;
    padding: 2rem;
    margin: 1rem;
    display: block;
    font-size: calc( var(--xxl) * 2);
}
@media (max-width: 480px) {
    .sobre-nosotros .equals_box.flexx>div{
        padding: 0rem;
    }
    .slider_txt .subtitle{ 
        padding-bottom: 0;letter-spacing: 0em;
    }   
}
.slider #experiencia1{
    /*clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);*/
}

/*SLIDER ITEM 2 ||||||||||||||||||||||||||||||||||||||| */

.slider #actuaciones1{
    /*clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 100%);*/
    background-color:#b2cece;
}
.slider .slider_item:nth-child(2){
    /*filter:brightness(0.5);*/
    filter:contrast(130%);
}

.slider #actuaciones1 .slider_txt2 {
    position:absolute; 
    left:2.5rem;
    top:5rem;
    width:33%;
}

.slider .graphic{ 
    left: 50%;
    top: 50%;
    text-align: center;
}

.graphic:after {
  content:"";
  animation: spin2 20s linear infinite;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:white;
    padding:1rem;
    transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
    .graphic:after {
    transform: translate(-50%, 0%);    
    }
}

@keyframes spin2 {
  0% { content: "Almaraz más de 1000 MW"; background-color:crimson;box-shadow: 0px 0px 64px crimson;}
  14.285% { content: "Alcántara-Oriol más de 500 MW"; background-color:green;
      box-shadow: 0px 0px 64px green; 
  }
  28.57% { content: "Arroyo de San Serván 250 MW"; background-color:cadetblue;
      box-shadow: 0px 0px 64px cadetblue;
  }
  42.85% { content: "Arenales Cáceres 350 MW"; background-color:cyan;
      box-shadow: 0px 0px 64px cyan;
  }
  57.14% { content: "Cáceres Universidad 120 MW";background-color:firebrick;
      box-shadow: 0px 0px 64px firebrick;
  }
  71.4% { content: "Bienvenida 250 MW"; background-color:orchid;
      box-shadow: 0px 0px 64px orchid;
  }
  85.7% { content: "Brovales Centurión 50 MW";background-color:chocolate; 
      box-shadow: 0px 0px 64px chocolate;
  }
  100% { content: "Mérida Prado 90 MW";  background-color:salmon;
      box-shadow: 0px 0px 64px salmon;
  }

}

/******************************************************************
3.0 SERVICIOS > page.php
***************************************************************** */

/*SECTION 2 SERVICIOS*/

.servicios h2{ /*color: var(--light-gray);*/ }
.servicios .filters{
    gap: .8rem 2rem;
}
.servicios .filters li{
    flex-grow: 1;
    flex-basis:33%;
}

@media (max-width: 480px) {
    
    .servicios .filters li{
        flex-grow: 1;
        flex-basis:100px;
        height: 120px;
        background-color:rgba(177,177,143,0.1);
        border-radius: .5rem;
    }    
    .servicios .filters a{ 
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 4.5rem;
        /* background-color: pink; */
        display: block;
        text-align: center;
        background-size: 48px;
        background-position: center 8px;
        font-size: var(--s);
    }
}

.servicios ul.serv_list, .servicios .varios .serv_list{
    /*display: flex;*/
    flex-wrap: wrap;
    column-gap:5%;
    row-gap:2rem;
    /*gap: 1em 2em;*/
    align-items: flex-start;
}

.servicios .estudios>ul>li{
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
    background-color: rgba(246,104,52,0.9);
}
.servicios ul.serv_list>li, 
.servicios .varios .serv_list>ul{
    min-width: 240px; /*6666*/
    flex-basis: 30%;
    padding: 2rem 2rem 4rem 2rem;
    flex-grow: 1;
}

.servicios .varios .serv_list>ul{
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: column;*/
    position: relative;
    color: burlywood;
}
.servicios .varios .serv_list>ul>li{ flex-grow: 1;}

.servicios .tramitacion .serv_list>li:not(:first-child), 
.servicios .varios .serv_list>ul:not(:first-child){
    
    border-left:1px solid var(--light-gray);
    /*background-color: var(--light-gray);*/
}

.servicios  span.a{
    width: 8rem;
    height: 8rem;
    display: block;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin: auto;
/*mix-blend-mode: luminosity;*/
    border:.25rem solid #D4D4D4;
}
.servicios  span.a:hover{
    /*mix-blend-mode: normal;*/
}
.servicios [data-service-item] p,
.servicios [data-service-item] .list--reset{ 
    color:var(--smoky-black);
}

.servicios h2{
    margin: 0 0 2rem 0;
}
.servicios .varios h2{
    padding-left: 4rem;
}

.servicios .estudios h2{
text-shadow: 1px 1px 2px coral, -1px -1px 2px coral, 1px -1px 2px coral, -1px 1px 2px coral;
}

/*SECCIONES SERVICIOS ESTILO FONDOS*/

.servicios section:before, 
.servicios .varios .serv_list>ul:before{

    position: absolute;
    top: -1.5rem;
    font-size: 56px;
    line-height: 48px;
    z-index: 1;
    color: currentColor;
}
.servicios .estudios:before{
    top: 1rem;
}
.servicios .varios .serv_list>ul:before{
    top: 2rem;
}
.servicios .tramitacion::before{
    color: white;
    text-shadow: 1px 1px 0 var(--orange), -1px -1px 0 var(--orange), 1px -1px 0 var(--orange), -1px 1px 0 var(--orange);
}
.servicios .estudios{
    background-color: coral; 
    background-image: url("assets/images/Solar_energy_panel_AS_278578875.svg");
}


.servicios .seguimiento{
    background-color: #1B3040;
    color:#4f86b0;
    color:var(--light-gray);
    /*background-image: url("assets/images/flying_birds_det_AS_414780454.svg");*/
    background-size: 83%;
    
background-image: linear-gradient(rgba(27,48,64,.6), rgba(27,48,64,.6)), url("assets/images/flying_birds_det_AS_414780454.svg");
    
}
.servicios .seguimiento h3{
    color:#4f86b0;
}

.servicios .seguimiento p{
    color:var(--light-gray);
}

.servicios .seguimiento::before{
    text-shadow: 1px 1px 0 #1B3040, -1px -1px 0 #1B3040, 1px -1px 0 #1B3040, -1px 1px 0 #1B3040;
}

.servicios .estudios::after,
.servicios .seguimiento::after,
.servicios .varios::after
{
    content:"";
    background-repeat: repeat-x;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    background-position: left bottom;
}
.servicios .estudios::after{
    
    background-image: url("assets/images/tree_line.svg");
    height: 180px;
    top:-179px;
    /*filter: drop-shadow(0px -16px 6px rgba(0,0,0,0.1));*/
}

.servicios .seguimiento::after{

    background-image: url("assets/images/curva_path.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 80px;
    top:-79px;
    filter: drop-shadow(0px -28px 12px rgba(0,0,0,0.3));
}

.servicios .varios::after{
/*
    background-image: url("assets/images/AS_357464191_kumo_hills.svg");
    height: 120px;
    top:-119px;
    background-position: left bottom;
    filter: drop-shadow(0px -28px 12px rgba(0,0,0,0.3));
 */   
/*    
    top:-1rem;
    height: 1rem;
    background-color: white;
    filter: drop-shadow(0px -28px 12px rgba(0,0,0,0.3));
  */
background-image: url("assets/images/AS_317280750_grass_border_easy.svg");
height: 36px;
top: -35px;
background-repeat: repeat-x;
filter: drop-shadow(0px -18px 0px rgba(0,0,0,0.3));
}

@media (max-width: 480px) {

    .servicios .tramitacion .serv_list>li:not(:first-child), .servicios .varios .serv_list>ul:not(:first-child){
         border-left:none;
    }
    .servicios .tramitacion .serv_list>li, .servicios .varios .serv_list>ul{
         background-color: var(--light-gray); 
    }    
   
    .servicios ul.serv_list > li, 
    .servicios .varios .serv_list > ul{
        min-width: 100%;
    }
    .servicios ul.serv_list>li, 
    .servicios .varios .serv_list>ul{
        flex-basis: auto;
    }
    .servicios .seguimiento{
        background-size: 150%;
    }
    .servicios .seguimiento li{ /*background-color: rgba(26,53,74,0.64)*/}
    .servicios .seguimiento::after {
        height: 36px;
        top: -35px; 
        width: 100vw;
    }
    .servicios h2{
        margin-top: 2em;
        margin-bottom: 1em;
    }
    .servicios section:before{
        top: 1rem;
    }
    
}
/******************************************************************
     LOOP NAVEGACIÓN > post-navigation.php 
***************************************************************** */
.post-navigation.flexx{
    /*align-self: stretch;
    gap:2rem;*/
    color:var(--orange);
    align-items: stretch

}
.post-navigation.flexx>div{
    flex-basis: 47%;
    /*flex-grow: 1;*/
    background-color:var(--light-gray);
    border-radius: .5rem;
    padding: 1rem;
    
}


/******************************************************************
     LOOP NAVEGACIÓN > posts-navigation.php 
***************************************************************** */

.posts-navigation.flexx{
    flex-wrap: nowrap;
    justify-content: center;
}
.posts-navigation.flexx>div{
    border-radius: .5rem;
}
.posts-navigation a, .posts_info{
    padding: 1rem;
    display: block;
}
.posts_info {text-align: center;background-color: var(--light-gray);}

/******************************************************************
4.0 BLOG > home.php
***************************************************************** */

/*ARTICLE LIST*/

.blog_article_list {
    gap:3rem 0rem;
    align-items: stretch;
}
.blog_article_list article.nowrap { 
    gap: 0rem 3rem;
    
}
.blog_article_list article.nowrap>*:nth-child(1){
    flex-basis:40%;
    text-align: center;
}
.blog_article_list article.nowrap>*:nth-child(2){
    flex-basis:60%;
}
.blog_article_list article .img_as_bg {
    width: 100%; 
    height: 250px;
    background-color: var(--light-gray);
}

@media (max-width: 480px) {
    .blog_article_list article.nowrap { 
        flex-wrap: wrap;
        background-color: var(--light-gray);
        border-radius: 1rem;
        overflow: hidden;
    }
    .blog_article_list article.nowrap>*:nth-child(1), .blog_article_list article.nowrap>*:nth-child(2){
        flex-basis: auto;
        flex-grow: 1;
    }
    .blog_article_list article.nowrap>*:nth-child(2){
        padding: 1rem;
    }
}


/******************************************************************
4.1 BLOG ETIQUETAS > page.php
***************************************************************** */

.etiquetas .flexx.filters{
    justify-content: center;
    gap:2rem;
} 

.etiquetas .btn{
    padding:.5rem .5rem;
    border-radius: .25rem;
}

/******************************************************************
4.2 BLOG ITEM CATEGORÍAS Y TAGS > archive.php
***************************************************************** */
.archive h1.category_title::after{
    content: 'Categoría';
}
.archive h1.tag_title::after{
    content: 'Etiqueta';
}
.archive h1 { text-align: right;}
.archive h1::after{
    width: 100%;
    height: 1.25rem;
    display: block;
    padding-right: .25rem;
}

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

.single-post .hero_two a[rel=prev], .single-post .hero_two a[rel=next]{
    padding:.5rem;
    margin:1rem;
    display:block;
    font-size:var(--xxl);
    position:absolute;
    top:0px;
    left:0px;
}
.single-post .hero_two a[rel=next]{
    left:auto;
    right:0px;
}

.single-post .btn_container a {
    padding:.25rem .5rem;
    border-radius: .25rem;
}
.single-post .post-categories a, .etiquetas .btn{
    background-color: var(--dun-black);
}
.single-post .post-tags a{
    border:1px solid currentColor;
}
.single-post .post-tags.flexx {
    /*top: 16px;
    left:50%;
    transform: translate(-50%);*/
    justify-content: flex-end;
    margin-bottom: 2rem;
}
.single-post .post-tags strong{
    margin-right:.5rem;
    
}

/*BLOG ARTICLE TEXT |||||||||||||||||||||||||||||||||||||||||| */

/* first letter effect */
.single-post article>p:first-of-type::first-letter {
    color: var(--orange);
    font-size: 5rem;
    float: left;
    padding: .5rem .5rem 0px 0px;
    margin: 0px;
}

.single-post article{
    columns: 2 22rem;
    column-gap:3rem;
}
.single-post article>*{
    line-height: var(--line);
}
.single-post article>h2{
    line-height: 1em;
    position: relative
}
.single-post article>h2::before{
    content: '';
    position: absolute;
    width: 8px;
    height: 100%;
    left: -2rem;
    top: 0px;
    display: block;
    background-color: var(--orange);
}
.single-post article p, .single-post article li{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: var(--line);
}

.single-post article li a:not(.textLink)::before {
    content: ' ■ ';
    margin-left: .5rem;
}

.single-post article div, .single-post article figure, .single-post article aside, .single-post article h2, .single-post article h3{
    column-span:all;
}
.single-post article aside{
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 2rem 0;
}

/*DIV DESTACADO FONDO COLOR*/

.single-post article div{
    margin: 2rem 0;
    background-color: var(--orange);
    color: rgba(255,255,255,0.83);
}
.single-post article div strong{
    color: rgba(255,255,255,1);

}
.single-post article div.column2{/*sin uso*/
    columns: 2 22rem;
    column-gap:3rem;
    padding: 2rem;
}

.single-post article p.title {
  text-transform: uppercase;
  letter-spacing: 0.24em;
}

.single-post article div.bgRight{
    position: relative;
}
.single-post article div.bgRight>*{
    width: 50%;
    padding: 2rem;
}

.single-post article div.bgRight:after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    background-size: cover;
    background-image: url("assets/images/general/AS_90942467.jpg");
    display: block;
    height: 100%;
    background-position: center;
}


.single-post article div.bgRight:nth-of-type(2):after{
    background-image: url("assets/images/general/AS_86167040.jpg");    
}


.single-post article div p strong{
    font-size: var(--l);
    text-transform: uppercase;
}

/*NOTICIAS CONCRETAS*/

.postid-299 article div.bgRight:after, .postid-350 article div.bgRight:after{
    background-image: url("assets/images/general/AS_292527368.jpg");
}

.postid-327 article div.bgRight:after, .postid-372 article div.bgRight:after{
    background-image: url("assets/images/general/AS_285233665_aerogenerador.jpg");
}

/*BTN TWITTER*/
/*article iframe {visibility: hidden !important;}*/

/*FIGURE*/

.single-post article figure{
    display: block;
    text-align: center;
    margin: 2rem auto;
    position: relative;
}

.single-post figcaption{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.single-post figure.banner30{
    height: max(30vw, 250px);
	overflow: hidden;
}
.single-post figure.banner30 img{
  margin-top: -10vw;
}

.single-post figure.banner30 figcaption{
    position: absolute;
    bottom: 1rem;
    left:0rem;
    background-color: rgba(49,49,49,.9);
    margin: 0;
    padding: 1rem;
}

/*FIGURE CARD*/
.single-post article figure.data{border: 1px solid #d5dde0;}
.single-post article figure.flexx>*{ background-color: aquamarine;flex-basis: 0; flex-grow: 1; }

/*FIGURE TABLE*/

.single-post table{
    padding: 0 0rem;
    text-align: left;
    font-size: var(--s);
    line-height: 2rem;
}

.single-post table tr:nth-child(2n) { 
    outline: 2px solid var(--orange);
    background-color: var(--light-gray);
}
.single-post table tr:hover {
    background-color: burlywood
}
table, thead, tbody, th, td, tr {
    line-height: 2rem;
}

@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) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

        tr {
          /*margin: 0 0 1rem 0;*/
        }


        td {
            /* Behave  like a "row" */
            position: relative;
            padding-left: 50%;
        }

        td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 0;
            left: 8px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            content: attr(data-before);
            line-height: 2rem;
        }
    
}
@media (max-width: 480px) {
    .single-post article div.bgRight>*{
        width: 100%;
        padding: 1rem;
    }
    .numList>*::before{
        font-size: var(--l);
    }
    .single-post article div.bgRight:after{
        position:inherit;
        left: 0;
        width: 100%;
        height: 50vh;
    }
    .single-post figure.banner30 figcaption{
    position: absolute;
    bottom: 0rem;
    width: 100%;
    }
}



/******************************************************************
5.0 BÚSQUEDA > index.php
***************************************************************** */
.search h1 span{
    background-color: var(--cyan);
    color:white;
    padding: 0 .5rem; 
    font-size: var(--n);
}
.search .hero{
    min-height:inherit;
}
.search main {padding-top:0px;}
.search .hero_two{
    background-color: var(--orange);
    padding-top: calc(max(var(--headerY), 6.55rem) + 5.5rem);
/*padding-top:max(var(--headerY), 6.55rem) ESPACIO PARA LA CABECERA ABS*/
}

.search h1{
    color: #fdb27b;
    text-shadow: 1px 1px 2px #9E3000;
}
.search .hero_two>*:nth-child(2){ 
    background-color: rgba(242,242,242,0.3);
    padding: 1rem;
    width: 100%;
}



/******************************************************************
6.0 ERROR > 404.php
***************************************************************** */


/******************************************************************
7.0 NUESTRO EQUIPO > page.php
***************************************************************** */

.nuestro-equipo hr{clear: both; color:transparent;border:none; margin-bottom: 2rem;}

.nuestro-equipo .card .abs{
    background-color: blanchedalmond;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 50%;
    padding: 3rem;
}

.nuestro-equipo div:first-of-type .abs{right: 0px;background-color: burlywood;}

.nuestro-equipo .card span{ 
    font-weight: bold; 
    margin: 2rem 0px 2rem 0px;
    display:block;
}
.nuestro-equipo .card ul{ list-style: inside;padding-left: 0px;}
.nuestro-equipo .card strong{color:var(--cyan);}
.nuestro-equipo div:first-of-type .abs strong{color:white;}
.nuestro-equipo div .abs a{color:var(--cyan);}
.nuestro-equipo div:first-of-type .abs a{color:white;}
a.cta {
    border: 3px solid currentColor;
    padding: 1rem;
    margin: 2rem auto;
    display: inline-block;
    border-radius: 1rem;

}
a.cta.solid{
    background-color:var(--orange);
    color:white;
    
}
.nuestro-equipo a.cta {
    background-color: rgba(255, 255, 255, 0.16);
}

@media (max-width: 480px) {
    .nuestro-equipo section:nth-of-type(2){
        padding: 0;
    }
    .nuestro-equipo .card .abs{
        position: relative;
        width: auto;
    }
    .nuestro-equipo .card span{ 
        margin: 2rem 0px .5rem 0px;
}
    .nuestro-equipo .card ul, .nuestro-equipo .wp-block-image{ margin:0;}
}


/******************************************************************
8.0 POLÍTICA PRIVACIDAD > page.php
***************************************************************** */
.politica-privacidad {}


/******************************************************************
9.0 AVISO LEGAL > page.php
***************************************************************** */
.aviso-legal {}





/*https://codepen.io/leandrino/pen/bdEajV*/
 
.equals{
  opacity: 0;
  display: none;
}

.view {
  display: flex !important;
  opacity: 1 !important;
  /*transform: scale(1) rotate(0deg);
  border-radius:0.25rem;
  animation: selected 300ms 1 ease-in-out;*/
}

/*footer{min-height: 800px;}*/


/******************************************************************
STYLE TEXTOS page.php  /serenambientew/guia-textos/ 
***************************************************************** */

#typescale-content .type-scale-example .sentence {
  align-self: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
#typescale-content #display1 .sentence{
    font-size: 4.5rem; font-weight: normal;font-family: 'Blogger Sans Medium', sans-serif;
}
#typescale-content #display2 .sentence{
    font-size: 3rem; font-weight: normal;font-family: 'Blogger Sans Medium', sans-serif;
}



#typescale-content #h1 .sentence{
    font-size: 96px; font-weight: lighter; letter-spacing: -1.5px;
}
#typescale-content #h2 .sentence{
font-size: 60px; font-weight: lighter; letter-spacing: -0.5px;
}
#typescale-content #h3 .sentence{
font-size: 48px; font-weight: normal; letter-spacing: 0px;
}
#typescale-content #h4 .sentence{
font-size: 34px; font-weight: normal; letter-spacing: 0.25px;
}
#typescale-content #h5 .sentence{
font-size: 24px; font-weight: normal; letter-spacing: 0px;
}
#typescale-content #h6 .sentence{
font-size: 20px; font-weight: 500; letter-spacing: 0.15px;
}
#typescale-content #subtitle1 .sentence{
font-size: 16px; font-weight: normal; letter-spacing: 0.15px;
}
#typescale-content #subtitle2 .sentence{
font-size: 14px; font-weight: 500; letter-spacing: 0.1px;
}
#typescale-content #body1 .sentence{
font-size: 16px; font-weight: normal; letter-spacing: 0.5px;
}
#typescale-content #body2 .sentence{
font-size: 14px; font-weight: normal; letter-spacing: 0.25px;
}

#typescale-content .type-scale-item {
  display: flex;
  flex-direction: column;
  min-height: 30px;
  padding: 12px 16px 12px 24px;
  overflow: hidden;
  cursor: pointer;
}
#typescale-content .type-scale-example {
  display: flex;
  flex-direction: column;
  z-index: 2;
}

#typescale-content .expansion-radio {
  display: none;
}
#typescale-content .expansion-radio:checked + .type-scale-item .type-scale-meta {
  opacity: 1;
  transform: translateY(0);
  height: 42px;
}
#typescale-content .type-scale-meta {
  display: flex;
  justify-content: space-between;
  transform: translateY(-1px);
  font-size: 12px;
  z-index: -1;
  opacity: 0;
  transition-duration: 0.5s;
  height: 0;
  align-items: center;
  width: 350px;
}
#typescale-content .type-scale-meta div {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
#typescale-content .type-scale-meta .label {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 4px;
}



/*MENU HAMBURGER*/

.container-fixed-menu{
    opacity: 0;
    height: 0px;
    transition: all 0.6s ease;
    position: fixed;
    z-index:-1;
    top: 1rem;
    right:1rem;
}
@media (max-width: 480px) {
    .container-fixed-menu{
        opacity: 1;
        height:auto;
        z-index:auto;
        top:auto;
    }
}

.container-fixed-menu.zIndex{
    z-index: 200;
}

.menu__HamburgerButton {

  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: none;
  padding: 0px;
  position: relative;
  /*z-index: 6;*/
  cursor: pointer;
}

.toggle {

  justify-content: center;
  width: 30px;
  height: 30px;
  /*background-color:royalblue;*/
  transition: all 0.25s linear;
  transform: rotate(0deg);
}

.toggle__bar, .toggle__bar::before, .toggle__bar::after {
  height: 3px;
  right: 0;
  background-color: var(--orange);
  transition: all 0.2s linear 0.25s;
  
}

.toggle__bar {
  position: relative;
  width: 100%;
}

.toggle__bar::before, .toggle__bar::after {
  content: "";
  position: absolute;
}

.toggle__bar::before {
  width: 120%;
  opacity: 1;
  transform: translateY(-10px);
}

.toggle__bar::after {
  width: 80%;
  transform: translateY(10px) rotate(0deg);
}

.toggle--show {
  transform: rotate(135deg);
  transition: all 0.25s linear 0.2s;
}

.active::before, .active::after {
  transition: all 0.2s linear;
}

.active::before {
  opacity: 0;
  transform: translateY(0px);
}

.active::after {
  width: 100%;
  transform: translateY(0px) rotate(90deg);
}

body header ~ * {
  transition: var(--transition);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
body.blur header ~ * {
  filter: blur(5px) brightness(0.7);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.transparentBg {
  background-color: transparent;
}

.no-scroll {
  overflow: hidden;
}