:root {
    --color-secondary-2: #000;
    --color-nav: #ededed;
    --btn-color-txt: #000;
    --nuestra-paz: #185796;
    --plan-desarrollo: #33a423;
    --color-secondary-2: #686868;
    --color-nav-usuarios: #2A225D;
    --color-line-1: #005500;
    --color-line-2: #9BB60A;
    --color-line-3: #049100;
    --color-line-azul-hover: #2A225D;
    --color-line-azul: #201840;
    /***de aqui para abajo no se si se usan todas*/
    --tdp-bg: #0099dc;
    --tdp-bg-hover: #0382b8;
    --tdp-bg-dark: #DF9218;
    --tdp-bg-dark-hover: #A86A17;
    --tdp-content: #e8e8e8;
    /* Scroll */
    --thumb-color: var(--color-nav);
    --thumb-color-hover: #b1b1b1;
    --track-color: #fff;
    --scroll-size: 10px;
    --scroll-radius: calc(var(--scroll-size) / 2);
}

/* Scroll */
[class*=scroll] {
    overflow: auto
}

    textarea.form-control::-webkit-scrollbar,
    [class*=scroll]::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: var(--scroll-size);
        height: var(--scroll-size);
    }

    [class*=scroll]::-webkit-scrollbar-thumb,
    textarea.form-control::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {
        background: var(--thumb-color);
        border-radius: var(--scroll-radius);
    }

        [class*=scroll]::-webkit-scrollbar-thumb:hover,
        textarea.form-control::-webkit-scrollbar-thumb:hover,
        [class*=scroll]::-webkit-scrollbar-thumb:active,
        textarea.form-control::-webkit-scrollbar-thumb:active,
        body::-webkit-scrollbar-thumb:hover,
        body::-webkit-scrollbar-thumb:active {
            background: var(--thumb-color-hover);
        }

    [class*=scroll]::-webkit-scrollbar-track,
    textarea.form-control::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track {
        background: var(--track-color);
        border-radius: var(--scroll-radius);
    }

.bgAzul {
    background-color: #2A225D;
}

.bg-greenyellow {
    background-color: #7EC133;
}

.colorTextoBlanco {
    color: #fff;
}

.colorTextoAzul,
a.colorTextoAzul:hover {
    color: var(--color-nav-usuarios);
}

.color-line-1 {
    color: var(--color-line-1);
}

.color-line-2 {
    color: #7ec133;
}

.color-line-3 {
    color: var(--color-line-3);
}

text-greenyellow {
    color: #7ec133;
}

border-line-3 {
    border-color: var(--color-line-3);
}

.text-secondary-2 {
    color: #4F4F4F;
}

.line-h-1_2 {
    line-height: 1.2;
}

.d-none {
    display: none !important;
}

.mr-6em {
    margin-right: 6em;
}

.z-index-1 {
    z-index: 1;
}

.bg53 {
    background-color: #535353;
}

body {
    font-family: 'Roboto-Light', sans-serif;
}

.Roboto-Light {
    font-family: 'Roboto-Light', sans-serif !important;
}

.roboto-thin {
    font-family: 'Roboto-Thin', sans-serif !important;
}

.dosis-medium,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
    font-family: 'Dosis-Medium', sans-serif;
}

.Roboto-BoldCondensed {
    font-family: 'Roboto-BoldCondensed', sans-serif !important;
}

label {
    margin-bottom: 0;
}

.bg-monkey-white {
    background: url('img/Monkey/Mono_ingreso.svg') no-repeat right;
}

.bg-monkey-modal {
    background: url('img/Monkey/Mono-colibri mensaje emergente.png') no-repeat 2em center / contain;
}

.width-20em {
    width: 20em;
    color: #4f4f4f;
}

.border-bottom-header {
    border-bottom: solid 5px #e09319;
}

.navbar {
    background-color: var(--color-nav);
    padding: 0;
    font-size: .75em;
}

.right-n4-2 {
    right: -4.2em;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    border-right: solid 1px #fff;
    font-family: 'AsapCondensed-Regular', sans-serif;
}

    .navbar-light .navbar-nav .nav-link:last-child {
        border-right: none;
    }

    .navbar-light .navbar-nav .nav-link img {
        height: 4em;
    }

.navbar + .lienas {
    display: flex;
    width: 100%;
}

    .navbar + .lienas > span {
        flex-grow: 1;
        height: .5em;
    }

        .navbar + .lienas > span:nth-child(3n+1),
        .bg-line-1 {
            background-color: var(--color-line-1);
        }

        .navbar + .lienas > span:nth-child(3n+2),
        .bg-line-2 {
            background-color: var(--color-line-2);
        }

        .navbar + .lienas > span:nth-child(3n+3),
        .bg-line-3 {
            background-color: var(--color-line-3);
        }

.nav-usuarios {
    background-color: var(--color-nav-usuarios);
    color: #fff;
    font-family: 'AsapCondensed-Regular', sans-serif;
}

.nuestra-red {
    --btn-color-txt: #049100;
}

.cifras-nuestra-paz {
    --btn-color-txt: #185796;
}

.plan-desarrollo {
    --btn-color-txt: #33A523;
}

.asi-incidimos {
    --btn-color-txt: #770e0e;
}

.bg-section {
    background-color: var(--btn-color-txt);
}

.color-section {
    color: var(--btn-color-txt);
}

a.color-section:hover {
    text-decoration: none;
    color: var(--btn-color-txt);
}

.line-down {
    position: relative;
}

    .line-down::after {
        content: "";
        display: block;
        height: .2em;
        width: 17em;
        background-color: var(--btn-color-txt);
        position: absolute;
        left: calc(50% - 8.5em);
        bottom: -.3em;
    }

[class*=before-estado-] {
    position: relative;
    padding-right: 2em;
    display: inline-block;
}

    [class*=before-estado-]::before {
        content: "";
        display: block;
        height: 8px;
        width: 8px;
        position: absolute;
        left: calc(100% - 1.5em);
        top: calc(50% - 3px);
        border-radius: 50%;
    }

.before-estado-sinIniciar::before {
    background-color: #be1313;
}

.before-estado-enEjecucion::before {
    background-color: #005400;
}

.before-estado-retrasada::before {
    background-color: #ff9f06;
}

.before-estado-terminada::before {
    background-color: #0646ac;
}

.before-estado-sinReporte::before {
    border: solid 1px #000;
}

