/*
Theme Name: Atlas Nacional de México| Custom theme
Author: Luis Alberto Montecillo Salas
Description: Tema personalizado para el Atlas Nacional de México
Version: 1.0
License: GNU General Public License v2 or later
*/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;600&family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

:root{
   	/* HEX */
    --main: #028aa2; /* Color 1 */
    --secondary: #4d4d54; /* Color 2 */
    --bgLight: #edf7f6; /* Color 3 */
    --emphasis: #69b42d; /* Color 4 */
    --contrast: #027fa5; /* Color 5 */

    /* HSL */
    --mainBase:189, 98%;
    --main: hsla(var(--mainBase), 32%);
    --mainDark: hsla(var(--mainBase), 15%);
    --mainDark-2: hsla(var(--mainBase), 35%);
    --mainLight: hsla(var(--mainBase), 90%);
    --mainLight-2: hsla(var(--mainBase), 61%);

    --secondaryBase:240, 4%;
    --secondary: hsla(var(--secondaryBase), 32%);
    --secondaryDark: hsla(var(--secondaryBase), 10%);
    --secondaryLight: hsla(var(--secondaryBase), 85%);
    --secondaryMedium: hsla(var(--secondaryBase), 60%);

    --emphasisBase:93, 60%;
    --emphasis: hsla(var(--emphasisBase), 44%);
    --emphasisDark: hsla(var(--emphasisBase),35%);
    --emphasisLight: hsla(var(--emphasisBase),40%);

    --contrastBase: 194, 98%;
    --contrast: hsla(var(--contrastBase), 33%);
    --contrastDark: hsla(var(--contrastBase),15%);
    --contrastLight: hsla(var(--contrastBase),60%);
    --contrastDark-2: hsla(var(--contrastBase),20%);
    --contrastLight-2: hsla(var(--contrastBase),80%);

    --bgLighBase:171,40%;
    --bgLight:hsl(174, 47%, 94%);
    --bgLight-1:hsl(var(--bgLighBase),88%);
    --bgLight-4:hsl(var(--bgLighBase),68%);

    --main_hsl:var(--mainBase), 32%;
    --secondary_hsl:var(--secondaryBase), 32%;
    --emphasis_hsl:var(--emphasisBase), 44%;
    --contrast_hsl:var(--contrastBase), 33%;

    /* Fonts */
    --titles:'Dosis', sans-serif;
    --text:'Roboto', sans-serif;

    /* Icons images */
        /* Color full */
        --mapas-generales_fullColor: url(images/icons/colored/01.svg);
        --historia_fullColor: url(images/icons/colored/02.svg);
        --naturaleza_fullColor: url(images/icons/colored/03.svg);
        --sociedad_fullColor: url(images/icons/colored/04.svg);
        --sistema-urbano-metropolitano_fullColor: url(images/icons/colored/05.svg);
        --economia_fullColor: url(images/icons/colored/06.svg);
        --politica-gobierno-ciudadania_fullColor: url(images/icons/colored/07.svg);
        --desastres-amenazas-vulnerabilidad_fullColor: url(images/icons/colored/08.svg);
        --cambio-climatico_fullColor: url(images/icons/colored/09.svg);
        --medio-ambiente_fullColor: url(images/icons/colored/10.svg);
        --mexico-en-el-mundo_fullColor: url(images/icons/colored/11.svg);
        /* Mono color shape: White */
        --mapas-generales_colorShape: url(images/icons/monocolor/white/01.svg);
        --historia_colorShape: url(images/icons/monocolor/white/02.svg);
        --naturaleza_colorShape: url(images/icons/monocolor/white/03.svg);
        --sociedad_colorShape: url(images/icons/monocolor/white/04.svg);
        --sistema-urbano-metropolitano_colorShape: url(images/icons/monocolor/white/05.svg);
        --economia_colorShape: url(images/icons/monocolor/white/06.svg);
        --politica-gobierno-ciudadania_colorShape: url(images/icons/monocolor/white/07.svg);
        --desastres-amenazas-vulnerabilidad_colorShape: url(images/icons/monocolor/white/08.svg);
        --cambio-climatico_colorShape: url(images/icons/monocolor/white/09.svg);
        --medio-ambiente_colorShape: url(images/icons/monocolor/white/10.svg);
        --mexico-en-el-mundo_colorShape: url(images/icons/monocolor/white/11.svg);
        /* Mono color shape: Contrast - Dark */
        --mapas-generales_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/01.svg);
        --historia_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/02.svg);
        --naturaleza_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/03.svg);
        --sociedad_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/04.svg);
        --sistema-urbano-metropolitano_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/05.svg);
        --economia_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/06.svg);
        --politica-gobierno-ciudadania_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/07.svg);
        --desastres-amenazas-vulnerabilidad_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/08.svg);
        --cambio-climatico_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/09.svg);
        --medio-ambiente_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/10.svg);
        --mexico-en-el-mundo_colorShape_contrastDark: url(images/icons/monocolor/contrast-dark/11.svg);
}
*{
    border:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 0;
}

h3[data-section="i-mapas-generales"],
.map-taxonomy-section.i-mapas-generales,
.block-content-index .index-section-block[data-section="mapas-generales"] h3,
.section-header.mapas-generales{
    background-image:var(--mapas-generales_colorShape_contrastDark)
}
h3[data-section="ii-historia"],
.map-taxonomy-section.ii-historia,
.block-content-index .index-section-block[data-section="historia"] h3,
.section-header.historia{
    background-image:var(--historia_colorShape_contrastDark);
}
h3[data-section="iii-naturaleza"],
.map-taxonomy-section.iii-naturaleza,
.block-content-index .index-section-block[data-section="naturaleza"] h3,
.section-header.naturaleza{
    background-image:var(--naturaleza_colorShape_contrastDark);
}
h3[data-section="iv-sociedad"],
.map-taxonomy-section.iv-sociedad,
.block-content-index .index-section-block[data-section="sociedad"] h3,
.section-header.sociedad{
    background-image:var(--sociedad_colorShape_contrastDark);
}
h3[data-section="v-sistema-urbano-metropolitano"],
.map-taxonomy-section.v-sistema-urbano-metropolitano,
.block-content-index .index-section-block[data-section="sistema-urbano-metropolitano"] h3,
.section-header.sistema-urbano-metropolitano{
    background-image:var(--sistema-urbano-metropolitano_colorShape_contrastDark);
}
h3[data-section="vi-economia"],
.map-taxonomy-section.vi-economia,
.block-content-index .index-section-block[data-section="economia"] h3,
.section-header.economia{
    background-image:var(--economia_colorShape_contrastDark);
}
h3[data-section="vii-politica-gobierno-ciudadania"],
.map-taxonomy-section.vii-politica-gobierno-ciudadania,
.block-content-index .index-section-block[data-section="politica-gobierno-ciudadania"] h3,
.section-header.politica-gobierno-ciudadania{
    background-image:var(--politica-gobierno-ciudadania_colorShape_contrastDark);
}
h3[data-section="viii-desastres-amenazas-vulnerabilidad"],
.map-taxonomy-section.viii-desastres-amenazas-vulnerabilidad,
.block-content-index .index-section-block[data-section="desastres-amenazas-vulnerabilidad"] h3,
.section-header.desastres-amenazas-vulnerabilidad{
    background-image:var(--desastres-amenazas-vulnerabilidad_colorShape_contrastDark);
}
h3[data-section="ix-cambio-climatico"],
.map-taxonomy-section.ix-cambio-climatico,
.block-content-index .index-section-block[data-section="cambio-climatico"] h3,
.section-header.cambio-climatico{
    background-image:var(--cambio-climatico_colorShape_contrastDark);
}
h3[data-section="x-medio-ambiente"],
.map-taxonomy-section.x-medio-ambiente,
.block-content-index .index-section-block[data-section="medio-ambiente"] h3,
.section-header.medio-ambiente{
    background-image:var(--medio-ambiente_colorShape_contrastDark);
}
h3[data-section="xi-mexico-en-el-mundo"],
.map-taxonomy-section.xi-mexico-en-el-mundo,
.block-content-index .index-section-block[data-section="mexico-en-el-mundo"] h3,
.section-header.mexico-en-el-mundo{
    background-image:var(--mexico-en-el-mundo_colorShape_contrastDark);
}

