@charset "UTF-8";


/* ======================================= global ======================================= */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --primary-color: #607848; /* Fern Green: Encabezados */
    --secondary-color: #C0D860; /* June Bud: Ligas */
    --contrast-color: #3778b9; /* Steel Blue: Contraste/hover */
    --darkgray-color: #2D2A26;
    --mediumgray-color: #999999;
    --lightgray-color: #C8C8C8;
    --white-color: #F9F9F9; /* Lotion */
    --beige-color: #EEDFCC; /* AntiqueWhite2 */
    }

body {
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    color:#222;
    background-color: #fcfcfc;
    }
h1,h2,h3,h4,h5,h6 {
    font-family:'Lato', Helvetica, sans-serif;
    color: #000;
    font-weight: 700;
    }
a {
    font-family:'Lato', Helvetica, sans-serif;
    font-weight:500;
    color: #000;
    }
a:hover {
    border-bottom:1px var(--lightgray-color) solid;
    color: #2D2A26;
    }

/*  ======================================= header ======================================= */

#main_headdata {
    background-color:var(--lightgray-color);
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    }
#main_headdata a {
    color: var(--primary-color);
    }
#main_headdata a:hover {
    color: var(--secondary-color);
    }
#header_logo_col {
    display: flex;
    justify-content: center;
    flex-direction: column;
    }
#header_logo {
    height:4.35rem; /* 6.975rem; */
    width:max-content;
    margin:auto;
    }
.mini_icon {
    height: 1.625rem;
    }
.icon {
    height: 2.625rem;
    vertical-align: middle;
    }
#main_headdata .status_option, #main_headdata .status_active, #main_headdata .status_disabled {
    text-align: center;
    vertical-align: middle;
    background-color: var(--mediumgray-color) ;
    }
#main_headdata .status_option {
    border: 0.125em var(--primary-color) solid;
    }
#main_headdata .status_option:hover {
    border: 0.125em var(--white-color) solid;
    background-color: var(--primary-color) ;
    }
#main_headdata .status_active {
    border:0.125em var(--secondary-color) solid;
    }
#main_headdata .status_active:hover {
    border:0.125em var(--white-color) solid;
    background-color: var(--secondary-color);
    }
#main_headdata .status_disabled {
    border: 0.125em var(--darkgray-color) solid;
    }
#main_headdata .status_option, #main_headdata .status_active, #main_headdata .status_disabled {
    height:1.625em;
    width:1.625em;
    padding:0.125em;
    border-radius: 1.0em;
    margin-left:0.625em;
    }
#main_headdata .status_option > img , #main_headdata .status_active > img , #main_headdata .status_disabled > img {
    height: 1.0em;
    }
@media (min-width:1280px) {
    #main_headdata .status_option, #main_headdata .status_active, #main_headdata .status_disabled {
        height:2.625em;
        width:2.625em;
        padding:0.375em;
        border-radius: 1.625em;
        margin-left:1.0em;
        }
    #main_headdata .status_option > img , #main_headdata .status_active > img , #main_headdata .status_disabled > img {
        height: 1.625em;
        margin-bottom:0.125em;
        }
    }

/* ======================================= navbar ======================================= */

#main_navbar {
    position: sticky;
    top: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    }
@media (min-width:1280px) {
    #main_navbar {flex-direction: row;}
    }
#main_navdata {
    background-color: var(--darkgray-color);
    color: var(--primary-color);
    }
#main_navdata a {
    color:var(--secondary-color);
    font-weight:700;
    }
#main_navdata a:hover {
    color:var(--primary-color);
    background-color:var(--secondary-color);
    }
#nav_where {
    background-color: var(--primary-color);
    text-align: right;
    padding: 0.625rem;
    }
#nav_where a h1 {
    color:var(--lightgray-color);
    font-size: 1.125rem;
    margin-block: 0.125rem;
    font-weight: 700 !important;
    }
#nav_togglemenu {
    text-align: center;
    padding: 0.625rem;
    }
#main_navemergent {
    background-color:var(--secondary-color);
    }
#nav_links {
    display: flex;
    flex-direction: column;
    padding: 0.625rem 6.25%;
    color:var(--mediumgray-color);
    background-color:var(--darkgray-color);
    }
#nav_links a {
    color: var(--secondary-color);
    padding:0.375rem 1.625rem;
    font-weight: 700 !important;
    }
#nav_links a:hover {
    background-color: var(--secondary-color);
    color:var(--darkgray-color);
    }
#nav_links a.navlink_selected {
    background-color: var(--primary-color);
    color:var(--lightgray-color);
    }
@media (min-width:1280px) {
    #main_navemergent {
        background-color:var(--darkgray-color);
        }
    #nav_links {
        flex-direction: row;
        justify-content: space-around;
        }
    #nav_links a {
        padding:auto 1.625rem;
        }
    }


/* ======================================= content ======================================= */

#main_content {
    min-height: 100vh;
    }
#main_content a {
    color: var(--primary-color);
    margin:auto 0.25rem;
    font-weight: 700;
    }