.bg-particles {
    background-image: url(img/index/Nuestra_red/fondo_lineas.svg);
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .iframe-container > img,
    .iframe-container > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .iframe-container > img {
        object-fit: scale-down;
    }

.border-azul {
    --borde: var(--nuestra-paz);
}

.border-verde {
    --borde: var(--plan-desarrollo);
}

.border-naranja {
    --borde: #ff9600;
}

[class^=border-] {
    border: dashed 1px var(--borde);
}

.bordder-dashed {
    border: dashed 1px var(--btn-color-txt);
}

.bg-secondary {
    background-color: var(--color-nav) !important;
}

.bg-secondary-2 {
    background-color: var(--color-secondary-2) !important;
}

.rounded--5em {
    border-radius: .5em;
}

.rounded--6em {
    border-radius: .6em;
}

.rounded-1em {
    border-radius: 1em;
}

.rounded-2em {
    border-radius: 2em;
}

.w-fit-content {
    width: fit-content;
}

.line-height-1 {
    line-height: 1;
}

.line-height-08 {
    line-height: .8;
}

.line-height-05 {
    line-height: .5;
}

.btn-grande {
    border-radius: 50rem;
    background-color: #fff;
    color: var(--btn-color-txt);
    box-shadow: 4px 2px 5px #9e9e9e;
    transition: all 0.3s;
    border: 0.2px solid #cecece;
    font-family: 'Roboto-BoldCondensed', sans-serif;
    padding-left: 8%;
    padding-right: 8%;
}

    .btn-grande:hover,
    .btn-grande:focus {
        color: var(--btn-color-txt);
        transform: scale(1.05);
    }

.fs-1rem {
    font-size: 1rem;
}

.fs-08em {
    font-size: 0.8em;
}

.fs-09em {
    font-size: 0.9em;
}

.fs-05em {
    font-size: 0.5em;
}

.fs-1_5em {
    font-size: 1.5em;
}

.fs-2_28em {
    font-size: 1.28em;
}

.fs-2_35em {
    font-size: 2.35em;
}

.fs-2_5em {
    font-size: 2.5em;
}

.fs-2_6em {
    font-size: 2.6em;
}

.fs-2_76em {
    font-size: 2.76em;
}

.fs-3_75em {
    font-size: 3.75em;
}

.fs-4_45em {
    font-size: 4.45em;
}

.text-danger {
    color: #E30613 !important;
}

.modal-info {
    width: 580px;
    max-width: 580px;
}

.btn-nav-usuarios {
    border-left: solid 2px;
}

    .btn-nav-usuarios,
    .btn-nav-usuarios:hover,
    .btn-nav-usuarios:active {
        color: #fff;
    }

.w-234 {
    width: 18em;
}

.w-12em,
.form-inline .w-12em {
    max-width: 12em;
}

.examinar .custom-file-label {
    width: calc(100% - 7em);
}

    .examinar .custom-file-label::after {
        content: "Examinar";
        right: -7em;
        top: .3em;
        color: #fff;
        background-color: var(--color-line-1);
        border-radius: 1em;
        padding: 0.1em 1em;
        height: calc(1em + 0.75rem);
        cursor: pointer !important;
        transition: all 0.3s;
    }

    .examinar .custom-file-label:hover::after {
        background-color: var(--color-line-3);
    }

.examinar .w-file {
    width: calc(100% - 5em);
    margin-left: -1em;
}

.cantidad {
    --alto: 1.6em;
    --left: calc(var(--alto) / 2);
    background-color: #ff0024;
    border: solid 2px #fff;
    color: #fff;
    position: absolute;
    left: calc(50% - var(--left));
    top: -0.2em;
    font-weight: 700;
    border-radius: 50%;
    height: var(--alto);
    width: var(--alto);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------- CONTADOR ---------------------*/
.textarea-contador {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5em;
}

.contador {
    color: var(--color-nav-usuarios);
    background-color: var(--color-nav);
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.separador {
    border-top: 5px solid var(--color-nav-usuarios);
}

/*--------------------- MI MENU ---------------------*/
.btn-mi-menu {
    background-color: var(--color-nav);
    box-shadow: 2px 2px 5px #4f4f4f;
    color: #000;
}

    .btn-mi-menu:hover {
        background-color: var(--color-line-2);
        color: #fff;
    }

    .btn-mi-menu.usuario {
        color: #fff;
        background-color: #FF9700;
        color: #fff;
        transition: all 0.3s;
    }

        .btn-mi-menu.usuario:hover {
            background-color: var(--color-line-2);
            color: #fff;
        }

.btn-greenyellow {
    background-color: #7EC133;
    color: #fff;
}

    .btn-greenyellow:hover {
        background-color: var(--color-line-3);
        color: #fff;
    }

.ranking {
    border-radius: 1em;
    padding: .5em 1em;
    background-color: #B7B7B7;
    position: relative;
}

    .ranking.active {
        background-color: var(--color-nav-usuarios);
        color: #fff;
    }

        .ranking.active strong {
            color: #e09319;
        }

        .ranking.active::before {
            content: "";
            position: absolute;
            top: calc(50% - 1.2em);
            height: 3.5em;
            width: 3.5em;
            left: -3.6em;
            background: url('img/Ranking2/ColibrirankingIzq.png') no-repeat center / contain;
        }

.der .ranking.active::before {
    transform: scaleX(-1);
    left: auto;
    right: -4.5em;
}

.ranking::after {
    position: absolute;
    top: calc(50% - 0.6em);
    width: 1.3em;
    right: -1.4em;
}

.ranking.puntaje::after {
    content: url('img/Ranking2/indicador-azul.svg');
}

.ranking.puntaje-activa::after {
    content: url('img/Ranking2/indicador-verde.svg');
}

.ranking.puntaje-promedio::after {
    content: url('img/Ranking2/indicador-rojo.svg');
}

.opacity-6 {
    opacity: .6;
}

.bg-planta-1 {
    background: url('img/Ranking2/Rankingizq.png') no-repeat right /contain;
}

.bg-planta-2 {
    background: url('img/Ranking2/Ranking.png') no-repeat right /contain;
}

/*-------------- Banner --------------*/
.banner {
    position: relative;
}

.texto-banner-la-red,
.texto-banner-title {
    font-family: 'Roboto-BoldCondensed', sans-serif;
    position: absolute;
    font-size: 4vw;
    /*background-color: #00000042;*/
}

.texto-banner-la-red {
    left: 17.5%;
    top: 10%;
    text-shadow: 2px 3px 5px #000;
}

.texto-banner-title {
    left: 62%;
    top: 0%;
    width: 21.29%;
}

.texto-banner-felicita,
.texto-banner-texto-la-red {
    position: absolute;
    font-size: 1.8vw;
    line-height: 1.3;
}

.texto-banner-texto-la-red {
    left: 10.8%;
    top: 56%;
    width: 33%;
}

.texto-banner-felicita {
    left: 52.5%;
    top: 43%;
    width: 40%;
}

/*-------------- pagination --------------*/
.pagination-container {
    --color-paginacion: var(--tdp-bg-dark);
}

.pagination {
    justify-content: end;
    padding-right: 1em;
}

    .pagination li {
        margin-left: .2em;
        margin-right: .2em;
    }

        .pagination li a:not([rel="next"]):not([rel="prev"]) {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            height: 2em;
            width: 2em;
            border-radius: 50%;
            color: #000;
            background-color: var(--color-nav)
        }

        .pagination li.active a:not([rel="next"]):not([rel="prev"]) {
            color: #fff;
            background-color: var(--color-paginacion);
        }

        .pagination li a[rel="prev"],
        .pagination li a[rel="next"] {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            height: 2em;
            width: 2em;
        }

            .pagination li a[rel="prev"]::before,
            .pagination li a[rel="next"]::before {
                content: "";
                width: 0;
                height: 0;
                display: block;
                border-top: .8em solid transparent;
                border-left: .8em solid transparent;
                border-right: .8em solid var(--color-paginacion);
                border-bottom: .8em solid var(--color-paginacion);
            }

            .pagination li a[rel="prev"]::before {
                transform: rotate(135deg);
            }

            .pagination li a[rel="next"]::before {
                transform: rotate(-45deg);
            }

            .pagination li a[rel="prev"] i,
            .pagination li a[rel="next"] i {
                display: none;
            }

/*-------------- CIFRAS DE NUESTRA PAZ --------------*/
.ml-cifras-np {
    margin-left: 10rem;
}

.mr-cifras-np {
    margin-right: 10rem;
}

/*---- PLAN DE DESARROLLO CON ENFOQUE TERRITORIAL ----*/

.title-plan-desarrollo {
    color: #3F3F3F;
}

    .title-plan-desarrollo > h4 {
        font-size: 2em;
        margin-bottom: 0;
    }

    .title-plan-desarrollo > h3 {
        font-size: 2.5em;
        line-height: .8;
    }

/*------------- EL CAMINO DE LA PALABRA -------------*/
.bg-camino {
    background-image: url(img/index/Camino_de_la_palabra/franja_vertical.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
}

.camino-de-la-palabra {
    --btn-color-txt: #FF9700;
}

.camino-de-la-palabra-fondo::before,
.camino-de-la-palabra-fondo::after {
    content: "";
    border-top: dashed 1px var(--btn-color-txt);
    width: 13em;
    position: absolute;
    display: block;
    bottom: 4em;
    z-index: -1;
}

.camino-de-la-palabra-fondo::before {
    left: 2em;
    transform: rotate(-60deg);
}

.camino-de-la-palabra-fondo::after {
    right: 2em;
    transform: rotate(60deg);
}

.max-width-60 {
    max-width: 60%;
}

.max-width-20em {
    max-width: 20.8em;
}

.max-height-20px {
    max-height: 20px;
}

.flechasCaminoDeLaPalabra .carousel-control-next,
.flechasCaminoDeLaPalabra .carousel-control-prev {
    position: static;
    width: 4em;
    margin-left: .5em;
    margin-right: .5em;
    color: #000;
    display: flex;
    flex-direction: column;
}

    .flechasCaminoDeLaPalabra .carousel-control-next > img,
    .flechasCaminoDeLaPalabra .carousel-control-prev > img {
        height: 1.5em;
        width: 1.5em;
    }

    .flechasCaminoDeLaPalabra .carousel-control-prev > img {
        transform: rotate(180deg);
    }

/*---------------- TEJIDO DE SABERES ----------------*/
.tejido-de-saberes {
    --btn-color-txt: #005500;
}

.tejido-de-saberes-fondo::before {
    content: "";
    border-top: dashed 1px var(--plan-desarrollo);
    width: calc(48vw);
    position: absolute;
    display: block;
    top: 7.5em;
    z-index: -1;
}
/*--------------------- FOOTER ---------------------*/
.color-gris {
    color: #B3B4B7;
}

/*.logos-footer img {
    height: 100px;
    width: auto;
}*/

.logos-footer .logos {
    max-height: 7em;
}

.logos-footer .carousel-indicators li {
    background-color: #000;
}

.logos-footer .carousel-indicators {
    bottom: auto;
    top: 100%;
    width: 70%;
}

/*--------------------- LOGIN ---------------------*/
/*body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }*/
.min-height-main {
    min-height: calc(100vh - 231px);
}

.select2-container--default .select2-selection--single {
    width: calc(100% - 2.5em);
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-color: var(--color-nav);
        border-radius: 50%;
        height: 2.2em;
        width: 2.2em;
        right: 0;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: var(--color-nav-usuarios) transparent transparent transparent;
            border-width: 14px 8px 0 8px;
            left: calc(50% - 4px);
            top: .8em;
        }

.plan-desarrollo .select2-container {
    max-width: 23em;
    min-width: 14em;
    width: inherit !important;
}

.plan-desarrollo .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: var(--btn-color-txt);
}

    .plan-desarrollo .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent;
    }

.plan-desarrollo .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}

.info-login .form-control,
.info-login .select2-container--default .select2-selection--single {
    border-radius: 15em;
    border-color: #d6d6d6;
    width: 18em;
    text-align: center;
    padding: 6px 12px;
    height: 38px;
    margin-right: 1.5em;
    transition: all 0.3s;
}

    .info-login .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-color: initial;
        height: 2em;
        width: 1em;
        right: -1.2em;
    }

        .info-login .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: var(--color-line-1) transparent transparent transparent;
            border-width: 14px 8px 0 8px;
        }