.cover#mapas-generales .cover-info,
[data-section="mapas-generales"] .card-section-image::after{
    background-image:var(--mapas-generales_fullColor);
}
.cover#historia .cover-info,
[data-section="historia"] .card-section-image::after{
    background-image:var(--historia_fullColor);
}
.cover#naturaleza .cover-info,
[data-section="naturaleza"] .card-section-image::after{
    background-image:var(--naturaleza_fullColor);
}
.cover#sociedad .cover-info,
[data-section="sociedad"] .card-section-image::after{
    background-image:var(--sociedad_fullColor);
}
.cover#sistema-urbano-metropolitano .cover-info,
[data-section="sistema-urbano-metropolitano"] .card-section-image::after{
    background-image:var(--sistema-urbano-metropolitano_fullColor);
}
.cover#economia .cover-info,
[data-section="economia"] .card-section-image::after{
    background-image:var(--economia_fullColor);
}
.cover#politica-gobierno-ciudadania .cover-info,
[data-section="politica-gobierno-ciudadania"] .card-section-image::after{
    background-image:var(--politica-gobierno-ciudadania_fullColor);
}
.cover#desastres-amenazas-vulnerabilidad .cover-info,
[data-section="desastres-amenazas-vulnerabilidad"] .card-section-image::after{
    background-image:var(--desastres-amenazas-vulnerabilidad_fullColor);
}
.cover#cambio-climatico .cover-info,
[data-section="cambio-climatico"] .card-section-image::after{
    background-image:var(--cambio-climatico_fullColor);
}
.cover#medio-ambiente .cover-info,
[data-section="medio-ambiente"] .card-section-image::after{
    background-image:var(--medio-ambiente_fullColor);
}
.cover#mexico-en-el-mundo .cover-info,
[data-section="mexico-en-el-mundo"] .card-section-image::after{
    background-image:var(--mexico-en-el-mundo_fullColor);
}
:is(.button-icon,.menu-main-toggle,.section-menu-toggle,.block-maps-trigger .title-widget-separator)::before{
        opacity: 0;
    }
:is(.button-icon,.menu-main-toggle,.section-menu-toggle,.block-maps-trigger .title-widget-separator)::after{
        content: "";
        width: 1.5rem;
        height: 1.5rem;
        border: 5px solid var(--bgLight-1);
        border-bottom-color: var(--bgLight-4);
        border-radius: 50%;
        display: flex;
        position: absolute;
        animation: rotation 1s linear infinite;
    }
.ref-divisor{
    border: none;
    border-top: 1px solid var(--bgLight-4);
    margin: 1.5em 0 0;
}
.text-trans_vers{
    font-variant: small-caps;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
/* -------------------------------------------------------------------------------------------------------
                                          SEMANTICS
---------------------------------------------------------------------------------------------------------*/
a.no-style,
nav#main-menu ul li a{
    color: inherit;
    text-decoration: none;
}
p a{
    color: var(--mainColor);
    text-decoration:none;
}
p a:hover{
    color: var(--contrast);
}
body{
    background:var(--bgLight);
    font-family: var(--text);
    font-size: 16px;
}
:is(body.fonts-loaded .button-icon,body.fonts-loaded .menu-main-toggle,body.fonts-loaded .section-menu-toggle,body.fonts-loaded .block-maps-trigger .title-widget-separator)::before{
                opacity: 1;
            }
:is(body.fonts-loaded .button-icon,body.fonts-loaded .menu-main-toggle,body.fonts-loaded .section-menu-toggle,body.fonts-loaded .block-maps-trigger .title-widget-separator)::after{
                display: none;
            }
figure{
    background-color: #fff;
    border: 1px solid var(--secondaryLight);
    margin: 0 auto 1em;
    padding: .33em;
    position: relative;
    width: 45%;
}
figure figcaption{
        color:var(--secondaryMedium);
        font-size: .8em;
        font-style: italic;
        text-align: center;
    }
figure img{
        width: 100%;
    }
figure.post-figure [aria-hidden="true"] {
        position: absolute;
        top:-6rem;
        left: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }
footer{
    align-items: center;
	background:var(--secondaryLight);
    border-top: 2px solid var(--contrast);
	color:var(--secondary);
    display: flex;
    gap: 2em;
    height:6em;
    justify-content: center;
}
footer .footer-logos{
    align-items: center;
    display: flex;
    gap: 1em;
}
footer .logoANM{
    height: 2.5rem;
}
footer .logoIG{
    height: 2.5rem;
}
footer .logoUNAM{
    height: 3rem;
}
footer .footer-text{
    font-size: calc(.65em + .25vw);
    line-height: calc(1em + 0.5vw);
    text-align: left;
    width: 70%;
}
html, body{
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
}
h1,h2,h3,h4,h5{
    font-family: var(--titles);
    font-weight: normal;
    text-align: left;
}
.block-content h2,
.block-content-theme h3{
    align-items: center;
    color: var(--mainDark);
    display: flex;
    font-size: calc(1em + 1.25vw);
    gap: 1rem;
    justify-content: space-between;
    margin: 0 0 .75em;
    position: relative;
}
:is(.block-content h2,.block-content-theme h3)::before{
        position: absolute;
        background: linear-gradient(to right, var(--contrast) 0%,var(--emphasis) 100%);
        height: 1px;
        content: '';
        bottom: -.125em;
        right: 0;
        left: 0;
    }
.block-content h2.sub-elements-title{
    justify-content: left;
}
:is(.block-content h2.sub-elements-title) span{
        color: hsla(var(--secondaryBase), 32%,55%);
        display: block;
        font-size: .75em;
    }
.title-contributor:is(.block-content h2.sub-elements-title){
        align-items: start;
        flex-direction: column;
        gap: 0;
        position: relative;
    }
.title-contributor.is_deceased:is(.block-content h2.sub-elements-title){
            padding-left: .75em;
        }
.title-contributor.is_deceased:is(.block-content h2.sub-elements-title)::after{
                color: var(--bgLight-4);
                content: '\2020';
                font-weight: 500;
                left: 0;
                position: absolute;
            }
.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor{
            align-items: center;
            display: flex;
            font-size: .45em;
            gap: .5em;
            line-height: 1;
            padding: .25em 0 .5em;
        }
:is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) a,:is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) em{
                display: block;
                font-family: var(--text);
                font-size: .9em;
                font-style: normal;
                padding: .25em .66em;
            }
:is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) em{
                color: var(--secondaryMedium);
                padding: 0;
            }
h3{
    color:var(--contrast);
    font-size: calc(1em + .85vw);
    margin-bottom: .5em;
}
h4{
    color:var(--contrast);
    font-size: calc(1em + .5vw);
}
h5{
    color: var(--emphasisDark);
    font-size: calc(1em + .25vw);
    margin-bottom: .75em;
}
header{
    align-items: center;
    background-color:#fff;
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
    height: 4rem;
    justify-content:space-around;
    padding:0 1.75rem 0 1rem;
    position: fixed;
    top:0;
    transition: all 250ms;
    width: 100%;
    z-index: 10;
}
header::before{
        position: absolute;
        background: linear-gradient(to right, var(--contrast) 0%,var(--emphasis) 100%);
        height: 2px;
        content: '';
        bottom: -.125em;
        right: 0;
        left: 0;
    }
header.initial{
        background: none;
    }
header.initial .header-logos{
            filter: brightness(3);
        }
header.initial nav#main-menu .main-menu-link{
            color: var(--bgLight);
        }
header.initial .searchform input[type="text"] {
            background-color: hsla(var(--contrastBase), 10%, .5);
            background-image: none;
            border: 1px solid var(--contrast);
            color: var(--bgLight);
        }
:is(header.initial .searchform input[type="text"]):focus{
                background-color: hsla(var(--contrastBase), 10%, .5) !important;
                background-image: none !important;
                border-color: #fff;
                color: var(--bgLight);
            }
:is(header.initial .searchform input[type="text"])::placeholder {
                color: var(--contrastLight);
            }
:is(header.initial .searchform input[type="text"])::-webkit-input-placeholder {
                color: var(--contrastLight);
            }
:is(header.initial .searchform input[type="text"])::-moz-placeholder {
                color: var(--contrastLight);
            }
:is(header.initial .searchform input[type="text"]):-ms-input-placeholder {
                color: var(--contrastLight);
            }
:is(header.initial .searchform input[type="text"]):-moz-placeholder {
                color: var(--contrastLight);
            }
header.initial::before{
        display: none;
    }
header .header-logos{
        align-items: center;
        gap: 1.5rem;
        display: flex;
        justify-content: space-between;
    }
:is(header .header-logos) a{
            align-items: center;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
        }
:is(header .header-logos) [title="Atlas Nacional de México"]{
            background-image: url(images/logos/atlas-main.svg);
            background-position: center left;
            display: inline-block;
            height: 2.75rem;
            text-indent: -999em;
            width: 9rem;
        }
:is(header .header-logos) [title="Instituto de Geografía"] .logo{
            height: 2.75rem;
        }
:is(header .header-logos) [title="UNAM"] .logo{
            height: 3.25rem;
        }
header .menu-search-container{
        align-items: center;
        display: flex;
        flex: 1;
        gap: 1em;
    }
header .searchform {
        flex: 1;
        margin: 0 0 0 auto;
        max-width: 27em;
    }
header .searchform input[type="text"] {
        background-color: var(--bgLight);
        background-clip: padding-box, border-box;
        background-image: linear-gradient(var(--bgLight), var(--bgLight)),
                          linear-gradient(to right, var(--contrast) 0%, var(--emphasis) 0%);
        border: 1px solid var(--bgLight);
        border-radius: .33rem;
        color: var(--mainDark);
        font-family: var(--titles);
        font-size: 1.1em;
        padding:.5em .75em;
        transition: all ease-in 150ms;
        width: 100%;
    }
