html {
    min-height: 100%;
    position: relative;
}

body {
    background-color: #fff;
}

a {
    color: #7b0506;
}
a:hover{
    color: #7b0506;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f3f7f9;
    opacity: 1;
    cursor: no-drop;
}
.form-control {
    border: 1px solid #b7b7b7 !important;
}

.single-hero-slide::after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -5;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    content: '';
}
.col-form-label {
    font-family: 'Mirai-Light' !important;
}

.btn {
    text-transform: none;
}

.cabecera {
    padding: 10px;
    text-align: left;
}

    .cabecera .img-titulo {
        max-width: 220px;
        height: auto;
        width: 100%;
        margin: 20px 0px;
    }

    .cabecera h1 {
        display: inline;
    }

.portada {
    width: 100%;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container .icono-redes {
    text-align: right;
    margin: 10px 0px;
}

    .container .icono-redes a img {
        width: 60px;
        height: auto;
    }

.container .contenido {
}

    .container .contenido .titulo0 {
        font-family: 'moon_get-Heavy' !important;
        font-size: 30px;
        color: #9e3234 !important;
        margin-bottom: 5px;
    }

.bg-gradients-guinda {
    position: relative;
    width: 10%;
    height: 5px;
    background: #9e3234;
    margin-bottom: 20px;
}

.container .contenido .titulo1 {
    font-family: 'OpenSans-ExtraBold';
    font-size: 25px;
    color: #333333;
    margin-bottom: 20px;
}

.container .contenido .titulo2 {
    font-family: 'OpenSans-Regular';
    font-size: 25px;
    color: #333333;
    margin-bottom: 20px;
}

    .container .contenido .titulo2 span {
        color: #9e3234;
    }

.container .contenido .titulo span {
    font-weight: bold;
}

.container .contenido .entidad {
    font-family: arial,sans-serif;
    font-size: 30px;
    color: #a9a9a9;
    margin-bottom: 40px;
}


.centrar-texto {
    text-align: center;
}

.linea-plomo {
    width: 100%;
    background: #dddddd;
    height: 5px;
    margin: 0px 0px;
    border-radius: 0px;
}

.error-desc {
    color: #721c24;
    font-size: 22px;
}

@media (min-width: 576px) {
    .container {
        max-width: 1140px;
    }
}

@media only screen and (max-width: 640px) {
    .container .contenido .titulo0 {
        font-size: 20px;
    }

    .container .contenido .titulo1 {
        font-size: 18px;
    }

    .container .contenido .titulo2 {
        font-size: 18px;
    }

    .container .icono-redes a img {
        width: 41px;
        height: auto;
    }

    .linea-plomo {
        height: 8px;
    }

    .error-desc {
        font-size: 18px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

.pie-pagina {
    background: #FFF;
    bottom: 0px;
    /*top: 100%-80px;*/
    position: absolute;
    width: 100%;
}

    .pie-pagina .copy {
        font-size: 16px;
        font-family: 'Mirai-Light';
        margin-bottom: 4px;
    }

    .pie-pagina .title-pie {
        font-family: 'Mirai-Bold';
        font-size: 24px;
        letter-spacing: 4pt;
        color: #717171;
        font-weight: 800;
    }

    .pie-pagina .item-pie {
        font-family: 'Mirai-Medium';
        font-size: 16px;
        color: #000;
        display: block;
    }

        .pie-pagina .item-pie:hover {
            text-decoration: underline;
        }

    .pie-pagina .cuerpo-pie {
        max-width: 1140px;
        width: 100%;
        margin: auto;
    }

.powered {
    background: #fff;
    margin-top: 2rem;
}

    .powered .titulo {
        font-family: 'Mirai-Medium';
        font-size: 42px;
        color: #000;
        font-weight: 900;
        text-align: center;
        max-width: 800px;
        width: 100%;
        margin: auto;
    }

    .powered .subtitulo {
        font-family: 'Mirai-Medium';
        font-size: 18px;
        color: #000;
        font-weight: 800;
        text-align: center;
        margin-top: 5px;
    }

        .powered .subtitulo a {
            color: #8C1010;
        }

    .powered .icon-powered {
        width: auto;
        max-width: 200px;
        text-align: center;
        height: 90px;
        object-fit: contain;
    }

    .powered .text-powered {
        margin-bottom: 0px;
        font-weight: 700;
        margin-top: 20px;
    }

@media only screen and (max-width: 767px) {
    .pie-pagina {
        height: auto;
    }
}
/*********************FIN CONTENIDO CORUCEL TENDENCIAS****************/
.margen-tendencia-content {
    margin-top: -160px;
}

.tendencia-content {
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    border: 5px solid #ddd;
    border-radius: 20px;
    z-index: 1;
}

.tendencia-body {
    padding: 20px 10px;
}

    .tendencia-body .content-img {
        line-height: 200px;
        text-align: center;
        height: 250px;
        overflow: hidden;
    }

        .tendencia-body .content-img img {
            width: 100%;
            transition: all .5s ease 0s;
            object-fit: cover;
            background-size: cover;
            height: 300px;
        }

    .tendencia-body .content-text h1 {
        font-family: 'Mirai-Medium';
        font-weight: 600;
        font-size: 30px;
        color: #000;
    }

    .tendencia-body .content-text p {
        font-family: 'Mirai-Medium';
        font-size: 16px;
        color: #000;
    }

        .tendencia-body .content-text p a {
            color: #850E0F;
            text-decoration: underline;
        }



.tendencia-content .carousel-control-prev-icon,
.tendencia-content .carousel-control-next-icon {
    height: 40px;
    width: 40px;
    outline: #7B0506;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid #7B0506;
    background: #7B0506;
    background-image: none;
}

    .tendencia-content .carousel-control-next-icon:after {
        content: '❯';
        font-size: 25px;
        color: #fff;
    }

    .tendencia-content .carousel-control-prev-icon:after {
        content: '❮';
        font-size: 25px;
        color: #fff;
    }

.tendencia-content .carousel-control-next, .carousel-control-prev {
    width: initial;
}

.tendencia-content .carousel-indicators li {
    background-color: #7B0506;
}

.tendencia-content .creador-peticion {
    line-height: 50px;
}

.descatados-carousel .notificacion-span {
    background: linear-gradient( 90deg, #ab3435 0%, #870E0F 50%, #850E0F 100%) !important;
    font-size: 16px;
    color: #FFF;
    padding: 6px 20px;
    display: inline-block;
    border-radius: 18px;
    font-family: 'Mirai-Medium';
    position: absolute;
    margin: 10px -45px;
    z-index: 10;
}

.tendencia-content .creador-peticion h2 {
    font-family: 'Mirai-Bold';
    font-size: 18px;
    color: #000;
    vertical-align: middle;
    margin-top: 6px;
    margin-bottom: 0px;
}

.tendencia-content .creador-peticion h6 {
    font-family: 'Mirai-Light';
    font-size: 14px;
    color: #000;
    vertical-align: middle;
}

.tendencia-content .creador-peticion h3 {
    font-family: 'Mirai-Light';
    font-size: 15px;
    color: #000;
}

.btn-apoyar {
    background: #7b0506;
    color: #fff;
    border-radius: 19px;
    padding: 3px 30px;
    padding-bottom: 5px;
    font-family: 'Mirai-Medium';
    font-size: 18px;
    border: 2px solid #7b0506;
    -webkit-box-shadow: 2px 3px 5px 0 #babbbd;
    -moz-box-shadow: 2px 3px 5px 0 #babbbd;
    -o-box-shadow: 2px 3px 5px 0 #babbbd;
    -ms-box-shadow: 2px 3px 5px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    /*animation: sombra-apoyo 1.5s infinite;*/
}

    .btn-apoyar:hover {
        background: #FFF;
        color: #7b0506;
    }

@keyframes sombra-apoyo {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px #92070a78;
        -moz-box-shadow: 0px 0px 0px 1px rgb(146 7 10 / 47%);
        box-shadow: 0px 0px 0px 1px rgb(146 7 10 / 47%);
    }

    60% {
        -webkit-box-shadow: 0px 1px 0px 5px rgb(146 7 10 / 34%);
        -moz-box-shadow: 0px 1px 0px 5px rgb(146 7 10 / 36%);
        box-shadow: 0px 1px 0px 5px rgb(146 7 10 / 35%);
    }

    100% {
        -webkit-box-shadow: 0px -2px 2px 13px rgb(146 7 10 / 33%);
        -moz-box-shadow: 0px -2px 2px 13px rgb(146 7 10 / 26%);
        box-shadow: 0px -2px 2px 13px rgb(146 7 10 / 28%);
    }
}

.linea-gris {
    width: 100%;
    background: linear-gradient(90deg, #ddd 0%, #ddd 50%, #ddd 100%) !important;
    height: 2px;
    margin: 0px 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
    -moz-box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
    box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
}
/*********************CONTENIDO CORUCEL TENDENCIAS****************/
/*********************MARGENES GENERIGAS****************/
.m-t--15 {
    margin-top: -15px;
}
/********************* FIN MARGENES GENERIGAS****************/
/*********************MARGENES GENERIGAS COLOR****************/
.c-r-gris-2 {
    border: solid #fff 2px;
    border-right-color: #ddd !important;
}

@media only screen and (max-width: 767px) {
    .tendencia-body .content-text h1 {
        font-size: 18px;
    }

    .tendencia-body .content-text p {
        font-size: 12px;
    }

    .tendencia-body .content-img {
        height: auto;
    }

    .tendencia-content .creador-peticion h2 {
        font-size: 14px;
    }

    .tendencia-content .creador-peticion h3 {
        font-size: 12px;
    }

    .btn-apoyar {
        padding: 2px 15px;
        font-size: 14px;
    }

    .c-r-gris-2 {
        border: solid #fff 2px;
        border-right-color: #fff !important;
    }

    .linea-gris-movil {
        width: 100%;
        background: linear-gradient(90deg, #ddd 0%, #ddd 50%, #ddd 100%) !important;
        height: 2px;
        margin: 0px 15px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
        -moz-box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
        box-shadow: 0px 4px 4px -1px rgb(157, 157, 157);
    }
}
/********************* FIN MARGENES GENERIGAS COLOR****************/
.contenido-descripcion-peticion {
    width: 100%;
    height: 174px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.texto_banner {
    position: relative !important;
    z-index: 1 !important;
    margin-top: -400px;
    text-align: center;
}

    .texto_banner h1 {
        font-family: 'Mirai-Bold';
        font-size: 50px;
        color: #000;
        max-width: 800px;
        width: 100%;
        margin: auto;
    }

    .texto_banner p {
        font-family: 'Mirai-Bold';
        font-size: 20px;
        color: #000;
    }

        .texto_banner p a {
            font-family: 'Mirai-Bold';
            color: #850E0F;
        }

.btn-iniciar {
    background: linear-gradient(90deg, #7F0B0C 0%, #870E0F 50%, #850E0F 100%) !important;
    font-size: 16px;
    color: #FFF;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 10px;
    font-family: 'Mirai-Bold';
    transition: 1s ease all;
}

    .btn-iniciar:hover {
        color: #FFF;
        text-decoration: none;
        -webkit-box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 70%);
        -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.7);
        box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 70%);
    }

.btn-login {
    background: #870E0F;
    color: #FFF;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 4px;
    font-family: 'Mirai-Light';
    transition: 1s ease all;
    border: 1px solid #870E0F;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 6px;
}

    .btn-login:hover {
        background: #FFF;
        color: #870E0F;
        text-decoration: none;
    }

.btn-inciar-app {
    background: #ffa800;
    color: #FFF;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 4px;
    font-family: 'Mirai-Light';
    transition: 1s ease all;
    border: 1px solid #ffa800;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 6px;
}

    .btn-inciar-app:hover {
        background: #ee9d01;
        border: 1px solid #ee9d01;
        text-decoration: none;
        color: #FFF;
    }

@media (max-width: 991px) {
    .texto_banner h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .margen-tendencia-content {
        margin-top: -270px;
    }
}

@media only screen and (max-width: 617px) {
    .texto_banner {
        font-size: 28px !important;
        margin-top: -550px !important;
    }
}

@media only screen and (max-width: 496px) {
    .texto_banner {
        margin-top: -550px !important;
    }

        .texto_banner h1 {
            font-size: 26px;
        }

        .texto_banner p {
            font-size: 16px;
        }
}


.icon-simpatizante {
    color: #7B0506;
    animation: girar-user 1.5s infinite;
}

@keyframes girar-user {
    0% {
        transform: rotateY(180deg);
    }

    60% {
        transform-style: preserve-3d;
    }

    100% {
        transform-style: preserve-3d;
    }
}


/*.btn-imagen:hover {
        -webkit-filter: brightness(0.9) grayscale(.1) opacity(.9);
        -moz-filter: brightness(0.9) grayscale(.1) opacity(.9);
        filter: brightness(0.9) grayscale(.1) opacity(.9);
        cursor:pointer;
    }*/


.peticion-content {
    background: #fff;
    position: relative;
    border: 5px solid #ddd;
    border-radius: 20px;
    margin-bottom: 10px;
}

.peticion-content-body {
    padding: 20px 50px;
}

    .peticion-content-body .content-img {
        line-height: 200px;
        text-align: center;
        height: 250px;
        overflow: hidden;
    }

        .peticion-content-body .content-img a img {
            display: block;
            width: 100%;
            object-fit: cover;
            height: 400px;
        }

    .peticion-content-body .content-text h1 {
        font-family: 'din-condensed-bold';
        font-size: 30px;
        color: #000;
    }

    .peticion-content-body .content-text p {
        font-family: 'montserrat-regular';
        font-size: 15px;
        color: #000;
    }

.peticion-content .creador-peticion {
    line-height: 50px;
}

    .peticion-content .creador-peticion h2 {
        font-family: 'din-condensed-bold';
        font-size: 18px;
        color: #000;
        display: contents;
        vertical-align: middle;
    }

    .peticion-content .creador-peticion h3 {
        font-family: 'OpenSans-Regular';
        font-size: 15px;
        color: #000;
    }

@media only screen and (max-width: 767px) {
    .peticion-content {
        margin: 10px;
    }

    .peticion-content-body {
        padding: 20px 10px;
    }

        .peticion-content-body .content-text h1 {
            font-size: 18px;
        }

        .peticion-content-body .content-text p {
            font-size: 12px;
        }

        .peticion-content-body .content-img {
            height: auto;
        }

    .peticion-content .creador-peticion h2 {
        font-size: 14px;
    }

    .peticion-content .creador-peticion h3 {
        font-size: 12px;
    }
}

.btn-mas-peticiones {
    background: #848484;
    color: #fff;
    font-family: 'montserrat-regular';
    font-size: 25px;
    width: 100%;
    max-width: 200px;
    border-radius: 20px;
    margin: 20px;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

    .btn-mas-peticiones:hover {
        background: #7b0506;
        color: #fff;
    }

.logo-footer-contend {
    line-height: 150px;
}

.logo-footer {
    width: 250px;
    vertical-align: middle;
}

.logo-whatsapp {
    width: 110px;
}

@media only screen and (max-width: 767px) {
    .logo-footer-contend {
        line-height: 100px;
    }

    .btn-mas-peticiones {
        font-size: 18px;
    }

    .logo-footer {
        width: 110px;
    }

    .logo-whatsapp {
        width: 70px;
    }
}

.btn_redireccion {
    z-index: 1000;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
}

.ea-salto {
    animation: saltaboton 2s infinite;
    animation-timing-function: ease-in;
    transition: .5s;
}

@keyframes saltaboton {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-12px);
    }

    60% {
        transform: translateX(-6px);
    }
}

@-moz-keyframes saltaboton {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-12px);
    }

    60% {
        transform: translateX(-6px);
    }
}

.paginado-peticion .page-item.disabled .page-link {
    color: #fff;
    pointer-events: none;
    cursor: no-drop !important;
    background-color: rgb(123 5 6 / 35%);
    border-color: #ffffff;
}

.paginado-peticion .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.paginado-peticion .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffffff;
    background-color: #7b0506;
    border: 1px solid #ffffff;
}