.info-login .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--color-line-1) transparent;
    border-width: 0 8px 14px 8px;
}

.info-login .select2-selection select2-selection--single {
    border-radius: 15em;
}


.select2-container--default .select2-selection--single {
    border-radius: 15em;
    border-color: #d6d6d6;
    text-align: center;
    padding: 6px 12px;
    height: 38px;
    margin-right: 1.5em;
    transition: all 0.3s;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--color-nav-usuarios) transparent;
    border-width: 0 8px 14px 8px;
}

.select2-selection select2-selection--single {
    border-radius: 15em;
}

.select2-container--open .select2-dropdown--below {
    border: solid 1px var(--color-line-1);
    border-radius: 2em;
    padding: .5em 1em;
    background-color: #fff;
    margin-top: .2em;
}

.select2-results__options {
    --thumb-color: var(--color-line-1);
    --thumb-color-hover: var(--color-line-3);
    --track-color: #fff;
    --scroll-size: 8px;
    --scroll-radius: calc(var(--scroll-size) / 2);
}


/* Scroll */

body {
    --thumb-color: #aaa;
    --thumb-color-hover: #B3B4B7;
}

    .select2-results__options::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: var(--scroll-size);
        height: var(--scroll-size);
    }

    .select2-results__options::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {
        background: var(--thumb-color);
        border-radius: var(--scroll-radius);
    }

        .select2-results__options::-webkit-scrollbar-thumb:hover,
        .select2-results__options::-webkit-scrollbar-thumb:active,
        body::-webkit-scrollbar-thumb:hover,
        body::-webkit-scrollbar-thumb:active {
            background: var(--thumb-color-hover);
        }

    .select2-results__options::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track {
        background: var(--track-color);
        border-radius: var(--scroll-radius);
    }

.select2-results__options {
    --thumb-color: var(--color-line-1);
    --thumb-color-hover: var(--color-line-3);
}


.info-login a {
    color: var(--color-line-1);
}

    .info-login a:hover {
        color: var(--color-line-3);
    }

/*-------------------- SELECT2 --------------------*/
.select2-container {
    display: block;
}

.btn-login {
    padding: .1em 2em;
    background-color: var(--color-line-1);
    color: #fff;
    border-radius: 15em;
}

    .btn-login:hover {
        color: #fff;
    }

        .btn-login:hover:not([disabled]) {
            background-color: var(--color-line-3);
        }


.btn-azul {
    padding: .1em 2em;
    background-color: var(--color-line-azul);
    color: #fff;
    border-radius: 15em;
    cursor: pointer;
}

    .btn-azul:hover {
        color: #fff;
    }

    .btn-azul.container-label:hover:not([disabled]),
    .btn-azul.container-label.active {
        background-color: #535353;
    }

    .btn-azul:hover:not([disabled]) {
        background-color: var(--color-line-azul-hover);
    }

    .btn-azul.active,
    .btn-azul.active:hover {
        background-color: var(--color-line-3);
    }

.padding-btn-azul {
    padding: .1em 2em .1em 5em;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 1em;
}

[class*=select2] *:focus {
    outline: none;
}