:is(header .searchform input[type="text"]):focus{
            outline: none;
            border-color: transparent;
            background-origin: border-box; 
            background-clip: padding-box, border-box;
            background-image: linear-gradient(var(--bgLight), var(--bgLight)),
                            linear-gradient(to right, var(--contrast) 0%, var(--emphasis) 100%);
        }
:is(header .searchform input[type="text"])::placeholder {
            color: var(--contrastDark);
        }
:is(header .searchform input[type="text"])::-webkit-input-placeholder {
            color: var(--contrastDark);
        }
:is(header .searchform input[type="text"])::-moz-placeholder {
            color: var(--contrastDark);
        }
:is(header .searchform input[type="text"]):-ms-input-placeholder {
            color: var(--contrastDark);
        }
:is(header .searchform input[type="text"]):-moz-placeholder {
            color: var(--contrastDark);
        }
img{
    max-width: 100%;
}
nav#main-menu{
    margin:0 0 0 auto;
}
nav#main-menu a{
        color: var(--bgLight);
        display: block;
        font-family: var(--titles);
        font-size:1.1em;
        padding: 1rem 1.5rem;
        text-align: center;
    }
nav#main-menu ul{
        list-style: none;
    }
nav#main-menu .main-menu-list{
        align-items: center;
        display: flex;
        z-index: 1;
    }
:is(nav#main-menu .main-menu-list) .main-menu-link{
            align-items: center;
            display: flex;
            flex-direction: column;
            position: relative;
        }
:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu{
                background:#fff;
                box-shadow: 0 15px 30px -20px rgb(2, 127, 165, .5);
                display: none;
                min-width: 8.5rem;
                position:absolute;
                top:100%;
                width:100%;
            }
:is(:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu) a {
                    color: var(--secondary);
                    font-size: 1rem;
                    padding: .75rem;
                    text-align: center;
                }
:is(:is(:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu) a):hover{
                        background-color: var(--mainLight);
                        color:var(--main);
                    }
.wide:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu{
                    width: 175%;
                }
:is(:is(nav#main-menu .main-menu-list) .main-menu-link) > a:hover{
                background-color:var(--mainDark); 
                color:var(--mainLight);
            }
:is(:is(nav#main-menu .main-menu-list) .main-menu-link):hover > a{
                    background-color:var(--mainDark); 
                    color:var(--mainLight);
                }
:is(:is(nav#main-menu .main-menu-list) .main-menu-link):hover .sub-menu{
                    display: block;
                }
nav.section-menu{
    direction: rtl;
    max-height: calc(100vh - 10rem);
    overflow: hidden;
    overflow-y: scroll;
    position: sticky;
    top: 4.5rem;
    width: 100%;
    
}
nav.section-menu ul{
        font-size: 1rem;
    }
:is(nav.section-menu ul) li{
            list-style: none;
            margin: 0;
        }
:is(:is(nav.section-menu ul) li) a{
                color: var(--mainDark);
                display: block;
                font-family: var(--text);
                font-size: 95%;
                line-height: 1.2;
                padding: .3em 1em .3em .5em;
                position: relative;
                text-decoration: none;
            }
:is(:is(:is(nav.section-menu ul) li) a):hover{
                    color: var(--contrast);
                }
:is(:is(:is(nav.section-menu ul) li) a)::after{
                    position: absolute;
                    background: linear-gradient(to right, var(--contrast) 0%,var(--bgLight) 100%);
                    height: 1px;
                    content: '';
                    bottom: -1px;
                    right: 0;
                    left: 0;
                    z-index: 1;
                }
.current-menu-item:is(:is(nav.section-menu ul) li) > a{
                    background: linear-gradient(to right, var(--mainLight) 0%,var(--bgLight) 100%);
                    pointer-events: none;
                }
.sublevel-2:is(:is(nav.section-menu ul) li),.sublevel-3:is(:is(nav.section-menu ul) li){
                border-left: 1px solid var(--main);
                margin: 0;
                margin-left: 1em;
            }
:is(.sublevel-2:is(:is(nav.section-menu ul) li),.sublevel-3:is(:is(nav.section-menu ul) li)) a{
                    color: var(--secondary);
                    font-size: .9em;
                }
:is(:is(.sublevel-2:is(:is(nav.section-menu ul) li),.sublevel-3:is(:is(nav.section-menu ul) li)) a):hover{
                        color: var(--contrast);
                    }
.sublevel-3:is(:is(nav.section-menu ul) li){
                margin-left: 2em;
                position: relative;
            }
.sublevel-3:is(:is(nav.section-menu ul) li)::after{
                    content: "";
                    display: block;
                    border-left: 1px solid var(--contrast);
                    height: 100%;
                    left: -1px;
                    margin-left: -1em;
                    position: absolute;
                    top: 0;
                    width: 1px;
                }
main{
    margin:0 auto;
}
main p,main ol,main ul {
        color: var(--secondaryDark);
        font-size: 1rem;
        line-height: 1.65;
        margin: .5em 0 1em;
        text-align: left;
    }
main p.message-work-in-progress{
        color: var(--bgLight-4);
        margin: 0 0 0 1em;
    }
main.page-content .block-content{
            margin:4rem auto 1rem;
            min-height: calc(100vh - 11rem);
        }
main .block-content{
        margin:0 auto;
        max-width: 1000px;
        padding: 2em 0;
    }
.block-content-map:is(main .block-content){
            margin: 4rem auto 2rem;
            min-height: calc(100vh - 12rem);
            padding: 2.5em 2em 0;
            
        }
.block-content-map:is(main .block-content) .map-info-block{
                display: grid;
                grid-template-columns: 1fr 60%;
                grid-auto-rows: auto;
                gap: 1rem;
                margin: 0 auto;
                max-width: 1500px;
            }
:is(.block-content-map:is(main .block-content) .map-info-block) .map-image-block{
                    align-self: start;
                    border-radius: .5em;
                    overflow: hidden;
                    position: relative;
                }
:is(:is(.block-content-map:is(main .block-content) .map-info-block) .map-image-block) img.map-image-wm{
                        mix-blend-mode: hue;
                        position: absolute;
                        width: 100%;
                    }
:is(:is(.block-content-map:is(main .block-content) .map-info-block) .map-image-block) img.map-page-map{
                        display: block;
                    }
:is(.block-content-map:is(main .block-content) .map-info-block) .map-data{
                    align-self: start;
                    border: none;
                }
.block-content-theme:is(main .block-content) .header-theme-info{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 0 auto 1.5em;
            }
:is(.block-content-theme:is(main .block-content) .header-theme-info) .button{
                    margin: 0 0 0 auto;
                }
main .block-content-wide{
        max-width: 100%;
        padding: 2em;
    }
main.sub-page-content{
        display: grid;
        column-gap: 1em;
        grid-template-columns: 27rem 1fr;
        grid-template-areas:'columnMenu columnContent';
    }
main.sub-page-content .menu-column{
            grid-area: columnMenu;
        }
main.sub-page-content .block-content{
            grid-area: columnContent;
            margin: 0 auto 2rem;
            max-width: 990px;
            padding:1.5em 4em 2em 2em;
            width: 100%;
        }
:is(main.sub-page-content .block-content) p,:is(main.sub-page-content .block-content) ul,:is(main.sub-page-content .block-content) ol{
                word-wrap: break-word;
            }
:is(main.sub-page-content .block-content) ul,:is(main.sub-page-content .block-content) ol{
                width: 97%;
            }
.block-content-theme:is(main.sub-page-content .block-content):not(.block-content-theme-presentation){
                margin-top: 4rem;
                min-height: calc(100vh - 10rem);
            }
:is(main.sub-page-content .block-content) .block-section-maps-widget{
                display: none;
                flex-direction: column;
                gap: 1em;
            }
:is(main.sub-page-content .block-content) .maps-widget{
                grid-template-columns: repeat(2, 1fr);
            }
#home section.block-content{
    min-height: 100vh;
}
ul.no-style{
    list-style: none;
}
#home-about{
    background-color: #fff;
    padding: 0;
    position: relative;
}
#home-about::before{
        background: url(images/bg-about.webp) center right/cover no-repeat fixed;
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
#home-about .block-content-text{
        padding: 2rem 0 2rem 10vw;
        position: sticky;
        top: 4rem;
        width: 58vw;
    }
.block-content{
    overflow-y: scroll;
}
.block-content details{
        border-top: 1px solid var(--secondaryLight);
        padding: .75em 1em .75em 0;
    }
:is(.block-content details) summary{
            color: var(--emphasis);
            display: inline-block;
            cursor: pointer;
        }
:is(:is(.block-content details) summary) h4{
                display: inline-block;
            }