#main_content a:hover {
    color: var(--secondary-color);
    }
#main_content a > img {
    margin:0.125rem;
    border-radius: 0.375rem;
    }
#main_content a:hover > img {
    background-color:var(--primary-color);
    }
div.catcher {
    background-image: url("/img/catcher.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 70vh;
    display: flex;
    align-items: center;
    padding: 3.846%;
    }
h2.catcher-text {
    color:#fcfcfc;
    font-size: 2.625rem;
    font-weight: 900;
    margin:auto;
    text-align: center;
    }
@media (min-width:768px) {
    div.catcher { min-height: 90vh; }
    h2.catcher-text { font-size:4.35rem; }
    }
@media (min-width:1024px) {
    div.catcher { min-height: 110vh; }
    h2.catcher-text { font-size:6.975rem; }
    }
#body_content {
    padding:1.625em 3.846%;
    }
#body_aside #body_content {
    padding-left:3.846%;
    }
#aside_content {
    background-color: var(--lightgray-color);
    padding:1.625em;
    }


/* ======================================= footer ======================================= */

#main_footer {
    background-color: var(--darkgray-color);
    color: var(--lightgray-color);
    bottom: 0;
    top:auto;
    left:0;
    right: auto;
    width:100%;
    }
#main_footer a {
    color: var(--mediumgray-color);
    }
#main_footer a:hover {
    color: var(--lightgray-color);
    }
#main_footer strong {
    color:var(--secondary-color);
    font-size: 1.125rem;
    }
#main_footer a.note {
    font-size:0.875rem;
    }
#tos_menu li {
    margin:1.625rem;
    }

/* ======================================= inner pages ======================================= */

.row-content {
    padding-bottom: 1.625rem;
    }
.row-content > .col, .row-note > .col {
    padding: 0 1.625rem;
    }
.row-lvl2, .content-lvl2 {
    border-bottom: 1px var(--primary-color) solid;
    }
.row-lvl3 > .content-title {
    width: 100%;
    }
.row-lvl3 > .row-title h3 {
    margin-top:0.625rem;
    }
.row-lvl3 > .content-data {
    padding-top: 0;
    margin-left:25%;
    width: 75%;
    }
.row-lvl4 {
    margin-left:25%;
    width: 75%;
    }
.row-lvl4 > .content-title h4 {
    margin-bottom:0;
    }
.row-note {
    margin-left:25%;
    width:75%;
    margin-right: 1.625rem;
    }
.row-note > .content-title {
    text-align: right;
    background-color: var(--beige-color);
    }
.row-note > .content-data {
    border:0.125rem var(--lightgray-color) solid;
    }
.content-hastable {
    overflow-x: scroll;
    width: 100%;
    padding-bottom: 1.625rem;
    }
@media (min-width:768px) {
    .row-lvl2 {
        border-bottom:0;
        }
    .row-lvl3 > .content-title {
        text-align: right;
        width:33.333%;
        }
    .row-lvl3 > .content-data {
        padding-top:0.375rem;
        margin-left:0;
        width:66.666%;
        }
    .row-lvl4 {
        margin-left: 0;
        width:100%;
        }
    .row-lvl4 > .content-title {
        text-align: right;
        width:33.333%;
        }
    .row-lvl4 > .content-title h4 {
        margin-bottom: 1.625rem;
        }
    .row-lvl4 > .content-data {
        margin-left:0;
        width:66.666%;
        }
    .row-note {
        margin-left:16.666%;
        width:83.333%;
        margin-right: 1.625rem;
        }
    .row-note > .content-title {
        text-align: right;
        width:16.666%;
        }
    .row-note > .content-data {
        width:83.333%;
        }
    }
@media (min-width:1280px) {
    .row-lvl3 > .content-title {
        width:25%;
        }
    .row-lvl3 > .content-data {
        margin-left:0;
        width:75%;
        }
    .row-lvl4 > .content-title {
        width:25%;
        }
    .row-lvl4 > .content-data {
        margin-left:0;
        width:75%;
        }
    .row-note {
        margin-left:25%;
        }
    .row-note > .content-title {
        width:33.333%;
        }
    #body_aside .row-note > .content-title {
        width:40%;
        }
    }

    /* special data */

.row-subcontent > .col {
    padding: 0.625rem;
    }
.row-subcontent ul {
    margin-top: 1.0rem;
    }

.content-table {
    margin-top:0;
    margin-left:0;
    min-width: 75%;
    }
.content-table th {
    text-align: left;
    border-bottom: 1px var(--primary-color) solid;
    }
.content-table > tbody tr:hover > td {
    border-bottom: 1px var(--lightgray-color) solid;
    }
.content-table > tbody tr:hover td:first-of-type {
    border-left:0.125rem var(--primary-color) solid;
    }
.content-table > tfoot td {
    border-top: 1px var(--lightgray-color) solid;
    font-size:0.625rem;
    }
img.toggler {
    vertical-align: middle;
    }

/* ------------------------------------ [ Configuraciones especiales */