.select2-results__option[aria-selected] {
    margin-right: .5em;
    border-radius: 1em;
    position: relative;
}

    .select2-results__option[aria-selected]::after {
        content: "";
        display: block;
        height: 1px;
        background-color: var(--color-line-1);
        width: calc(100% - 1.8em);
        position: absolute;
        bottom: 0;
        left: .8em;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ccc3;
    color: #000;
}


/*-------------------- keyframes --------------------*/

.down-open {
    animation-duration: .3s;
    animation-name: AnimatedDown;
}

@keyframes AnimatedDown {
    from {
        opacity: 0;
        transform: translateY(-40%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scale-open {
    animation-duration: .5s;
    animation-name: AnimatedOpen;
}

@keyframes AnimatedOpen {
    from {
        opacity: 0;
        transform: scale(.5);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/**-------tablas*/
.tdp-content .table {
    border-collapse: separate;
    border-spacing: 0 .5em;
}

    .tdp-content .table thead th {
        background-color: var(--tdp-bg-dark);
        color: #fff;
        text-align: center;
        vertical-align: middle;
        font-weight: 100;
        border: none;
        padding-top: .5em;
        padding-bottom: .5em;
        box-shadow: 0 0 0 1px var(--tdp-content) inset
    }

        .tdp-content .table thead th a {
            color: #fff;
        }

        .tdp-content .table thead th:last-child {
            border-radius: 0 3em 3em 0;
        }

        .tdp-content .table thead th:first-child {
            border-radius: 3em 0 0 3em;
        }

    .tdp-content .table tbody td {
        background-color: #fff;
        /* border-color: var(--lupa-bg-dark); */
        border: none;
        color: var(--lupa-bg-dark);
        text-align: center;
        vertical-align: middle;
        box-shadow: 0 0 0 1px var(--tdp-bg-dark) inset;
    }

        .tdp-content .table tbody td:last-child {
            border-radius: 0 2em 2em 0;
        }

        .tdp-content .table tbody td:first-child {
            border-radius: 2em 0 0 2em;
        }

    .tdp-content .table td .scroll-azul {
        overflow-y: scroll;
        padding-right: 1em;
        line-height: 1.4;
        min-height: 4em;
        max-height: 4em;
    }

    .tdp-content .table tbody td.textarea textarea {
        line-height: 1;
        min-height: 8em;
        max-height: 8em;
        color: var(--tdp-bg-dark);
    }

    .tdp-content .table tbody td:first-child.textarea textarea {
        border-radius: .4em 0 0 .4em;
        margin-left: .5em;
    }

.table-azul {
    --tdp-bg-dark: #2A225D;
}


/**rf15**/
.no-radio-button input {
    opacity: 0;
}

.no-radio-button {
    height: 4.5em;
    width: 29em;
    font-weight: 700;
}

.logo-contenido {
    position: absolute;
    left: -5px;
    height: calc(100% + 10px);
}

.hr-table {
    margin: .5em -.75rem;
    border-top: 1px solid var(--tdp-bg-dark);
}

.btn-table {
    background-color: var(--tdp-bg-dark);
    width: 8.5em;
    border-radius: 1em;
    color: #fff;
    padding: .1em 1.5em;
    transition: all 0.3s;
}

    .btn-table:hover {
        background-color: var(--tdp-bg-dark-hover);
        color: #fff;
    }

    .btn-table.verde {
        background-color: #005400;
    }

        .btn-table.verde:hover {
            background-color: #005400;
        }

.table-verde {
    --tdp-bg-dark: var(--color-line-3);
    --tdp-bg-dark-hover: var(--color-line-1);
}


.permitir.custom-switch {
    text-align: center;
    padding-left: 0;
    margin-top: .5em;
}

    .permitir.custom-switch .custom-control-label::before {
        right: -4.3em;
        left: auto;
        height: 1.4em;
        top: .1em;
        border-radius: 50em;
        width: 2.5em;
    }

.permitir .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--color-line-2);
    border-color: var(--color-nav);
    background-color: #fff;
}

.permitir.custom-switch .custom-control-label::after {
    right: -3.1em;
    left: auto;
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    top: .15em;
}

.permitir.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--color-line-2);
    transform: translateX(1.2rem);
}

.subirPEDT .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--color-line-3);
    background-color: var(--color-line-3);
}

.required-cont {
    position: relative;
}

    .required-cont::after {
        content: "*";
        position: absolute;
        left: calc(100% - 3.6em);
        top: calc(50% - .7em);
    }

    .required-cont.espacio::after {
        left: calc(100% - 4.5em);
    }

    .required-cont.file::after {
        left: calc(100% - 7.8em);
        z-index: 10;
    }

    .required-cont.normal::after {
        left: calc(100% - 1.4em);
    }


.pre-col-selec2 .select2-container {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    /*margin-right: 1.5em;*/
}

.select2-container .select2-selection--multiple {
    margin-right: 2.3em;
    max-height: 2.5em;
}

.select2-selection {
    cursor: pointer !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 15em;
    border: 1px solid #dee2e6;
    overflow: auto;
}

.select2-selection.select2-selection--multiple::after {
    content: "";
    position: absolute;
    right: 0;
    height: 2.1em;
    width: 2.1em;
    transition: transform 0.3s;
    background-image: url(img/Botones/flechaSelect.svg);
    background-size: contain;
}

.select2-container--open .select2-selection.select2-selection--multiple::after {
    transform: rotate(180deg);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

/*.select2-container--default .select2-selection--multiple .select2-selection__rendered li,
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}*/

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #dee2e6;
    max-height: 2.5em;
    overflow: auto;
}

.select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #0000000a;
    border: none;
}

.checkmark-si-no {
    position: absolute;
    right: -1.7em;
}

    .checkmark-si-no::after {
        content: 'sí';
        position: absolute;
        left: 3.8em;
    }

.title-border {
    top: -.7em;
}

.julianColor {
    background-color: #fff;
    color: #fff;
    opacity: 0.5;
}

.navbar {
    margin-bottom: 0 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.content-resultado-bienestar {
    border: solid 1px var(--color-nav-usuarios);
    color: var(--color-nav-usuarios);
    border-radius: 2em;
    padding: .8em;
    --tdp-bg-dark: var(--color-nav-usuarios);
}

.modal-backdrop.show:nth-child(odd) {
    opacity: 0;
}

.carousel-texto {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 3em;
    padding-top: 3em;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 7);
    background: -moz-linear-gradient(top, rgba(0,0,0,7) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,7)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,7) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,7) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,7) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,7) 0%, rgba(0,0,0,0) 100%);
}

dd {
    margin-bottom: 0;
}

/**------------------Header--------------------**/

.headerIns {
    flex-grow: 2;
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
}

    .headerIns div {
        text-align: center;
    }


.RedesHeader {
    flex-grow: 1;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.LogoHeader {
    flex-grow: 1;
    padding-top: 20px;
    padding-bottom: 10px;
}

.parrafoHeader {
    flex-grow: 1;
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .parrafoHeader > p {
        max-width: 20em;
    }

.BotonNavegacion {
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
}

.NavLabel {
    font-size: 12px;
}

.NavLabel1 {
    font-size: 10px;
}

#DescripcionNR h2 {
    line-height: 0.7;
}


/* No es una fuente que se use en el diseño */
/*#DescripcionNR span {
    font-family: Arial !important;
}*/

#DescripcionNR span strong {
    font-weight: inherit !important;
}