:is(:is(.block-content details) summary)::after{
                font-family: 'Material Symbols Outlined';
                font-variation-settings:'FILL' 0,'wght' 400,'GRAD' -25,'opsz' 24;
                content: "\e7cd";
            }
:is([open]:is(.block-content details) summary)::after{
                    content: "\f5d2";
                }
.block-content ol,.block-content ul{
        margin-left: 2.5em;
        width: 85% !important;
    }
.block-content ol li{
        margin-bottom: .5em;
    }
.block-content sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
        top: -0.5em;
    }
:is(.block-content .table-container) table{
            border-collapse: collapse;
            color: var(--secondary);
            font-size: .9rem;
            margin: 0 auto;
        }
:is(:is(.block-content .table-container) table) caption{
                color: var(--main);
                font-family: var(--titles);
                font-size: 1.2em;
                margin: 0 auto .5em;
            }
:is(:is(.block-content .table-container) table) p{
                font-size: .9rem;
                margin: 0;
            }
:is(:is(.block-content .table-container) table) td{
                padding: .5em;
            }
.num:is(:is(:is(.block-content .table-container) table) td){
                    text-align: right;
                }
:is(:is(.block-content .table-container) table) th{
                font-weight: bold;
                padding: .5em;
                text-align: center;
            }
/* Style */
.simple:is(:is(.block-content .table-container) table) td{
                    border-bottom: 1px solid var(--main);
                }
.simple:is(:is(.block-content .table-container) table) th{
                    color: var(--main);
                    border-bottom: 1px solid var(--main);
                }
.simple:is(:is(.block-content .table-container) table) tr:nth-child(even) td{
                    background: #ffffff88;
                }
/* Size */
.s-sm:is(:is(.block-content .table-container) table){
                width: 45%;
            }
.s-md:is(:is(.block-content .table-container) table){
                width: 75%;
            }
.s-wd:is(:is(.block-content .table-container) table){
                width: 100%;
            }
:is(.block-content .table-container) + p{
            color: var(--secondary);
            font-size: .8em;
            text-align: center;
        }
:is(.block-content ul) li:not(:last-child){
            margin-bottom: .75em;
        }
:is(.block-content ul) li::marker{
            color: var(--main);
        }
.author-list:is(.block-content ul),.ref-list:is(.block-content ul){
            color: var(--secondary);
            font-size: .9em;
            padding-top: 1em;
        }
.author-list:is(.block-content ul){
            border-bottom: 1px solid var(--contrast);
            font-family: var(--titles);
            font-size: 1em;
            margin: 0;
            list-style: none;
            padding: .25em;
            width: auto !important;
        }
.author-list:is(.block-content ul) li{
                margin-bottom: .5em;
            }
:is(.author-list:is(.block-content ul) li) a{
                    color: var(--secondaryMedium);
                    display: block;
                    line-height: 1.1;
                    text-decoration: none;
                    
                }
:is(:is(.author-list:is(.block-content ul) li) a):hover{
                        color: var(--contrast);
                    }
:is(:is(.author-list:is(.block-content ul) li) a):hover strong{
                            text-decoration: underline;
                        }
:is(:is(.author-list:is(.block-content ul) li) a) em{
                        font-size: .9em;
                        font-style: normal;
                    }
.authors-list-index:is(.block-content ul){
            column-count: 3;
            column-gap: 1.5em;
            width: calc(100% - 2.5em) !important;

        }
.authors-list-index:is(.block-content ul) .author-index-block{
                break-inside: avoid;
            }
.authors-list-index:is(.block-content ul) .author-letter{
                color: var(--emphasis);
                margin: 0 0 .5em;
            }
.authors-list-index:is(.block-content ul) .authors-list-index-block{
                display: flex;
                flex-direction: column;
                gap: .25em;
                margin:0 0 1em .25em;
            }
:is(.authors-list-index:is(.block-content ul) .authors-list-index-block) li{
                    list-style: none;
                    margin: 0;
                    padding: 0 0 0 1.1em;
                }
.is-deceased:is(:is(.authors-list-index:is(.block-content ul) .authors-list-index-block) li)::after{
                        color: var(--bgLight-4);
                        content: '\2020';
                        font-weight: 500;
                        padding-left: .25em;
                    }
.is-igg:is(:is(.authors-list-index:is(.block-content ul) .authors-list-index-block) li){
                        background-image: url(images/logos/igg-icon.svg);
                        background-position: 0 center;
                        background-repeat: no-repeat;
                        background-size: .75em;
                    }
:is(:is(.authors-list-index:is(.block-content ul) .authors-list-index-block) li) a{
                        color: var(--secondary);
                        text-decoration: none;
                    }
:is(:is(:is(.authors-list-index:is(.block-content ul) .authors-list-index-block) li) a):hover{
                            color: var(--main);
                            text-decoration: underline;
                        }
.ref-list:is(.block-content ul){
            line-height: 1.3;
            list-style: none;
            margin-left: 0;
            padding: 1em 1em 0;
            text-align: left;
            width: 90%;
        }
.ref-list:is(.block-content ul) a{
                color: var(--contrast);
                text-decoration: none;
            }
.block-content .superindex-ref{
        color: var(--contrast);
        font-size: 75%;
        line-height: 0;
        scroll-padding-top: 4.25rem;
        text-decoration: none;
        vertical-align: super;
    }
[name^="_ftn"] {
    scroll-margin-top: 5rem;
}
.block-content-index{
    column-count: 3;
    column-gap: 4em;
}
.block-content-index .index-section-block{
        break-inside: avoid;
    }
:is(.block-content-index .index-section-block) h3{
            background-position: center left;
            background-repeat: no-repeat;
            background-size: 2.5rem;
            line-height: 1.1;
            padding: .5em 0 .5rem 3rem; 
        }
:is(.block-content-index .index-section-block) ul{
            margin: .5rem 0 1rem 2rem;
        }
:is(:is(.block-content-index .index-section-block) ul) li{
                line-height: 1.3;
                list-style: none;
                margin-bottom: .5em;
                text-align: left;
            }
:is(:is(:is(.block-content-index .index-section-block) ul) li)::marker{
                    color: var(--main);
                }
.sublevel-2:is(:is(:is(.block-content-index .index-section-block) ul) li){
                    list-style: disc;
                    margin-left: 2em;
                }
.sublevel-2:is(:is(:is(.block-content-index .index-section-block) ul) li) a{
                        color: var(--contrastDark-2);
                        font-size: .9em;
                    }
.sublevel-3:is(:is(:is(.block-content-index .index-section-block) ul) li){
                    list-style: circle;
                    margin-left: 3em;
                }
.sublevel-3:is(:is(:is(.block-content-index .index-section-block) ul) li) a{
                        color: var(--secondary);
                        font-size: .9em;
                    }
:is(:is(.block-content-index .index-section-block) ul) a{
                color: var(--contrastDark);
                text-decoration: none;
            }
:is(:is(:is(.block-content-index .index-section-block) ul) a):hover{
                    color: var(--main);
                    text-decoration: underline;
                }

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.button{
    background: none;
    cursor: pointer !important;
    font-size: 1em;
    text-decoration: none;
    transition: all 200ms ease-in-out;
}
.button.button-primary {
        background-color: var(--contrastDark);
        border-radius: .33rem;
        color: var(--bgLight);
        display: table;
        margin: 0 auto;
        padding: 1em;
    }
.button.button-primary:hover {
            background-color: var(--emphasis);
            color: var(--bgLight);
        }
.button.button-secondary{
        border-radius: .33rem;
        border: 1px solid var(--contrast);
        color: var(--contrast);
        display: block;
        padding: .5em .75em;
        text-align: center;
    }
.button.button-secondary:hover {
            background-color: var(--contrast);
            border: 1px solid var(--contrast);
            color: var(--bgLight);
        }
.button.button-secondary.disabled{
            cursor: not-allowed;
            filter: grayscale(1);
            opacity: .5;
            pointer-events: none;
        }
.button.button-chip{
        border-radius: .75em;
        display: inline-flex;
        font-size: .8rem;
        padding: .25em .5em;
    }
.button.button-chip.outlined-dark{
            border: 1px solid var(--secondary);
            color: var(--secondary);
        }
.button.button-chip.outlined-dark:hover {
                background-color: #ffffff88;
                border: 1px solid var(--main);
                color: var(--main);
            }
.button.button-chip.outlined-light{
            border: 1px solid #A6D7D2;
            color: #5EB7AE;
        }
.button.button-chip.outlined-light:hover {
                background-color: #367771;
                border-color: #367771;
                color: var(--bgLight);
            }
.button.button-icon{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: .5em;
        height: 2.5rem;
        justify-content: center;
        padding: 0 .75em 0 .5em;
    }
.button.button-icon span{
            display: block;
            text-align: center;
        }
.button.button-icon::before{
            align-items: center;
            color: inherit;
            display: flex;
            font-family: 'Material Symbols Outlined';
            font-size: 24px;
            font-weight: 200;
            justify-content: center;
            height: 1.5rem;
            width: 1.5rem;
        }