.paginado-peticion .page-item:last-child .page-link {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.paginado-peticion .pagination {
    cursor: no-drop;
}

.crear-peticion .title h1 {
    font-family: 'Mirai-Bold';
    font-size: 40px;
    color: #000;
    text-align: left;
    font-weight: 700;
    letter-spacing: -1pt;
}

.crear-peticion .title h2 {
    font-family: 'Mirai-Light';
    font-size: 22px;
    text-align: left;
    color: #9FA0A9;
}

.crear-peticion .tema h1 {
    font-family: 'Mirai-Medium';
    font-size: 20px;
    color: #9D9D9D;
    font-weight: 600;
}

.contenido-bottom {
    width: 100%;
    margin-bottom: 36rem;
}

@media only screen and (max-width: 767px) {
    .crear-peticion .title h1 {
        font-size: 30px;
    }

    .crear-peticion .title h2 {
        font-size: 18px;
    }

    .crear-peticion .tema h1 {
        font-size: 18px;
    }

    .crear-peticion .col-md-3 {
        position: relative;        
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (max-width: 500px) {
    .crear-peticion .title h1 {
        font-size: 20px;
    }

    .crear-peticion .title h2 {
        font-size: 15px;
    }

    .crear-peticion .tema h1 {
        font-size: 15px;
    }
}

.btn-imagen-tema {
    width: 110px;
    height: 110px;
    background: #000;
    border-radius: 50%;
    object-fit: cover;
    padding: 0px 12px;
}

/*7*******************************************************************************77*/
.tema {
    width: 20%;
    text-align: center;
    padding: 10px 5px;
}

    .tema .cc-selector input {
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .tema .cc-selector input:active + .tema-select-cc {
            opacity: .5;
        }

        .tema .cc-selector input:checked + .tema-select-cc {
            -webkit-filter: brightness(0.9) grayscale(.9) opacity(.9);
            -moz-filter: brightness(0.9) grayscale(.9) opacity(.9);
            filter: contrast(100%) sepia(1) hue-rotate(10deg) saturate(400%);
        }

    .tema .tema-select-cc {
        cursor: pointer;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        -webkit-transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
    }

        .tema .tema-select-cc:hover {
            -webkit-filter: brightness(0.9) grayscale(.9) opacity(.9);
            -moz-filter: brightness(0.9) grayscale(.9) opacity(.9);
            filter: contrast(100%) sepia(1) hue-rotate(10deg) saturate(400%);
        }

.btn-next-peticion {
    background: #8D080B;
    color: #fff;
    width: 100%;
    max-width: 200px;
    font-family: 'Mirai-Medium';
    font-weight: 600;
    font-size: 22px;
    border-radius: 8px;
    padding: 9px 10px;
    border: 2px solid #8D080B;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

    .btn-next-peticion:hover {
        background: #FFF;
        color: #8D080B !important;
    }

    .btn-next-peticion:disabled {
        cursor: no-drop;
    }


@media only screen and (max-width: 767px) {
    .btn-next-peticion {
        font-size: 18px;
    }
}

.oculto {
    display: none;
}

.btn-is-disabled {
    background: rgb(141 8 11 / 42%);
    cursor: no-drop !important;
    pointer-events: none !important;
}

.crear-peticion .img-titulo {
    max-width: 220px;
    height: auto;
    width: 100%;
}

.pasos-crear input {
    font-family: 'Mirai-Medium';
    font-size: 22px;
    text-align: left;
    color: #101010;
    border: 2px solid #9fa0a9;
    border-radius: 10px;
    padding: 4px 20px;
}

.pasos-crear select {
    font-family: 'Mirai-Light';
    font-size: 30px;
    text-align: left;
    color: #101010;
    border: 2px solid #9fa0a9;
    border-radius: 20px;
    padding: 0px 20px;
}

.pasos-crear textarea {
    font-family: 'Mirai-Medium';
    font-size: 18px;
    text-align: left;
    color: #101010;
    border: 2px solid #9fa0a9;
    border-radius: 20px;
    padding: 10px 20px;
}

.pasos-crear .consejo h1 {
    font-family: 'Mirai-Bold';
    font-size: 25px;
    text-align: left;
    color: #000;
}

.pasos-crear .consejo {
    background: #ddd;
    border: 3px solid #9F9F9F;
    border-radius: 12px;
    padding: 20px;
    padding-top: 60px;
    margin: auto;
}

    .pasos-crear .consejo h2 {
        font-family: 'Mirai-Light';
        font-size: 22px;
        text-align: left;
        color: #000;
    }

    .pasos-crear .consejo .margen-title {
        margin: 20px;
    }

    .pasos-crear .consejo .margen-sub-title {
        margin: 20px;
    }

.icon-consejo {
    max-width: 200px;
    width: 100%;
    position: absolute;
    margin-top: -90px;
    margin-left: -65px;
}

.numeracion-pasos .col-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.aviso-textarea {
    font-family: 'Mirai-Light';
    font-size: 20px;
    text-align: left;
    color: #9FA0A9;
    margin-top: 20px;
}

.aviso-textarea-icon {
    width: 22px;
    margin-top: -4px;
}

.contador-letra {
    font-family: 'Mirai-Light';
    font-size: 16px;
    text-align: left;
    color: #8d080b
}

@media only screen and (max-width: 767px) {

    .pasos-crear input {
        font-size: 18px;
        border-radius: 12px;
        padding: 0px 10px;
    }

    .pasos-crear select {
        font-size: 18px;
        border-radius: 12px;
        padding: 0px 10px;
    }

    .pasos-crear textarea {
        font-size: 13px;
        border-radius: 12px;
        padding: 0px 10px;
    }

    .pasos-crear .consejo h1 {
        font-size: 18px;
    }

    .pasos-crear .consejo h2 {
        font-size: 16px;
    }

    .pasos-crear .consejo {
        margin: 10px !important;
    }

    .icon-consejo {
        margin-left: 0px;
    }

    .aviso-textarea {
        font-size: 13px;
        margin-top: 10px;
    }

    .aviso-textarea-icon {
        width: 20px;
    }

    .contador-letra {
        font-size: 13px;
    }
}

.img-btn-pasos {
    max-width: 60px;
    width: 100%;
    cursor: pointer;
}

.img-btn-pasos-vacio {
    max-width: 60px;
    width: 100%;
}

/************************************SECCION DE BOTON SUBIR IMAGEN***************************************/
.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: transparent;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

.btn-Imagen {
    background-color: #EBB63E !important;
    color: #fff;
}

.img-salida-voucher {
    width: 100%;
    height: 300px;
    max-width: 600px;
    object-fit: scale-down;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 4px;
}

.btn-subir-archivo {
    background: transparent;
    color: #919191 !important;
    font-family: 'Mirai-Medium';
    font-size: 25px;
    border-radius: 12px !important;
    border: 2px solid #919191;
    padding: 9px 15px !important;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd !important;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd !important;
    box-shadow: 1px 5px 5px 0 #babbbd !important;
    transition: all 1s ease 0s !important;
    width: 100%;
    max-width: 250px;
}

    .btn-subir-archivo:hover {
        background: #8d080b !important;
        color: #fff !important;
        border: solid 2px #8d080b !important;
    }

.fondo-subir-imagen {
    border-style: dotted;
    border-width: 3px;
    margin: auto;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .fondo-subir-imagen {
        margin: 10px;
    }

    .btn-subir-archivo {
        font-size: 15px;
    }
}
/************************************FIN SECCION DE BOTON SUBIR IMAGEN***************************************/

.item-data {
    background: #666;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-top: 10px;
    padding: 0px 13px;
    color: #666;
    margin-right: 10px;
}

.titles-input-reg {
    font-family: 'Mirai-Medium';
    font-size: 26px;
    color: #000;
    padding-bottom: 0px !important;
    margin: 0px;
}

.text-input-reg {
    font-size: 18px;
    color: #000;
    font-family: 'Mirai-Medium';
    border: 1px solid #b8b8b8;
    border-radius: 12px;
}

    .text-input-reg:disabled {
        cursor: no-drop;
    }

.text-input-reg-doc {
    font-size: 18px;
    color: #000;
    font-family: 'Mirai-Medium';
    border: 1px solid #b8b8b8;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.btn-buscar {
    border: 1px solid #b8b8b8;
    border-left-color: transparent;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 41px;
}

.margen-info-reg {
    margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
    .item-data {
        padding: 0px 14px;
    }

    .titles-input-reg {
        font-size: 21px;
    }
}

@media only screen and (max-width: 991px) {
    .titles-input-reg {
        font-size: 14px;
        padding-top: 8px;
    }

    .item-data {
        display: none;
    }

    .titles-input-reg {
        font-size: 14px;
    }

    .text-input-reg {
        font-size: 14px;
    }

    .text-input-reg-doc {
        font-size: 14px;
    }

    .btn-buscar {
        height: 35px;
        padding: 0px 10px;
    }
}

.icon-redes-reg {
    max-width: 45px;
    width: 100%;
}

.margen-seccion-redes {
    margin-top: 70px;
}

@media only screen and (max-width: 767px) {

    .item-data {
        display: none;
    }

    .titles-input-reg {
        font-size: 20px;
    }

    .text-input-reg {
        font-size: 17px;
    }

    .text-input-reg-doc {
        font-size: 17px;
    }

    .btn-buscar {
        height: auto;
    }

    .margen-info-reg {
        margin-bottom: 10px;
    }

    .icon-redes-reg {
        max-width: 36px;
        width: 36px;
    }

    .margen-seccion-redes {
        margin-top: 30px;
    }
}

.vista-peticion .img-titulo {
    max-width: 220px;
    height: auto;
    width: 100%;
}

.vista-peticion .cuerpo-peticion h1 {
    font-family: 'Mirai-Bold';
    color: #000;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.vista-peticion .cuerpo-peticion .iconos {
    color: #aa0f16;
}

.vista-peticion .cuerpo-peticion h2 {
    font-family: 'Mirai-Light';
    font-size: 30px;
    color: #8F8382;
    margin-bottom: 20px;
    margin-top: 20px;
}

.vista-peticion .cuerpo-peticion .descripcion {
    font-family: 'Mirai-Medium';
    color: #000;
    font-size: 22px;
    text-align: justify;
}

.vista-peticion .cuerpo-peticion h2 span {
    font-family: 'Mirai-Medium';
}

.btn-descarga-app {
    width: 100%;
    max-width: 200px;
}

.desc-app {
    font-family: 'Mirai-Bold';
    font-size: 25px;
    color: #A8A8A8;
    margin-top: 20px;
}

.desc-compartir {
    font-family: 'Mirai-Medium';
    font-size: 26px;
    color: #000000;
}

.position-top {
    top: 0 !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 10 !important;
    display: inline-block;
}


@media only screen and (max-width: 991px) {
    .vista-peticion .cuerpo-peticion h1 {
        font-size: 30px;
    }

    .vista-peticion .cuerpo-peticion h2 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .vista-peticion .cuerpo-peticion h1 {
        font-size: 20px;
    }

    .vista-peticion .cuerpo-peticion h2 {
        font-size: 18px;
    }

    .btn-descarga-app {
        width: 100%;
        max-width: 120px;
    }

    .desc-app {
        font-size: 15px;
    }

    .desc-compartir {
        margin-right: 45px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 450px) {
    .vista-peticion .cuerpo-peticion h1 {
        font-size: 15px;
    }

    .vista-peticion .cuerpo-peticion h2 {
        font-size: 12px;
    }
}

.div-padre {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-imagen {
    width: 100%;
    max-width: 200px;
}

.btn-div-img {
    background: #9d9d9d;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
    animation: sombra-div-btn 1.5s infinite;
}

    .btn-div-img:hover {
        background: #9d9d9d !important;
        border-radius: 20px;
    }

@keyframes sombra-div-btn {
    0% {
        -webkit-box-shadow: 0px 0px 0px 1px rgb(157 157 157 / 73%);
        -moz-box-shadow: 0px 0px 0px 1px rgb(157 157 157 / 73%);
        box-shadow: 0px 0px 0px 1px rgb(157 157 157 / 73%);
    }

    60% {
        -webkit-box-shadow: 0px 1px 0px 5px rgb(157 157 157 / 77%);
        -moz-box-shadow: 0px 1px 0px 5px rgb(157 157 157 / 77%);
        box-shadow: 0px 1px 0px 5px rgb(157 157 157 / 77%);
    }

    100% {
        -webkit-box-shadow: 0px -2px 2px 13px rgb(157 157 157 / 20%);
        -moz-box-shadow: 0px -2px 2px 13px rgb(157 157 157 / 20%);
        box-shadow: 0px -2px 2px 13px rgb(157 157 157 / 20%);
    }
}


.banner-publicos {
    background: #000;
    -webkit-box-shadow: 8px 8px 10px 0 #babbbd;
    -moz-box-shadow: 8px 8px 10px 0 #babbbd;
    -o-box-shadow: 8px 8px 10px 0 #babbbd;
    -ms-box-shadow: 8px 8px 10px 0 #babbbd;
    box-shadow: 1px 5px 5px 0 #babbbd;
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
}

.btn-continuar {
    background: #92070a;
    border-radius: 6px;
    font-size: 17px;
    padding: 4px 20px;
    color: #fff;
    border: 1px solid #92070a;
    font-weight: 500;
    transition: 1s ease all;
}

    .btn-continuar:hover {
        background: #fff;
        color: #92070a;
        border: 1px solid #92070a;
    }

.ubicacion-btn {
    text-align: right;
    margin-bottom: 4rem;
}

@media only screen and (max-width: 560px) {
    .btn-continuar {
        border-radius: 4px;
        font-size: 14px;
        padding: 2px 10px;
    }

    .ubicacion-btn {
        margin-bottom: 0rem;
    }
}



.container-items {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.items-descados {
    display: flex;
    align-items: center;
    width: fit-content;
    animation: carouselAnim 50s infinite alternate linear;
}

.entry {
    /*display: flex;*/
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 300px;
    height: 300px;
    background: #fff;
    margin: 1em;
    padding: 0rem;
    border-radius: 10px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
}

    .entry .picture {
        width: 100%;
        height: 200px;
        max-height: 200px;
        margin: auto;
    }

        .entry .picture img {
            height: 100%;
            min-height: auto;
            width: 100%;
            /*object-fit: contain;*/
        }

    .entry .quote {
        display: inherit;
        height: 100px;
        font-family: 'Mirai-Medium';
        font-size: 18px;
        color: #000;
        text-align: left;
        padding: .4rem 0rem;
    }

@media only screen and (max-width: 768px) {
    .items-descados {
        animation: carouselAnim 35s infinite alternate linear;
    }

    @keyframes carouselAnim {
        from {
            transform: translate(0, 0);
        }

        to {
            transform: translate(calc(-100% + (2 * 300px)));
        }
    }
}

@keyframes carouselAnim {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(calc(-100% + (5 * 300px)));
    }
}

.container-items .faders {
    width: 100%;
    position: absolute;
    height: 100%;
}

.faders .right,
.faders .left {
    background: linear-gradient( to right, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100% );
    width: 5%;
    height: 92%;
    position: absolute;
    z-index: 2;
    margin-top: 14px;
}

.right-destacados {
    right: 0;
    background: linear-gradient( to left, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 0) 100% );
}

.tendencia {
}

    .tendencia .titulo-h1 {
        font-size: 38px;
        font-family: 'Mirai-Medium';
        font-weight: 700;
        color: #000;
    }

        .tendencia .titulo-h1 span {
            color: #8C1010;
        }

.lista-tendencias {
    margin: 0px auto;
    padding: 0px;
}

    .lista-tendencias .border-titulo {
        padding: 12px 10px;
        border: 2px solid #E3E3E3;
        margin: auto;
    }

        .lista-tendencias .border-titulo .titulo-t2 {
            font-size: 22px;
            font-family: 'Mirai-Light';
            color: #000;
            margin-bottom: 0px;
        }

            .lista-tendencias .border-titulo .titulo-t2 span {
                font-weight: 700;
            }

    .lista-tendencias .border-cuerpo {
        border-bottom: 2px solid #E3E3E3;
        border-right: 2px solid #E3E3E3;
        border-left: 2px solid #E3E3E3;
        padding: 0px 5px 0px 5px;
        margin: auto;
    }

        .lista-tendencias .border-cuerpo .sub-titulo {
            width: 100%;
            font-size: 16px;
            color: #aaaaaa;
            padding: 0px 15px;
            margin: 10px 0px 0px 0px;
            font-family: 'Mirai-Light';
        }

    .lista-tendencias .nombre-t {
        font-size: 24px;
        font-family: 'Mirai-Bold';
        color: #000;
        font-weight: 700;
    }

    .lista-tendencias .descripcion-t {
        font-size: 16px;
        font-family: 'Mirai-Medium';
        color: #212529;
        font-weight: 500;
        text-align: justify;
    }

        .lista-tendencias .descripcion-t a {
            color: #8C1010;
            font-size: 16px;
            font-weight: 700;
            text-decoration: underline;
        }

    .lista-tendencias .img-tendencia {
        width: 100%;
        margin: auto;
        object-fit: cover;
        max-width: 100%;
        height: 180px;
        transition: all .5s ease 0s;
        background-size: cover;
    }

        .lista-tendencias .img-tendencia:hover {
            transform: scale(1.1);
        }

.user-tendencia {
    padding: 0px 15px;
}

.text-user {
    font-family: 'Mirai-Light' !important;
    font-size: 14px !important;
    color: #3D3D3D !important;
}

    .text-user .foto-icon {
        border-radius: 50%;
        width: 28px;
        height: 28px;
        border: 2px solid #ddd;
        opacity: .8;
    }

.user-tendencia .names {
    width: auto;
    padding: 0px 6px;
}

    .user-tendencia .names h3 {
        font-family: 'Mirai-Bold';
        font-size: 18px;
        font-weight: 800;
        color: #000;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .user-tendencia .names p {
        font-family: 'Mirai-Light';
        font-size: 14px;
    }

.btn-cargar-mas {
    width: 100%;
    color: #545454;
    font-family: 'Mirai-Medium';
    font-size: 20px;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 6px 10px !important;
    transition: .8s ease all;
    
    
}

    .btn-cargar-mas:hover {
        background: #8C1010;
        border: 2px solid #8C1010;
        color: #FFF;
    }

.temas h1 {
    font-family: 'Mirai-Bold';
    font-size: 38px;
    letter-spacing: 6pt;
    color: #717171;
    font-weight: 800;
}

.temas .lista {
    width: 100%;
}

    .temas .lista a {
        width: 100%;
        color: #545454;
        font-family: 'Mirai-Medium';
        font-size: 16px;
        display: block;
        padding: 10px 10px !important;
        transition: .8s ease all;
        border: 2px solid #E3E3E3;
        border-radius: 18px;
        margin-top: 3px;
        text-align: left;
        line-height: 14pt;
    }

        .temas .lista a:hover {
            background: #8C1010;
            border: 2px solid #8C1010;
            color: #FFF;
        }

.form-group-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group-check label {
    position: relative;
    cursor: pointer;
    transition: all .8s ease 0s;
}

    .form-group-check label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #B8B8B8;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        margin-top: -3px;
    }

.form-group-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 8px;
    width: 8px;
    height: 19px;
    border: solid #8d080b;
    border-width: 0 4px 4px 0;
    transform: rotate( 45deg );
}

nav > div a.nav-item.nav-link {
    border: none;
    padding: 18px 25px;
    color: #8B8B8B;
    background: transparent;
    border-radius: 0;
    font-weight: 700;
    font-size: 18px;
    display: inline;
    height: 60px;
    transition: .1s ease all;
}

    nav > div a.nav-item.nav-link.active {
        border: none;
        padding: 18px 25px;
        color: #8c1010;
        background: transparent;
        border-radius: 0;
        text-decoration: underline;
    }

/* nav > div a.nav-item.nav-link.active:after {
            content: "";
            position: relative;
            bottom: -56px;
            left: -10%;
            border: 15px solid transparent;
            border-top-color: #8C1010;
        }*/
.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border-top: 4px solid #8C1010;
    padding: 20px 4px;
}

/*nav > div a.nav-item.nav-link:focus,*/
nav > div a.nav-item.nav-link:hover {
    border: none;
    /*background: #fafafa;*/
    color: #8C1010;
    border-radius: 0;
    /*transition: background 0.8s linear;*/
}

.lista-explorar .border-explorar {
    border: 2px solid #E3E3E3;
    padding: 0px;
    margin:auto;
}

.lista-explorar .img-explorar {
    width: 100%;
    transition: all .5s ease 0s;
    object-fit: cover;
    background-size: cover;
    height: 240px;
}

.lista-explorar .nombre-t {
    font-size: 28px;
    font-family: 'Mirai-Bold';
    color: #000;
    font-weight: 700;
}

.lista-explorar .descripcion-t {
    font-size: 16px;
    font-family: 'Mirai-Medium';
    color: #212529;
    font-weight: 500;
    text-align: justify;
}

    .lista-explorar .descripcion-t a {
        color: #8C1010;
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline;
    }

.lista-explorar .text-firmas {
    font-size: 16px;
    font-family: 'Mirai-Medium';
    color: #212529;
    font-weight: 500;
    text-align: justify;
}

    .lista-explorar .text-firmas span {
        color: #000;
        font-weight: 700;
    }

.lista-explorar .contador-firmas {
}

.descatados-carousel .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 220px;
    height: 190px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    line-height: 13pt;
    /*text-transform: lowercase;*/
}

.descatados-carousel .carousel-indicators {
    position: inherit;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-top: -20px;
    list-style: none;
}

    .descatados-carousel .carousel-indicators img {
        display: block;
        width: 100%;
        object-fit: cover;
        height: 120px;
        max-width: 220px;
        width:220px;
        margin-bottom: 6px;
        border-bottom: 3px solid #fff;
    }

    .descatados-carousel .carousel-indicators small {
        font-size: 14px;
        font-family: 'Mirai-Medium';
        line-height: 14pt;
        margin-bottom: 0px;
    }

    .descatados-carousel .carousel-indicators .active {
        color: #770809;        
    }
        .descatados-carousel .carousel-indicators .active img {
            opacity: 0.9 !important;
            border-bottom: 3px solid #770809;
        }

.descatados-carousel .carousel-control-next, .descatados-carousel .carousel-control-prev {
    position: absolute;
    top: 25%;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 40px;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

.offcanvas-navigation ul li a:hover {
    color: #fff;
}

#carouselExampleIndicators .carousel-indicators {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    /*white-space: nowrap;*/
    position: relative;
}

.icono-temas {
    width: 20%;
}


.checkeable-compra {
    background: #000;
    text-align: center;
    margin: auto;
    display: table;
    border-radius: 50%;
    width: 0px;
}

    .checkeable-compra input {
        display: none;
    }

.icono-temas .text-nombre {
    font-size: 18px;
    line-height: 16pt;
    font-family: 'Mirai-Medium';
    color: #9D9D9D;
    text-align: center;
}

.checkeable-compra img {
    border: 1px solid transparent;
    cursor: pointer;
    padding: 3px;
    background-position: center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    background: #000;
    object-fit: cover;
    border-radius: 50%;
}

.checkeable-compra input {
    display: none;
}

.checkeable-compra p {
    position: absolute;
    left: 50%;
    bottom: 0px;
    color: #CCC;
    transform: translate(-50%, -50%);
}

.checkeable-compra input:checked + img {
    border: 1px solid rgb(170 15 22);
    background: rgb(170 15 22);
}

.btn-iniciar {
    color: #850d0e;
    font-family: 'Mirai-Medium';
    font-size: 16px;
    font-weight: 600;
    padding: 6px 10px !important;
    transition: .8s ease all;
    border: 2px solid #850d0e;
    border-radius: 4px;
    background: #fff !important;
    text-align:center;
}

    .btn-iniciar:hover {
        color: #FFF;
        background: #850d0e !important;
    }
    .btn-iniciar.active {
        color: #FFF !important;
        background: #850d0e !important;
    }

.vmenu h4 {
    font-weight: 700;
    padding: 0px 15px;
    color: #000 ;
    margin-top: 10px;
    font-family: 'Mirai-Medium';
}

    .vmenu h4 a {
        text-decoration: none;
        color: #000;
        display: block;
    }
    .vmenu h4 a i{
        color: #000 !important;
    }

.vmenu ol {
    background: #fff;
    font-size: 13px;
    list-style-type: none;
    padding: 0px;
    overflow: hidden;
    height: 0px;
    transition: height 1s ease;
    position: absolute;
    margin-top: 4px;
    z-index: 100;
}

    .vmenu ol a {
        text-decoration: none;
        height: 30px;
        padding: 5px 8px;
        text-align: left;
        width: 130px;
        font-size: 16px;
        border: 1px solid #ddd;
    }

.vmenu li {
    border-bottom: solid 2px #eee;
}

    .vmenu li:hover {
        background: #fff;
    }

.vmenu:hover #s4 {
    height: auto;
}

.donacion .items {   
    margin-bottom:5px;
}
.donacion .borders {
    padding: 10px;
    border-top: 5px solid #801815;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    margin:5px;
}

    .donacion .items h4 {
        font-size: 18px;
        color: #000;
    }

        .donacion .items h4 span {
            color: #808080;
            font-weight: 600;
            font-family: 'Mirai-Light';
            font-size: 16px;
        }

.firmadas{

}
    .firmadas .item-firma {
        border: 2px solid #c5c5c5;
        padding: 0px;
        width: 100%;
        margin: 8px 0px;
    }
    .firmadas .tabla-item {
        width:auto;
    }
        .firmadas .tabla-item .nombre {
            background: #c5c5c5;
            padding: 2px 6px;
        }
        .firmadas .tabla-item .descripcion {
            font-size: 16px;
            font-family: 'Mirai-Light';
            padding: 0px 10px;
        }

.btn-ver-mas {
    color: #545454;
    font-family: 'Mirai-Medium';
    font-size: 16px;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 4px 10px !important;
    transition: .8s ease all;
    border: 2px solid #E3E3E3;
}
.btn-ver-mas:hover {
    color: #fff;
    background: #7b0506;
    border: 2px solid #7b0506;
}

.progress-bar {
    background-color: #8c1010;
}
.progress {
    border-radius: .8rem;
}

@media only screen and (max-width: 1199px) {
    .menu-opcion{
        display:none;
    }

}

@media only screen and (max-width: 767px) {
    .icono-temas {
        width: 33.33%;
    }

    .temas {
        margin-top: 4rem;
    }

        .temas h1 {
            font-size: 30px;
        }

        .temas .lista a {
            width: auto;
            display: inline-table;
            padding: 4px 10px !important;
            margin-top: 4px;
        }
    .texto_banner {
        margin-top: -500px;
    }
}

@media only screen and (max-width: 675px) {
    .tendencia-body .content-img img {
        height: 300px;
    }

    .descatados-carousel .carousel-indicators img {
        display: block;
        width: 200px;
        object-fit: cover;
        height: 100px;
    }

    .descatados-carousel .carousel-indicators small {
        font-size: 12px;
    }

    .powered .titulo {
        font-size: 26px;
    }

    .powered .subtitulo {
        font-size: 14px;
    }

    .powered .icon-powered {
        max-width: 120px;
        height: 50px;
        margin-top: 5px;
    }

    .powered .text-powered {
        font-size: 13px;
    }

    .pie-pagina .title-pie {
        font-size: 16px;
        letter-spacing: 2pt;
    }

    .pie-pagina .title-pie {
        font-size: 16px;
        letter-spacing: 2pt;
        margin-bottom: 0px;
        margin-top: 12px;
    }

    .pie-pagina .item-pie {
        font-size: 14px;
    }

    .lista-tendencias .border-titulo .titulo-t2 {
        font-size: 14px;
    }

    .lista-tendencias .nombre-t {
        font-size: 20px;
    }

    .lista-tendencias .descripcion-t {
        font-size: 14px;
    }

        .lista-tendencias .descripcion-t a {
            font-size: 14px;
        }

    .text-user {
        font-size: 12px !important;
    }

        .text-user .foto-icon {
            width: 20px;
            height: 20px;
        }

    .user-tendencia .names {
        margin-bottom: .8rem;
    }

    .lista-tendencias .border-cuerpo .sub-titulo {
        font-size: 14px;
    }

    .btn-cargar-mas {
        font-size: 18px;
    }
}

@media only screen and (max-width: 572px) {
    .descatados-carousel .notificacion-span {
        margin: 1px 0px;
    }

    .tendencia .titulo-h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 472px) {
    .tendencia-body .content-img img {
        height: 180px;
    }

    .contenido-descripcion-peticion {
        height: auto;
    }

    .icono-temas {
        width: 33.33%;
        text-align: center;
    }

    .tendencia .titulo-h1 {
        font-size: 24px;
    }

    .checkeable-compra img {
        width: 60px;
        height: 60px;
    }

    .icono-temas .text-nombre {
        font-size: 12px;
    }
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}