/*------------Emergente---------------------*/


.CuadroEmergente {
    text-align: center;
    border: 2px solid gray;
    border-radius: 30px;
    border-color: #2A225D;
    padding: 16px;
    width: 325px;
}

.TituloEmergente {
    color: #049100;
    text-transform: uppercase;
    /*padding-bottom: 16px;*/
    font-size: 1.6em;
    /*font-weight: bolder;*/
}

.TablaEmergente {
    width: -webkit-fill-available;
    border-collapse: collapse;
    border-spacing: 0;
}


    .TablaEmergente td {
        width: 50%;
        border: 1px solid #000;
    }

    .TablaEmergente tr:first-child th {
        border-top: none;
    }

    .TablaEmergente tr:last-child thead td {
        border-bottom: none;
    }

    .TablaEmergente td:first-child {
        border-left: none;
        border-top: none;
    }

    .TablaEmergente td:last-child {
        border-right: none;
        border-top: none;
    }


.circle {
    background-color: #2A225D;
    text-align: center;
    font-size: 14pt;
    border-radius: 10px;
    padding: 0px 11px;
    color: white;
}

.CenterCenter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.titNuesRed {
    margin-top: 15px;
    align-items: baseline;
}

.titNuesRedContainer {
    padding: 0px 12px;
    margin: 0;
    flex-direction: column !important;
}

.instruccionNR {
    font-size: 11pt;
    padding: 10px 50px;
    font-family: 'Roboto-Light';
}

.tituloActualSomos {
    font-size: 2em;
    font-family: 'Dosis-Medium';
    text-transform: uppercase;
    color: #3F3F3F;
}

.numActualSomos {
    font-size: 45pt;
    width: 100%;
    text-align: center;
    color: #049100;
    line-height: 1.4;
    font-weight: bold;
}

.descActualSomos {
    text-align: center;
}

.ResaltaRosa:hover,
.ResaltaRosa {
    color: #049100 !important;
}

.ConvencionesGroup {
    position: absolute;
    top: 15px;
    z-index: 10;
}

.ConvencionMapa {
    color: #fff;
    /*text-transform: capitalize;*/
    padding: 0px 16px;
    margin: 5px;
    border-radius: 20px;
    text-align: center;
    width: 90%;
}

.ConvencionMapaNo {
    font-size: 10pt;
    color: #5B5B5B;
    /*text-transform: capitalize;*/
    background-color: #D8D8D8;
    padding: 2px 16px;
    margin: 5px;
    border-radius: 20px;
    text-align: center;
    width: 100%;
    font-family: 'Roboto-Light';
}

.cuadroEncimaMapa {
    border: 2px solid;
    border-radius: 30px;
    border-color: #2A225D;
    padding: 10px 16px;
    position: absolute;
    top: 120px;
    background-color: white;
    z-index: 20;
}

.HeadEncimaMapa {
    text-transform: capitalize;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: 'Roboto-Bold';
}

.ventanaEncimaMapa {
    padding: 16px;
    padding-top: 0px;
    height: 180px;
    overflow: scroll;
    overflow-x: hidden;
    /*
CUADRAR LA POSICION ABSOLUTA DE ULTIMAS (CUANDO YA ESTE TODO EL DISEÑO)
position: absolute;
top: -500px;
z-index: 100;
*/
}

    .ventanaEncimaMapa::-webkit-scrollbar {
        width: 8px;
    }

    .ventanaEncimaMapa::-webkit-scrollbar-thumb {
        background: #333063;
        border-radius: 4px;
    }

        .ventanaEncimaMapa::-webkit-scrollbar-thumb:hover {
            background: #2A225D;
        }

    .ventanaEncimaMapa::-webkit-scrollbar-track {
        background: #e1e1e1;
        border-radius: 4px;
    }

        .ventanaEncimaMapa::-webkit-scrollbar-track:active {
            background: #d4d4d4;
        }

.listaMapa {
    list-style: none;
    padding: 0px;
}

    .listaMapa li::before {
        content: "\2022";
        color: #049100;
        padding-right: 10px;
        font-size: 20px;
        line-height: 25px;
        vertical-align: -1px;
        width: 15px;
    }

        .listaMapa li::before:hover {
            color: white;
        }


    .listaMapa li {
        cursor: pointer;
        border-top: 1px solid black;
        padding: 5px;
        font-size: 11pt;
    }

        .listaMapa li:hover {
            background-color: #2A225D;
            color: white;
        }

.cuadro2EncimaMapa {
    border: 2px solid;
    border-radius: 30px;
    border-color: #2A225D;
    padding: 10px 16px;
    position: absolute;
    top: -500px;
    background-color: white;
    z-index: 30;
    max-height: 350px;
    overflow: scroll;
}

.HeadVenEncima {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #2A225D;
    font-family: "Roboto-Bold";
}

.descHeadVenEncima {
    font-size: 10pt;
    font-family: "Roboto-Light";
    font-weight: 600;
}

.TextoVenEncima {
    padding-bottom: 1rem !important;
    font-size: 10pt;
    font-family: "Roboto-Light";
}

.SubtitleMorado {
    color: #2A225D;
    padding-top: 10px;
    font-size: 10pt;
    font-family: "Roboto-Bold";
}

    .SubtitleMorado p {
        font-size: 10pt;
        margin: 0;
    }

.NuestraRedTitulo {
    font-family: 'Dosis-Medium';
    text-transform: uppercase;
}

.monoLogo {
    height: 150px;
}

.imgLogo {
    height: 100px;
}


/*--------------------------------*/
.resaltaVerde {
    color: #33A523;
    font-family: 'Roboto-BoldCondensed', sans-serif;
}

.descripcionAquiPodras {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Dosis-Medium';
    line-height: 1;
}

.descripcionAquiPodras1 {
    font-size: 20pt;
}

.descripcionAquiPodras2 {
    font-size: 17pt;
}

.descripcionAquiPodras3 {
    font-size: 18pt;
}

.DespQuieresConsultar {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .DespQuieresConsultar label {
        margin-right: 3%;
        font-size: 0.8em;
        color: #3c3c3c;
        font-weight: 600;
    }

    .DespQuieresConsultar select {
        width: 100%;
        overflow: hidden;
        border-color: #b9b9b9;
        border-radius: 50rem;
        padding: 2%;
        font-size: 0.8em;
        text-align: center;
        color: #676767;
        font-weight: 600;
        padding-right: 12%;
    }



    /*---------------------------------------*/

    .DespQuieresConsultar select {
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari and Chrome */
        appearance: none;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url('img/Botones/Asset_1flecha_select.svg');
        background-position: 98% center;
        background-size: auto 75%;
        background-repeat: no-repeat;
    }

        .DespQuieresConsultar select:focus {
            background-image: url('img/Botones/Asset_2flecha_select.svg');
            background-position: 98% center;
            background-size: auto 75%;
            background-repeat: no-repeat;
        }


.selectNivel {
    display: block;
    padding: 5px 25px 5px 5px;
    border: 1px solid gray;
    width: -webkit-fill-available;
    border-radius: 20px;
    margin-left: 10px;
}

    .selectNivel option {
        border: 1px solid gray;
        border-radius: 10px;
    }

#select-lb {
    width: 50%;
    height: 40px;
    position: relative;
    background: #fff;
    border: none;
    font-size: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
    margin: 0;
}

    #select-lb p::before {
        content: "1,2";
        font-size: 30px;
        border-radius: 20px;
        border: 1px solid gray;
    }

    #select-lb p::after {
        content: "<";
        position: absolute;
        width: 40px;
        height: 40px;
        background: #53a315;
        border-radius: 20px;
        top: 0;
        right: 0;
        font-size: 40px;
        transform: rotate(-90deg);
        display: flex;
        justify-content: center;
        align-items: center;
    }