.button.button-icon[data-action="download"]::before{
            content: 'download_2';
        }
.button.button-icon[data-action="view_maps"]::before{
            content: 'map';
        }
.button.button-icon[data-action="go_to_theme"]::before{
            content: 'auto_stories';
        }
.button.button-icon[data-action="go_to_geoportal"]::before{
            content: 'captive_portal';
        }
.button.button-icon[data-action="share-map"]::before{
            content: 'share';
        }
.button.button-icon-only{
        padding: .5em;
    }
.button.button-icon-only span{display: none;}
.button.button-icon-only.has-tooltip{
            display: flex;
            justify-content: center;
        }
.cards-sections{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 1em;
    justify-items: start;
    margin: 0 auto;
}
.cards-sections .card-section{
        border: 2px solid var(--main);
        border-radius: 1em;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;

        --card_gradient: linear-gradient(45deg, rgba(1,64,76,1) 20%, rgba(2,138,162,0) 75%);
    }
:is(.cards-sections .card-section) .card-section-image{
            background-position: center;
            background-size: cover;
            height: 13em;
            overflow: hidden;
            position: relative;
        }
:is(:is(.cards-sections .card-section) .card-section-image)::after{
                background-position: center;
                background-repeat: no-repeat;
                bottom: .5em;
                content: "";
                display: block;
                height: 6rem;
                left: 1em;
                position: absolute;
                width: 6rem;
            }
[data-section="mapas-generales"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-01.webp);
        }
[data-section="historia"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-02.webp);
        }
[data-section="naturaleza"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-03.webp);
        }
[data-section="sociedad"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-04.webp);
        }
[data-section="sistema-urbano-metropolitano"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-05.webp);
        }
[data-section="economia"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-06.webp);
        }
[data-section="politica-gobierno-ciudadania"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-07.webp);
        }
[data-section="desastres-amenazas-vulnerabilidad"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-08.webp);
        }
[data-section="cambio-climatico"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-09.webp);
        }
[data-section="medio-ambiente"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-10.webp);
        }
[data-section="mexico-en-el-mundo"]:is(.cards-sections .card-section) .card-section-image{
            background-image: var(--card_gradient), url(images/bg-sections/clean/t-11.webp);
        }
:is(.cards-sections .card-section) .card-section-text{
            flex-grow: 1;
            padding:1em;
        }
:is(:is(.cards-sections .card-section) .card-section-text) .card-section-name{
                font-size: 1.4rem;
                line-height:1.1;
            }
:is(:is(.cards-sections .card-section) .card-section-text) .card-section-excerpt{
                font-size: 1em;
                line-height: 1.3;
            }
:is(.cards-sections .card-section) .card-section-button{
            margin: 0 auto 1em;
            text-align: center;
            width: 90%;
        }
.cover{
    height:100vh;
    overflow: hidden;
    position: relative;
}
.cover > img{
        max-width: 100%;
        mix-blend-mode: color-dodge;
        opacity: .5;
        pointer-events: none;
        width: 100%;
    }
.cover #sections-object{
        mix-blend-mode: hard-light;
        position: absolute
    }
.cover .section-image{
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        background-image: url(images/bg-home.webp);
        height: 100%;
        position: absolute;
        transition: all 400ms ease-in-out;
        transition-delay: 100ms;
        width: 100%;
        z-index: -1;
    }
:is(.cover .section-image)::after{
            background-image: radial-gradient(ellipse at 65% 50%, rgba(2,138,162,0) 0%, rgba(1,64,76,1) 75%);
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            width: 100%;
        }
.cover .cover-info{
        align-items: center;
        color: var(--bgLight);
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        left:45%;
        position: absolute;
        top: 0;
        width:50%;
    }
:is(.cover .cover-info) .cover-info-text{
            background: hsla(var(--mainBase), 15%, .5);
            border-radius: 1em;
            padding: 1.5rem 1rem;
        }
.initial:is(:is(.cover .cover-info) .cover-info-text){
                background: none;
            }
:is(:is(.cover .cover-info) .cover-info-text) h2,:is(:is(.cover .cover-info) .cover-info-text) .section-info-extract{
                font-weight: bold;
                text-align: center;
            }
:is(:is(.cover .cover-info) .cover-info-text) h2{
                font-size: 3rem;
                line-height: 1;
                width: 100%;
            }
:is(:is(.cover .cover-info) .cover-info-text) .section-info-extract{
                font-size: 2.5vmin;
                margin-top: 1.5rem;
            }
:is(:is(.cover .cover-info) .cover-info-text) .section-info-number{
                color: var(--mainLight);
            }
:is(.cover .cover-info) .section-info-button-container{
            background: hsla(var(--mainBase), 15%, .5);
            border-radius: 0 0 1rem 1rem;
            display: none;
            padding: 1em;
        }
:is(:is(.cover .cover-info) .section-info-button-container) .section-info-button{
                background-color: var(--mainLight);
                color: var(--main);
                cursor: pointer;
                font-size: 2vmin;
                font-weight: normal;
            }
:is(:is(:is(.cover .cover-info) .section-info-button-container) .section-info-button):hover{
                    background-color: var(--emphasis);
                    color:var(--bgLight);
                }
.cards-themes{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 1em;
    justify-items: start;
}
.cards-themes .card-theme{
        align-items: center;
        background-color: rgba(255,255,255,.75);
        border-radius: .33em;
        color: var(--secondaryMedium);
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        padding: .75em 1em;
        text-decoration: none;
        transition: all 250ms ease-in-out;
        width: 100%;
    }
:is(.cards-themes .card-theme) .card-theme-icon{
            font-size: 2.5em;
            font-weight: 300;
        }
:is(.cards-themes .card-theme) .card-theme-info{
            display: flex;
            flex-direction: column;
            font-size: .75em;
            gap: .25em;
            padding: .5rem .75rem .5rem .25rem;
            text-align: left;
            width: calc(100% - 8.5rem);
        }
:is(:is(.cards-themes .card-theme) .card-theme-info) .theme-card-taxonomy-seccion,:is(:is(.cards-themes .card-theme) .card-theme-info) .theme-card-title{
                line-height: 1;
            }
:is(:is(.cards-themes .card-theme) .card-theme-info) .theme-card-title {
                color: var(--contrast);
                font-family: var(--titles);
                font-size: 1.3em;
            }
:is(.cards-themes .card-theme):hover{
            background-color: var(--mainLight);
            color: var(--main);
        }
:is(.cards-themes .card-theme):hover .card-theme-icon{
                color: var(--contrast);
            }
:is(.cards-themes .card-theme):hover .theme-card-title {
                color: var(--contrastDark);
            }
.cover.cover-section{
    height: 65vh;
    position: relative;
}
.cover.cover-section + .sub-page-content{
        margin-top: 1rem;
    }
:is(.cover.cover-section + .sub-page-content) .theme-badge{
            display: none;
        }
:is(:is(.cover.cover-section + .sub-page-content) .theme-badge) + nav.section-menu{
                top:4.5rem;
            }
.cover.cover-section > img{
        margin-top: -1em;
    }
.cover.cover-section .cover-info{
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 10em;
        flex-direction: row;
        justify-content: left;
        padding: 0 0 0 10rem;
        left: 10em;
        text-shadow: 0 0 .5em hsla(var(--contrastBase),15%,.75);
        z-index: 1;
    }
:is(.cover.cover-section .cover-info) h2{
            font-size: 4rem;
            text-align: left;
        }
.cover.cover-section .section-image{
        animation: bg-pan 60s ease infinite;
        height: 100%;
    }
#mapas-generales.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-01.webp);}
#historia.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-02.webp);}
#naturaleza.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-03.webp);}
#sociedad.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-04.webp);}
#sistema-urbano-metropolitano.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-05.webp);}
#economia.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-06.webp);}
#politica-gobierno-ciudadania.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-07.webp);}
#desastres-amenazas-vulnerabilidad.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-08.webp);}
#cambio-climatico.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-09.webp);}
#medio-ambiente.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-10.webp);}
#mexico-en-el-mundo.cover.cover-section .section-image{background-image: url(images/bg-sections/clean/t-11.webp);}
.block-content .has-counter{
    align-items: center;
    display: flex;
    gap: .25em;
    justify-content: flex-start;
}
:is(.block-content .has-counter) .post-count{
        background-color: #fff;
        border-radius: .33rem;
        color: var(--contrast);
        display: block;
        font-family: var(--text);
        font-size: .8rem;
        font-weight: bold;
        line-height: 1;
        padding: 4px 8px;
    }
.maps-widget-theme-block{
    background-image: linear-gradient(17deg, var(--bgLight-1) 100%, var(--bgLight) 100%);
    border-radius: .75rem;
    padding: 1em 1.25em;
    margin: 0 0 .5rem;
    transition: all 250ms ease-in-out;
}
.maps-widget-theme-block.inactive{
        background-image: linear-gradient(17deg, var(--bgLight-1) 25%, var(--bgLight) 80%);
    }
.maps-widget-theme-block.inactive .title-widget-separator::before{
            transform: rotate(-90deg);
        }
.maps-widget-theme-block .block-maps-trigger{
        cursor: pointer;
    }
.maps-widget-theme-block .title-widget-separator{
        color: var(--contrastDark-2);
        font-size: 1.4rem;
    }
:is(.maps-widget-theme-block .title-widget-separator)::before{
            align-items: center;
            background: var(--contrastDark-2);
            border-radius: 50%;
            color: var(--bgLight);
            content: 'expand_circle_down';
            display: flex;
            font-family: 'Material Symbols Rounded';
            font-size: 24px;
            font-variation-settings:
            'FILL' 0,
            'wght' 500,
            'GRAD' -25,
            'opsz' 48;
            justify-content: center;
            height: 1.5rem;
            transform: rotate(0deg);
            transition: all 250ms ease-in-out;
            width: 1.5rem;
        }
.maps-widget-theme-block p{
        color: var(--mainDark-2);
        font-size: .9rem;
        line-height: 1.5;
        margin-bottom: 0;
        max-width: 700px;
    }
.maps-widget-theme-block .maps-widget{
        margin-bottom: 0 !important;
        margin-top: 1.25em;
        column-gap: 1em; 
        row-gap: 1em;
        transition: all 250ms ease-in-out;
    }
:is(.maps-widget-theme-block .maps-widget) .map-card{
            max-height: 5.5em;
            opacity: 1;
            overflow: hidden;
            transition: all 250ms ease-in-out;
        }
.collapsed:is(.maps-widget-theme-block .maps-widget) {
            margin: 0;
            row-gap: 0;
        }
.collapsed:is(.maps-widget-theme-block .maps-widget) .map-card{
                max-height: 0;
                opacity: 0;
            }
.widget_maps_widget{
    margin-bottom: 1.5em;
}
.widget_maps_widget h3.title-widget-separator{
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 1.5em;
        margin: 0 auto .5em;
        padding: .25em 0 .25em 1.75em;
    }
.widget_maps_widget p.message-work-in-progress{
        margin-bottom: 1em;
    }
.widget_maps_widget .maps-widget{
        margin-bottom: 1em;
    }
.maps-widget{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 1em;
    justify-items: start;
}
.maps-widget .map-card{
        background-color: rgba(255,255,255,.75);
        border-radius: .33em;
        color: var(--secondaryMedium);
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        overflow: hidden;
        text-decoration: none;
        transition: all 250ms ease-in-out;
        width: 100%;   
    }
:is(.maps-widget .map-card):hover{
            background-color: var(--mainLight);
            color: var(--main);
        }
:is(:is(.maps-widget .map-card):hover .map-card-taxonomy) .map-card-title{
                    color: var(--contrastDark);
                }
:is(.maps-widget .map-card) .map-card-taxonomy{
            display: flex;
            flex: 1;
            flex-direction: column;
            font-size: .75em;
            gap: .25em;
            padding: .5rem .75rem .5rem .25rem;
            text-align: left;
        }
:is(:is(.maps-widget .map-card) .map-card-taxonomy) .map-card-taxonomy-seccion,:is(:is(.maps-widget .map-card) .map-card-taxonomy) .map-card-taxonomy-tema{
                line-height: 1;
            }
:is(:is(.maps-widget .map-card) .map-card-taxonomy) .map-card-title{
                color: var(--contrast);
                font-family: var(--titles);
                font-size: 1.3em;
            }
:is(.maps-widget .map-card) .map-card-image{
            width: 8em;
        }