/**/

.imgComadreGuia {
    position: relative;
}

    .imgComadreGuia::before {
        content: "";
        top: -7px;
        right: -2em;
        position: absolute;
        height: 2.5em;
        width: 2.5em;
        background: url('img/Comadre_guia/pie-comentario.svg') no-repeat center / contain;
    }

.top---65 {
    position: absolute;
    top: -.65em;
}


.mt-n2em {
    margin-top: -2.3em;
}

.img--12em > img {
    height: 14.3em;
}

.BtnHablaConNosotros2 {
    position: fixed;
    bottom: 3.5em;
    right: 1em;
    z-index: 100;
}

    .BtnHablaConNosotros2 > img {
        height: 5em;
    }

#modalChat {
    width: 28em;
    position: fixed;
    bottom: 2em;
    right: 7em;
    box-shadow: 2px 2px 8px -2px black;
    z-index: 100;
}

.h-2em {
    height: 2em;
}


.clsSegundaPregunta {
    position: relative;
    padding-left: 2em;
}

    .clsSegundaPregunta::before {
        content: "";
        border: solid 1px var(--color-line-1);
        border-radius: 50%;
        height: 1em;
        width: 1em;
        display: block;
        position: absolute;
        left: .5em;
        top: .55em;
    }

    .clsSegundaPregunta:hover::after {
        content: "";
        background-color: var(--color-line-1);
        border-radius: 50%;
        height: 1em;
        width: 1em;
        display: block;
        position: absolute;
        left: .5em;
        top: .55em;
        animation-duration: .5s;
        animation-name: AnimatedOpen;
    }

.max-chat {
    max-height: 6em;
    min-height: 2em;
}

.steward {
    max-height: 24em;
    overflow: auto;
    display: block;
}

/*---------------Asi incidimos------------------------*/

.info-video {
    background-color: #441f14;
    color: #fff;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0.95rem;
    font-family: 'Roboto-BoldCondensed';
    font-size: 1.3em;
    padding: 0.1em 0.5em;
    max-width: calc(100% - 1.45em)
}

.captionAsiIncidimos {
    bottom: auto;
    top: -1.5em;
    margin-bottom: 0;
}

    .captionAsiIncidimos li {
        border: solid 1px var(--btn-color-txt);
        border-radius: 50%;
        height: 1em;
        width: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .captionAsiIncidimos li:active {
            transform: scale(0.95);
        }

        .captionAsiIncidimos li.active {
            transition: all 0.3s;
        }

            .captionAsiIncidimos li.active::before {
                content: "";
                display: block;
                height: calc(1em - 2px);
                width: calc(1em - 2px);
                background-color: var(--btn-color-txt);
                border-radius: 50%;
            }

.cDescripcionWrapper {
    background-color: #770E0E;
    width: 100%;
    color: #fff;
    z-index: 100;
    position: absolute;
    bottom: -1.3em;
    transition: all 0.3s;
}

    .cDescripcionWrapper a {
        color: #441f14;
        font-family: 'Roboto-BoldCondensed';
        font-size: 1.4em;
    }

.ver-mas-contenidos {
    color: #441f14;
    font-weight: 700;
    display: block;
}

    .ver-mas-contenidos:hover {
        color: #441f14;
    }

.paso {
    --color-paso: var(--color-nav-usuarios);
}

    .paso:disabled {
        --color-paso: #b0b0b0;
    }

.paso {
    font-size: 1.2em;
    background-color: var(--color-paso);
    color: #fff;
    border: none;
    border-radius: 50%;
    --alto: 2em;
    width: var(--alto);
    height: var(--alto);
    transition: all 0.3s;
    position: relative;
}

    /*.paso:hover {
        background-color: hsl(248, 46%, 17%);
        background-color: #a4a4a4;
    }*/

    .paso:not(:disabled):hover {
        background-color: hsl(248, 46%, 17%);
    }

    .paso:not(:first-child)::before {
        content: "";
        height: .3em;
        width: 1.1em;
        right: 100%;
        top: calc(50% - .15em);
        position: absolute;
        transition: all 0.1s;
        background-color: var(--color-paso);
    }

.carousel:hover .cDescripcionWrapper {
    background-color: #f7bd79;
    color: #441f14;
    transform: translateY(-1.3em)
}

.cDescripcion {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0.5em;
    overflow: hidden;
}

.btn-regresar {
    position: absolute;
    right: .5em;
    top: .5em;
    font-family: 'Dosis-Medium', sans-serif;
}

.imgCuadroRotativo_Wrapper {
    height: 100%;
}

.ButonAsiIn {
    border-radius: 50rem;
    color: #441F15;
    box-shadow: 4px 2px 5px #9e9e9e;
    font-family: 'Roboto-Bold';
}

.LinkAsiIn {
    cursor: pointer;
}

    .LinkAsiIn:hover,
    .LinkAsiIn:active {
        text-decoration: none !important;
        color: #441F15 !important;
    }

.wrapperRotativo {
    /*height: 210px;*/
    overflow: hidden;
}

.cuadroRotativo {
    position: relative;
    height: 220px;
}

/*-------------------ver documento----------------------------*/

.iconosVer {
    display: flex;
    justify-content: center;
    max-width: 900px;
    padding: 2rem;
}

.BtnTipoDocumentos {
    margin: 0 2.6%;
}

.TablaPorTipo {
    color: #441F15;
    font-family: "Roboto-Light";
    border-radius: 20px;
    margin-bottom: 1px;
    width: 100%;
    border-collapse: collapse;
}

    .TablaPorTipo td {
        font-family: "Roboto-Light";
        color: #441F15;
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
        font-size: 0.85em;
        font-weight: 600;
        border: 1px solid #441F15;
        border-bottom: none;
        padding: 4px 0.5%;
    }

    .TablaPorTipo th {
        background-color: #441F15;
        color: #fff;
        font-size: 0.85em;
        text-align: center;
        font-weight: 500;
        border: 1px solid white;
        border-right-width: 1px;
        padding: 4px 5%;
    }

    .TablaPorTipo tr:first-child th {
        border-top: none;
    }

    .TablaPorTipo tr:last-child td {
        border-bottom: none;
    }

    .TablaPorTipo th:first-child,
    .TablaPorTipo td:first-child {
        border-left: none;
    }

    .TablaPorTipo th:last-child,
    .TablaPorTipo td:last-child {
        border-right: none;
    }


    .TablaPorTipo tbody tr td {
        transition: all 0.3s;
    }

    .TablaPorTipo tbody tr:hover td {
        background-color: #F7BE79;
    }

    .TablaPorTipo tbody tr:hover:last-child td:last-child {
        border-bottom-right-radius: 20px;
    }

    .TablaPorTipo tbody tr:hover:last-child td:first-child {
        border-bottom-left-radius: 20px;
    }

    .TablaPorTipo thead {
        background-color: #441F15;
    }

    .TablaPorTipo a,
    .TablaPorTipo a:hover {
        color: #fff;
    }

    .TablaPorTipo th:last-child {
        border-right-color: #441F15;
    }

.tablaPorTipoTitulo {
    text-align: center;
    padding: 0.5em 2em;
}

.tablaPorTipoWrapper {
    text-align: center;
    border: 1px solid #441F15;
    border-radius: 20px;
    width: 100%;
    max-width: 600px;
}

.max-600 {
    max-width: 600px;
}

/*#Comentidoseleccionado {
    display: flex;
    flex-direction: column;
    align-items: center;
}*/

.RegresarDocs {
    position: absolute;
    right: 1rem;
    min-width: 40px;
    max-width: 60px;
}

.hablaNosotrosDocs {
    position: absolute;
    right: 1rem;
    min-width: 50px;
    max-width: 90px;
    bottom: 2rem;
}

.btnVisualizarDocumento {
    border: none;
    background: none;
}

.modalContenido {
    width: 70%;
}

.table thead th {
    border-bottom-width: 0px;
}


.modal-content {
    border: none;
}

.ButonAsiInWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.max-100 {
    max-width: 100%;
}

.max-55 {
    max-width: 55em;
    margin-left: auto;
    margin-right: auto;
}

.grid-3,
.grid-4 {
    display: grid;
    grid-column-gap: 3em;
    grid-row-gap: 1em;
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.recuadroNoticia {
    width: 300px;
    height: 200px;
    margin-right: 25px;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .recuadroNoticia:last-child {
        margin-right: 0px;
    }

.recuadroNoticiaImgWra {
    height: 100%;
    position: relative;
}

.recuadroNoticiaDesc {
    /*position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;*/
    background-color: #F7BE79;
    color: #441F15;
    line-height: 1.2;
    padding: .2em;
}

.text-vinotinto {
    color: #441F15;
}

.img-incidimos {
    height: 8.5em;
    object-fit: cover;
}

.esPrivadoAviso {
    position: absolute;
    color: #fff;
}

    .esPrivadoAviso > span {
        font-weight: 700;
        display: block;
        transform: translateX(-1em) rotate(-45deg) translateY(2em);
    }

    .esPrivadoAviso::before {
        content: "";
        width: 0;
        height: 0;
        border-right: 50px solid transparent;
        border-top: 50px solid var(--color-line-azul-hover);
        border-left: 50px solid var(--color-line-azul-hover);
        border-bottom: 50px solid transparent;
        position: absolute;
        z-index: -1;
    }

/* Minga virtual */
.border-marron {
    border-color: #966238 !important;
}

.text-marron {
    color: #966238;
}

.bg-marron {
    background-color: #966238;
}

.imgMinga {
    height: 8em;
    left: 0;
    top: .4em;
}

.fsConstruccionTitle {
    font-size: 4em;
}

.fsConstruccion {
    font-size: 1.85em;
}

.lineaMingaBefore::before,
.lineaMingaAfter::after {
    content: "";
    background-color: #966238;
    height: .3rem;
    width: 100%;
    display: block;
}

.lineaMingaAfter::after {
    position: absolute;
    bottom: -3px;
    width: calc(100% - 1.1em);
}

.icono-minga > img {
    transition: all 0.3s;
}

.icono-minga:hover > img {
    transform: scale(1.05);
}

.icono-minga > strong {
    height: 122px;
}

.h-76em {
    height: 7.6em;
}

.btn-saberes {
    height: 5.5em;
}

    .btn-saberes > .logo-contenido {
        height: 100%;
        left: 0;
    }

    .btn-saberes > span {
        padding-left: 6.5em;
    }

/* Lineas azules */

.lienas-azules {
    display: flex;
    width: 100%;
}

    .lienas-azules > span {
        flex-grow: 1;
        height: .8em;
    }

        .lienas-azules > span:nth-child(2n+1) {
            background-color: #1376c5;
        }

        .lienas-azules > span:nth-child(2n+2) {
            background-color: #87a7ff;
        }

.text-emisoras {
    color: #1376c5;
}

.botones-emisoras {
    height: 5em;
    width: 11em;
}

.BuscarTexto {
    border: 1px solid #441F15;
    border-radius: 20px;
    margin-right: 5px;
    padding: 0px 10px;
    width: 100%;
}

/*.pagedWrapper ul li a {
    display: block;
    font-weight: bold;
    color: black !important;
}

.pagedWrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 600px;
}

    .pagedWrapper ul .PagedList-skipToNext a {
        content: url("img/Botones/pagerFlecha.svg");
        width: 15px;
        height: 15px;
    }

    .pagedWrapper ul .PagedList-skipToPrevious a {
        content: url("img/Botones/pagerFlechaAnt.svg");
        width: 15px;
        height: 15px;
    }

    .pagedWrapper ul .PagedList-skipToPrevious,
    .pagedWrapper ul .PagedList-skipToNext {
        background: none !important;
    }

    .pagedWrapper ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #e0e0e0;
        color: black !important;
        margin: 3px;
        width: 24px;
        height: 24px;
        text-align: center;
    }

    .pagedWrapper ul .active {
        background-color: #441f15 !important;
        color: white !important;
    }

        .pagedWrapper ul .active a {
            color: white !important;
        }

    .pagedWrapper ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }*/


/*---------------------- REPORTE DE INDICADORES DE USO ----------------------*/

.cantidadNumeros {
    width: max-content;
}

    .cantidadNumeros > img,
    .cantidadNumeros + label {
        width: 20em;
    }

    .cantidadNumeros > .numeros {
        color: #005400;
        height: 5rem;
        width: 13rem;
        top: 1.1rem;
        left: 2em;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3em;
        font-family: 'Dosis-Medium';
    }

    .cantidadNumeros > .numerosMinutos,
    .cantidadNumeros > .numerosSegundos {
        color: #005400;
        height: 3.1rem;
        width: 5rem;
        top: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3em;
        font-family: 'Dosis-Medium';
    }

    .cantidadNumeros > .numerosMinutos {
        left: 2.45em;
    }

    .cantidadNumeros > .numerosSegundos {
        left: 4.25em;
    }

    .cantidadNumeros.descarga > .numeros {
        color: var(--tdp-bg-dark);
    }

.table .thead-green th {
    color: #fff;
    background-color: #005400;
    border-color: #fff !important;
}

    .table .thead-green th a,
    .table .thead-green th a:hover {
        color: #fff;
    }

    .table .thead-green th:last-child {
        border-right-color: #005400 !important;
    }

    .table .thead-green th:first-child {
        border-left-color: #005400 !important;
    }

.table-bordered.table-bordered-green td,
.table-bordered th {
    border: 1px solid #005400;
}

.table.table-padding td {
    padding: .25em;
}

.table.table-padding th {
    padding: .5em;
}

.color-verde {
    color: #049100;
}

.border-verde {
    border-color: #005400 !important;
}

.table-paddin--1 .table-responsive {
    width: calc(100% + 2px);
    margin: -1px;
    margin-top: 0;
}
/*---------------------------------------------*/
.todosTestimoniosWrapper {
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

/*.testimonio {
    width: 300px;
    height: 200px;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}*/

.testimonioIframe {
    width: 100%;
    border: none;
}

/*.btnVerContenido {
    width: 100%;
    background: #F7BE79;
    border: none;
    color: #441F15;
    font-family: 'Roboto-Bold';
    position: absolute;
    bottom: 24px;
}*/

.testimonioFecha {
    width: 100%;
    text-align: center;
    /*position: absolute;
    bottom: 0;*/
}

.videoEmbebidoNot {
    width: 80%;
}

.videoEmbebidoNotWr {
    width: 100%;
}

/*-------------------------------------noticias------------------------------------*/

.autorDescrp {
    font-family: 'Roboto-regular';
    font-size: 13pt;
    color: #441F15;
}

.cajaDescrp {
    display: flex;
    background-color: #EDEDED;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
    font-family: 'Roboto-light';
    width: 100%;
    text-align: justify;
    max-width: 800px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 8%;
    padding-right: 5%;
    font-size: 0.85em;
}

.desNotWrapper {
    position: relative;
    margin-bottom: 5%;
}

.fechaDescrp {
    font-family: 'Roboto-Regular';
    font-size: 13pt;
    color: #441F15 !important;
}

    .fechaDescrp::before {
        content: "Fecha de publicación:";
        font-family: "Roboto-regular";
        font-size: 13pt;
        color: #441F15 !important;
    }

.tituloDescrp {
    font-size: 15pt;
    border-radius: 20px;
    background-color: #441F15;
    color: #fff;
    font-family: 'Dosis-Medium';
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    .tituloDescrp.verde {
        background-color: #005400;
    }

.textoDescrp {
    color: #000;
    font-family: 'Roboto-Regular';
    font-size: 13pt;
    padding: 2rem;
    max-width: 900px;
}

.logoDescpNot {
    height: 100%;
    position: absolute;
    left: -1em;
}

.comentarioNoticiaInput {
    border-color: #441f15;
    border-radius: 40px;
    width: 100%;
    color: #441f15;
    font-family: 'Roboto-regular';
    padding-left: 5rem !important;
    padding-right: 1rem !important;
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    border: 2px solid;
    margin-bottom: 0.5em;
}

    .comentarioNoticiaInput.verde {
        border-color: #005400;
    }

.comentarioNoticiaInput2 {
    border-color: #9e928f !important;
    border-radius: 40px;
    width: 100%;
    color: #441f15;
    font-family: 'Roboto-regular';
    padding: 0.5em;
    border: 2px solid;
    margin-bottom: 0.5em;
}


.comentarioNoticia {
    border-color: #441f15;
    border: 1px solid;
    border-radius: 30px;
    width: 100%;
    color: #441f15;
    font-family: 'Roboto-regular';
    padding: 1em;
    margin-bottom: 0.5em;
}

.eliminarwrp {
    position: relative;
}

.btnEliminar:not(.no-styles) {
    position: absolute;
    right: -5%;
    top: 10px;
    height: 35px;
    width: 35px;
}

.comentarioNoticia ::-webkit-input-placeholder {
    color: #441f15;
    content: "Agrega un comentario";
}

.iconoComentario {
    position: absolute;
    height: 70%;
    top: -10%;
}

.botonComentario {
    border-radius: 20px;
    background-color: #441f15;
    color: #fff;
    /*padding-left: 3rem;
    padding-right: 3rem;*/
}

.botonComentario:hover {
    color: #fff;
}

    .botonComentario.verde {
        background-color: #005400
    }

.videoDetalle {
    width: 70%;
    min-height: 350px;
}

.publicarComentario {
    width: 100%;
    margin-bottom: 0 !important;
}

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

    .aRegresarW a {
        position: absolute;
        top: 20px;
        right: 1em;
    }

.region_open:hover {
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .tituloActualSomos {
        font-size: 1.5em;
    }
}

@media (min-width: 992px) {
    .animateComadreGuia {
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-name: comadreGuia;
    }

    @keyframes comadreGuia {
        to {
            transform: scale(1.2);
        }
    }
}

@media (max-width: 991px) {
    .tituloActualSomos {
        font-size: 2em;
    }

    .modalContenido {
        width: 90%;
    }

    .cuadroRotativo {
        width: 400px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .cajaDescrp {
        margin-left: 10%;
    }

    .videoDetalle {
        width: 100%;
    }

    .grid-3,
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ml-cifras-np {
        margin-left: 0;
    }

    .mr-cifras-np {
        margin-right: 0;
    }

    .navbar-light .navbar-nav .nav-link img {
        display: none;
    }

    .navbar-light .navbar-nav .nav-link {
        border-bottom: dashed 1px var(--color-line-3);
    }

    .separador-navbar-a {
        display: none;
    }
}

@media (max-width: 767px) {


    .cuadroEncimaMapa {
        max-height: 350px;
    }

    .ventanaEncimaMapa {
        height: 180px;
    }

    .cuadroRotativo {
        width: 400px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .logoDescpNot {
        opacity: 0.09;
    }

    .videoDetalle {
        min-height: 250px;
    }

    .bg-camino {
        background: none;
        overflow: hidden;
    }

        .bg-camino::before {
            content: "";
            background-image: url(img/index/Camino_de_la_palabra/franja_vertical.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            transform: rotate(90deg);
            height: 40%;
            width: 3.5em;
            display: block;
            position: absolute;
            left: 46%;
        }
}

@media (max-width: 575px) {

    .ConvencionesGroup {
        width: 50%;
    }

    .tituloActualSomos {
        font-size: 1.5em;
    }

    .cuadroEncimaMapa {
        max-height: 265px;
        width: -webkit-fill-available;
        padding: 0;
    }

    .subTitVentanaAbajo {
        font-size: 10pt;
    }

    .ConvencionMapa {
        font-size: 9pt;
    }

    .ventanaEncimaMapa {
        max-height: 100px;
    }

    .monoLogo {
        height: 90px;
    }

    .imgLogo {
        height: 90px;
    }

    .parrafoHeader {
        font-size: 8pt;
    }

    .CuadroEmergente {
        width: 100%;
    }

    .recuadroNoticia {
        margin-left: 0;
        margin-right: 0;
    }

    .descripcionAquiPodras1 {
        font-size: 15pt;
    }

    .descripcionAquiPodras2 {
        font-size: 13pt;
    }

    .descripcionAquiPodras3 {
        font-size: 14pt;
    }

    .cuadroRotativo {
        width: 400px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .WrapperTodasNoticias {
        flex-direction: column;
    }

    #modalChat {
        width: 100%;
        right: 0;
        bottom: 9em;
    }

    .textoDescrp {
        padding: 0.5em;
    }

    .grid-3,
    .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .w-sm-5em {
        width: 5em;
    }

    .fsConstruccionTitle {
        font-size: 3em;
    }

    .headerIns {
        padding: 0 10px;
    }

    .fs-2_76em {
        font-size: 2.46em;
    }

    .fs-4_45em {
        font-size: 4em;
    }

    .padding-movil-minga {
        padding-top: 4em;
    }

    .info-login {
        max-width: 100%;
    }

    .form-group * {
        max-width: 100%;
    }
}

@media (min-width: 1400px) {
    .imgLogo {
        height: 120px;
    }
}


/*
*
*   mirar como solucionar esto de mejor manera
*
*/

.acho-para-el-select > .select2 {
    flex-grow: 1;
}

.width-100-3em {
    width: calc(100% - 3em);
}