.map-data{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.map-data strong{
        font-weight: normal;
    }
.map-data .map-info-row{
        border-bottom: 1px solid hsla(var(--contrastBase),15%,.25);
        display: flex;
        justify-content: space-between;
        gap: .33em;
        padding:.5rem 0;
        width: 100%;
    }
:is(.map-data .map-info-row) strong{
            flex: 1;
        }
.map-data-excerpt:is(.map-data .map-info-row),.map-taxonomy-section:is(.map-data .map-info-row),.map-taxonomy-theme:is(.map-data .map-info-row),.map-data-title:is(.map-data .map-info-row){
            align-items: center;
        }
.map-data-excerpt:is(.map-data .map-info-row){
            padding: .66rem 0;
        }
.map-data-excerpt:is(.map-data .map-info-row) p{
                color: var(--contrastDark-2);
                font-size: .9em;
                line-height: 1.3;
                margin: 0;
            }
:is(.map-data-excerpt:is(.map-data .map-info-row) p) strong{
                    font-weight: bold;
                }
.map-taxonomy-section:is(.map-data .map-info-row),.map-taxonomy-theme:is(.map-data .map-info-row){
            color: var(--contrastDark);
            font-size: .9em;
        }
.map-taxonomy-section:is(.map-data .map-info-row){
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 2.5rem;
            padding-left: 3rem;
        }
.map-data-title:is(.map-data .map-info-row){
            border-bottom: 1px solid var(--emphasis);
        }
.map-data-title:is(.map-data .map-info-row) h2{
                all: unset;
                color: var(--main);
                flex: 1;
                font-family: var(--titles);
                font-size: 1.5em;
                font-weight: 600;
                margin: 0;
            }
:is(.map-data-title:is(.map-data .map-info-row) h2)::before{
                    display: none;
                }
.map-info-row-chips:is(.map-data .map-info-row){
            display: block;
        }
.map-info-row-chips:is(.map-data .map-info-row) .row-label{
                margin-bottom: .25rem;
            }
.map-info-row-multimap:is(.map-data .map-info-row){
            flex-direction: column;
            gap: 0;
        }
.map-info-row-multimap:is(.map-data .map-info-row) .map-data-title{
                align-items: center;
                border: none;
                margin: 0;
                padding: 0;
                position: relative;
            }
:is(.map-info-row-multimap:is(.map-data .map-info-row) .map-data-title) h3{
                    color: var(--contrast);
                    font-family: var(--text);
                    font-size: .9rem;
                    margin: 0;
                }
:is(:is(.map-info-row-multimap:is(.map-data .map-info-row) .map-data-title) h3) span{
                        color: var(--contrastDark);
                    }
:is(.map-info-row-multimap:is(.map-data .map-info-row) .map-data-title) .map-data-buttons{
                    position: absolute;
                    right: 0;
                    top:0;
                }
:is(.map-data .map-info-row) .row-label{
            color:var(--secondaryMedium);
            display: block;
            font-size: .8rem;
            font-style: normal;
        }
.map-data .authors-chips{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
.map-data .map-buttons-container{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: .5em;
    }
.map-data .map-info-row:last-of-type {
        border: 0;
        padding-bottom: 0;
      }
.theme-badge{
    align-items: center;
    background-color: #D5ECEA;
    border-radius: 0 0 .75em .75em;
    color: #397F79;
    display: flex;
    justify-content: center;
    font-size: .75em;
    margin: 0 auto;
    padding: .65em .5em .5em;
    position: sticky;
    top: 4rem;
    width: 95%;
    z-index: 1;
}
.theme-badge + nav.section-menu{
        top:5.5rem;
    }   
.share-options{
    position: relative;
    z-index: 1;
}   
.share-options:hover .share-links{
        display: flex;
    }   
.share-options .share-links{
        display: none;
        flex-direction: column;
        gap: .25rem;
        padding-top: .25rem;
        position: absolute;
    }   
:is(.share-options .share-links) .button{
            background-color: var(--mainLight);
        }   
:is(:is(.share-options .share-links) .button):hover{
                background-color: #fff;
            }
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: var(--secondary);
    color: var(--mainLight);
    text-align: center;
    border-radius: .33rem;
    padding: .5em .75em;
    position: absolute;
    z-index: 1;
    font-style: normal;
    bottom: 115%;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--secondary) transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.ui-autocomplete {
    border-radius: 0 0 .33rem .33em;
    box-shadow: 0 15px 30px -20px rgb(2, 127, 165, .5);
    position: fixed;
    top: 4rem !important;
    z-index: 1000;
    cursor: default;
    background-color: rgba(255,255,255,.95);
    margin: -.75em 0 0 0;
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: hidden;
    backdrop-filter: blur(5px);
}
.ui-menu-item {
    color: var(--secondary);
    font-family: var(--titles);
    padding: .5em .75em;
    cursor: pointer;
}
.ui-menu-item .ui-menu-item-wrapper{
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
:is(.ui-menu-item .ui-menu-item-wrapper) span{display: none;}
:is(.ui-menu-item .ui-menu-item-wrapper)::before {
            color: var(--main);
            display: block;
            font-family: 'Material Symbols Outlined';
            font-size: 24px;
            font-weight: 100;
            margin-right: .25em;
        }
.mapa:is(.ui-menu-item .ui-menu-item-wrapper)::before{
            content: 'map';
        }
.tema:is(.ui-menu-item .ui-menu-item-wrapper)::before{
            content: 'auto_stories';
        }
.autor:is(.ui-menu-item .ui-menu-item-wrapper)::before,.colaborador:is(.ui-menu-item .ui-menu-item-wrapper)::before{
            content: 'group';
        }
.generic:is(.ui-menu-item .ui-menu-item-wrapper)::before{
            content: 'post';
        }
.ui-menu-item:hover {
    color: var(--contrastDark-2);
    background-color: var(--mainLight);
}
:is(.ui-menu-item.autor:hover,.ui-menu-item.colaborador:hover) span{
                color: var(--bgLight-4);
                display: block;
                font-size: .9em;
                margin: 0 0 0 auto;
            }

@keyframes bg-pan{
    0%, 100%{
        background-position: center;
        background-size: 125%;
    }
    25%{
        background-position: bottom;
        background-size: 100%;
    }
    75%{
        background-position: top;
        background-size: 100%;
    }
}

[data-media="mobile"]{
    display: none;
}
/*-------------------------------------------------------------
                    MEDIA QUERIES
---------------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 750px),
        only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
    body{
        font-size: 14px;
    }
        body.no-scroll{
            overflow: hidden;
        }
                :is(body#home .cover) .cover-info{
                    position: relative;
                    left: unset;
                    width: 100%;
                }
                    :is(:is(body#home .cover) .cover-info) .section-info-extract{
                        font-size: 1.25em;
                        font-weight: normal;
                        margin-top: 1.5rem;
                    }

                :is(body#home .cover) #sections-object,:is(body#home .cover) > img{
                    display: none;
                }
                :is(body#home .cover) .section-image{
                    background-position: -17em center;
                    background-size: cover;
                }
                    :is(:is(body#home .cover) .section-image)::after{
                        background-image: radial-gradient(ellipse at 174% 38%, rgba(2,138,162,0) 0%, rgba(1,64,76,1) 72%);
                    }
            body#home .cards-sections{
                grid-template-columns: 1fr;
            }
            body#home .block-content{
                min-height: unset;
            }
    footer{
        flex-direction: column;
        gap: 1em;
        height: auto;
        padding: 1em;
    }

        footer .footer-text{
            width: 100%;
        }
    .block-content h2, .block-content-theme h3{
        font-size: 1.7em;
    }
    .block-content h2.sub-elements-title{
        flex-wrap: wrap;
        column-gap: .25em;
        row-gap: .0;
    }

        :is(.block-content h2.sub-elements-title) span:not(.post-count){
            width: 100%;
        }
            .title-contributor:is(.block-content h2.sub-elements-title) .data-contributor {
                flex-wrap: wrap;
                justify-content: flex-end;
            }

                :is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) a,:is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) em{
                    font-size: .75rem;
                }
                :is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) a{
                    padding: .33em .66em;
                }
                :is(.title-contributor:is(.block-content h2.sub-elements-title) .data-contributor) em{
                    display: block;
                    line-height: 1.3;
                    width: 100%;
                }
    .block-content-theme h3{
        line-height: 1.2;
        transition: all 100ms ease-in-out;
    }

        :is(.block-content-theme h3)::before{
            bottom: -.25em;
        }
        .fixed:is(.block-content-theme h3){
            background-color: var(--mainLight);
            font-size: 1.1rem;
            left: 0;
            padding: .5rem .75rem;
            position: fixed;
            top: 7rem;
            width: 100%;
            z-index: 10;
        }

            .fixed:is(.block-content-theme h3)::before{
                display: none;
            }
    h4{
        font-size: 1.5em;
    }
    h5{
        font-size: 1.3em;
    }
    header{
        height: 4rem;
        padding: 0 .75em;
        justify-content: space-between;
    }

        header .header-logos{
            gap: 1em;
        }

            :is(header .header-logos) [title="Atlas Nacional de México"]{
                width: 7rem;
            }
            :is(header .header-logos) [title="Instituto de Geografía"] .logo{
                height: 2.25rem;
            }
            :is(header .header-logos) [title="UNAM"] .logo{
                height: 3.25em;
            }
        header .menu-main-toggle{
            align-items: center;
            background: var(--bgLight);
            border-radius: .33em;
            color: var(--contrast);
            display: flex;
            height: 3.5em;
            justify-content: center;
            width: 3.5em;
        }
    
            :is(header .menu-main-toggle)::before{
                align-items: center;
                color: inherit;
                content: 'menu';
                display: flex;
                font-family: 'Material Symbols Rounded';
                font-size: 2.5em;
                font-weight: 500;
                justify-content: center;
                height: 1.5rem;
                width: 1.5rem;
            }
            [aria-expanded="true"]:is(header .menu-main-toggle)::before{
                content: "close";
            }
        header .menu-search-container {
            background: var(--bgLight);
            display: flex;
            flex-direction: column;
            gap: 1em;
            height: 0;
            left: 0;
            overflow: hidden;
            position: absolute;
            padding: 0 1em;
            top: 4rem;
            transition: all 250ms ease-in-out;
            width: 100%;
        }

            .open:is(header .menu-search-container){
                height: calc(100dvh - 4rem);
                padding: 1em;
            }
        header.initial .searchform,header .searchform{
            flex: none;
            margin: 0;
            width: 100%;
        }
            :is(header.initial .searchform,header .searchform) input[type="text"]{
                background-image: linear-gradient(#fff, #fff),
                                            linear-gradient(to right, var(--contrast) 0%, var(--emphasis) 0%) !important;
                border-color: #fff;     
                color: inherit;
            }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"]):focus {
                    outline: none;
                    background-color:inherit;
                    background-image: linear-gradient(#fff, #fff),
                                            linear-gradient(to right, var(--contrast) 0%, var(--emphasis) 100%) !important;
                    border-color: transparent;                        
                    color: inherit;
                }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"])::placeholder {
                    color: var(--contrastDark);
                }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"])::-webkit-input-placeholder {
                    color: var(--contrastDark);
                }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"])::-moz-placeholder {
                    color: var(--contrastDark);
                }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"]):-ms-input-placeholder {
                    color: var(--contrastDark);
                }
                :is(:is(header.initial .searchform,header .searchform) input[type="text"]):-moz-placeholder {
                    color: var(--contrastDark);
                }
        main p,main ol,main ul {
            font-size: 1.1em;
            line-height: 1.5;
        }
                main#maps-gallery.page-content .block-content{
                    padding: 1em 0;
                }

                    :is(main#maps-gallery.page-content .block-content) h2{
                        margin: 0 1rem 1rem;
                    }
            main.page-content .block-content{
                min-height: calc(100vh - 15.25rem);
                padding: 1em;
            }

                .block-content-map:is(main.page-content .block-content) {
                    margin-bottom: .5em;
                    overflow: unset;
                    padding: 0;
                }

                    .block-content-map:is(main.page-content .block-content) .map-info-block{
                        gap: .25em;
                        grid-template-areas:
                            "map-image"
                            "map-info";
                        grid-template-columns: 1fr;
                    }

                        :is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data{
                            gap: 0;
                            grid-area: map-info;
                            padding: 0;

                        }

                            :is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) a[data-action="go_to_geoportal"]{
                                display: none;
                            }

                            :is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row {
                                margin: 0;
                                padding: 0 1em 0;
                            }

                                .map-data-excerpt:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row),.map-taxonomy-section:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row),.map-taxonomy-theme:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row),.map-data-title:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    border-left: none;
                                }
                                .map-data-excerpt:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    padding: 1em 1em;
                                }
                                    .map-data-excerpt:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) p{
                                        font-size: 1em;
                                    }
                                .map-taxonomy-section:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    background-position: 1em center;
                                    padding: .75em 1em .75em 4.5em;
                                }
                                .map-taxonomy-theme:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    padding: .75em 1em;
                                }
                                .map-data-title:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    padding: .5em 1em 1em;
                                }
                                    .map-data-title:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) h2{
                                        line-height: 1.1;
                                    }
                                .map-info-row-multimap:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    gap: .25rem;
                                    padding: .75em 1em;
                                }

                                    .map-info-row-multimap:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) .map-data-title{
                                        padding: 0;
                                    }
                                    .map-info-row-multimap:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) .map-info-row-chips{
                                        padding:0 0 .75em;
                                    }

                                        :is(.map-info-row-multimap:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) .map-info-row-chips):last-of-type{
                                            padding: .25em 0 .25em;
                                        }
                                .map-info-row-chips:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row){
                                    padding: .75em 1em;
                                }

                                    .map-info-row-chips:is(:is(:is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-data) .map-info-row) .authors-chips{
                                        gap: .5em;
                                    }
                        :is(.block-content-map:is(main.page-content .block-content) .map-info-block) .map-image-block{
                            border-radius: 0;
                            grid-area: map-image; 
                        }
        main.sub-page-content {
            grid-template-columns: 1fr;
            grid-template-areas:
                'columnMenu'
                'columnContent';
            margin-top: 0 !important;
        }

            main.sub-page-content .menu-column{
                position: sticky;
                top: 4rem;
                z-index: 1;
            }
            main.sub-page-content .block-content{
                margin: 0 auto;
                min-height: calc(100vh - 17.25rem);
                padding: 1em 1.5em;
                z-index: 0;
            }

                .block-content-theme:is(main.sub-page-content .block-content):not(.block-content-theme-presentation){
                    min-height: calc(100vh - 17.25rem);
                }
                    .block-content-theme.fixed:is(main.sub-page-content .block-content):not(.block-content-theme-presentation){
                        margin-top: calc(4rem + 38px);
                    }
                .block-content-theme.block-content-theme-presentation.fixed:is(main.sub-page-content .block-content){
                    margin-top:38px;
                }
                    .ref-list:is(:is(main.sub-page-content .block-content) ul){
                        width: 100% !important;
                    }
                :is(main.sub-page-content .block-content) .maps-widget{
                    grid-template-columns: 1fr;
                }
                :is(main.sub-page-content .block-content) .table-container{
                    overflow-x: auto;
                    -webkit-overflow-scrolling: touch;
                }

                    :is(:is(main.sub-page-content .block-content) .table-container) table{
                        width: 100%;
                    }
            .block-content-index:is(main .block-content){
                column-count: unset;
            }
                    :is(.block-content-index:is(main .block-content) .index-section-block) ul {
                        margin: .5em 0 1em .5em;
                        width: 100% !important;
                    }
                                .sublevel-2:is(:is(:is(.block-content-index:is(main .block-content) .index-section-block) ul) li) a{
                                    font-size: 1em;
                                }
                                .sublevel-3:is(:is(:is(.block-content-index:is(main .block-content) .index-section-block) ul) li) a{
                                    font-size: 1em;
                                }
                #home-about:is(main .block-content)::before{
                    display: none;
                }
                #home-about:is(main .block-content) .block-content-text {
                    padding: 1em;
                    position: relative;
                    top: unset;
                    width: 100%;
                }
            .block-content-wide:is(main .block-content){
                padding: 1em;
            }
                .block-content-theme:is(main .block-content) .header-theme-info{
                    flex-direction: column-reverse;
                    gap: 1em;
                }
                .block-content-theme:is(main .block-content) .author-list li{
                    margin-bottom: .75em;
                }
            :is(main .block-content) .authors-list-index{
                column-count: unset;
                margin: 0;
                width: 100% !important;
            }
            :is(main .block-content) .superindex-ref,:is(main .block-content) [name^="_ftn"] {
                scroll-padding-top:11rem;
            }
    nav#main-menu{
        margin: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 100%;
    }

        nav#main-menu .main-menu-list{
            flex-direction: column;
            gap: 1em;
        }

            :is(nav#main-menu .main-menu-list) .main-menu-link{
                width: 100%;
            }
                    :is(:is(nav#main-menu .main-menu-list) .main-menu-link):hover .sub-menu{
                        display: flex;
                    }
                :is(:is(nav#main-menu .main-menu-list) .main-menu-link):hover > a,:is(:is(nav#main-menu .main-menu-list) .main-menu-link) > a{
                    background-color: inherit;
                    color: var(--contrast);
                    font-weight: bold;
                    font-size: 1.25em;
                    padding: 0 0 .5em 0;
                    text-align: left;
                    width: 100%;
                }
                    .wide:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu{
                        width: 100%;
                    }
                :is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu{
                    background: none;
                    box-shadow: none;
                    display: flex;
                    flex-wrap: wrap;
                    gap: .75em;
                    position: relative;
                    width: 100%;
                }
                    
                    :is(:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu) a,:is(:is(:is(nav#main-menu .main-menu-list) .main-menu-link) .sub-menu) a:hover{
                        background-color: var(--bgLight-1);
                        border-radius: .33em;
                        color: var(--contrastDark-2);
                        padding: .5em .66em;
                    }
    nav.section-menu{
        background-color: #fff;
        direction: unset;
        height: 0;
        overflow-y: hidden;
        padding: 0;
        position: relative;
        top: unset !important;
        transition: all 200ms ease-in-out;
    }

        nav.section-menu.open{
            height: 50vh;
            overflow-y: auto;
            box-shadow: inset 0 -20px 30px -20px rgba(1, 64, 76, 0.75);
        }
        nav.section-menu ul{
            margin: 0;
        }
                :is(:is(nav.section-menu ul) li) a,:is(:is(nav.section-menu ul) li) a:hover{
                    color: var(--mainDark);
                    padding: .66rem 1rem;
                }
    .cover.cover-section{
        height: 33dvh;
    }
        .cover.cover-section > img{
            margin: 0;
            max-height: 100%;
            max-width: unset;
            width: auto;
        }
        .cover.cover-section .cover-info{
            background-size: 4em;
            bottom: 1em;
            height: 4rem;
            left: 1em;
            padding: 0 0 0 4.5em;
            top: unset;
            width: 90%;
        }

            :is(.cover.cover-section .cover-info) .cover-info-text{
                padding: 0;
            }
                :is(:is(.cover.cover-section .cover-info) .cover-info-text) h2{
                    font-size: 1.75em;
                }
        .widget_maps_widget .maps-widget{
            grid-template-columns: 1fr;
            row-gap: .5rem;
        }

            :is(.widget_maps_widget .maps-widget) .map-card{
                gap: 0;
            }

                :is(:is(.widget_maps_widget .maps-widget) .map-card) .map-card-image {
                    object-fit: cover;
                    width: 5.5em;
                }
                :is(:is(.widget_maps_widget .maps-widget) .map-card) .map-card-taxonomy{
                    padding: .75em;
                }
        .widget_maps_widget h3.title-widget-separator{
            font-size: calc(1.3em + .5vw);
            margin: 0 1em .5em;
        }
        .widget_maps_widget .maps-widget-theme-block {
            border-radius: 0;
        }
            :is(.widget_maps_widget .maps-widget-theme-block) p{
                line-height: 1.4;
            }
            :is(.widget_maps_widget .maps-widget-theme-block) .title-widget-separator {
                font-size: calc(1.2em + .5vw);
                gap: .5rem;
            }
        .button.button-chip{
            font-size: .75rem;
            padding: .33em .66em;
        }
    .cards-themes{
        grid-template-columns: 1fr;
    }
    .post-figure{
        background: #fff;
        display: block;
        float: none;
        margin: 0 auto 1em;
        padding: 0 0 .5em;
        position: relative;
        scroll-padding-top:8rem;
        width: 100%;
    }
        .post-figure a[aria-hidden="true"] {
            top: -13rem;
        }
    .section-header{
        align-items: center;
        background-color: var(--bgLight-1);
        background-position: .25rem center;
        background-repeat: no-repeat;
        background-size: 2.5rem;
        display: flex;
        gap: .5em;
        height: 3rem;
        justify-content: space-between;
        padding: .5em 0 .5em 3.5em;
        position: sticky;
        top: 4em;
    }

        .section-header .section-head-title{
            color: var(--contrastDark-2);
            font-size: 1.1em;
        }
        .section-header .section-menu-toggle{
            align-items: center;
            background-color: #fff;
            color: var(--contrast);
            display: flex;
            font-weight: 300;
            height: 3rem;
            justify-content: center;
            width: 3rem;
        }

            :is(.section-header .section-menu-toggle)::before {
                align-items: center;
                color: inherit;
                content: 'menu_book';
                display: flex;
                font-family: 'Material Symbols Rounded';
                font-size: 2.75em;
                justify-content: center;
            }
    .theme-badge{
        display: none;
    }
    .tooltip:hover .tooltiptext,
    .tooltip .tooltiptext{
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    .ui-autocomplete{
        top: calc(7.25rem + 2px) !important;
        width: calc(100% - 2em);
    }
        .ui-menu-item .ui-menu-item-wrapper{
            flex-wrap: unset;
        }

    @keyframes bg-pan{
        0%, 100%{
            background-position: center;
            background-size: 200%;
        }
        25%{
            background-position: bottom;
            background-size: 125%;
        }
        75%{
            background-position: top;
            background-size: 125%;
        }
    }
}
/* Tablets portrait (vertical) */
@media only screen and (min-device-width : 601px) and (orientation : portrait){

}
/* Tablets landscape (horizontal) */
@media only screen and (min-device-width : 901px) and (orientation : landscape){

}
/* Large screens ----------- */
@media only screen and (min-width : 1599px) {
            .authors-list-index:is(.block-content ul) {
                column-count: 4;
                column-gap: 1.5em;
                width: calc(100% - 2.5em) !important;
            }
    main .block-content.block-content-map .map-info-block{
        grid-template-columns: 1fr 50vw;
    }
    .cards-sections,
    .cards-themes,
    .maps-widget{
        grid-template-columns: repeat(4, 1fr);
    }
}