﻿.img-missing {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 27.4995vw;
    padding: 1.5000vw;
    border-radius: 1.5000vw;
    font-size: 1.5vw !important;
    font-family: Gotham-Black !important;
    font-weight: 900 !important;
    color: #c7c7c7 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.base-rse {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0.6251vw;
    width: 100%;
}

.title {
    font-family: Gotham-Black !important;
    font-weight: 900 !important;
    font-size: 3.1249vw !important;
    line-height: 6.2501vw !important;
    letter-spacing: -0.0788vw !important;
    color: #c7c7c7 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

    .title span {
        color: #ff6600 !important;
        word-break: break-word;
        overflow-wrap: break-word;
    }

.rse-contenedor-background {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    width: 100%;
    min-height: 38.9538vw;
    max-height: 38.9538vw;
    border-radius: 2.3438vw;
    background: linear-gradient(to bottom,#ffffff 0 40%,#f7f7f7 60% 100%);
    position: relative;
    overflow: hidden
}

.fichas-rse {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 44.0625vw;
    height: 29.2188vw;
    border-radius: 1.0938vw;
    padding: 0.6251vw;
    gap: 0.6251vw;
    background-color: #ffff;
    box-shadow: 0 0.3125vw 0.4688vw -0.1563vw rgba(0,0,0,.05),0 0.7813vw 1.1720vw -0.2344vw rgba(0,0,0,.1);
    transform: translate(0,0) scale(1);
    position: absolute;
    opacity: 0;
    will-change: transform,opacity;
    transition: transform 520ms cubic-bezier(.22,.61,.36,1),opacity 520ms cubic-bezier(.22,.61,.36,1),filter 520ms cubic-bezier(.22,.61,.36,1);
    transform-origin: center center;
    filter: saturate(.96)
}

    .fichas-rse.active:hover .img-fichas::after {
        opacity: 1
    }

    .fichas-rse.active:hover .boton-fichas {
        display: inline-flex;
        animation: slide-up 1.5s ease;
        transition: opacity 1.5s ease
    }

    .fichas-rse .fichas-content {
        transition: 1.5s ease;
        will-change: transform;
        width: 100%;
    }

    .fichas-rse.active:hover .fichas-content {
        transform: translateY(-0.6251vw)
    }

@keyframes slide-up {
    from {
        transform: translateY(0.6251vw);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.fichas-rse.active {
    opacity: 1;
    transform: translate(0,-25%) scale(1);
    z-index: 3;
    filter: none
}

.fichas-rse.prev-2 {
    transform: translate(-55%,-25%) scale(.72);
    opacity: .96;
    z-index: 1;
    filter: saturate(.9) blur(0.2501vw)
}

.fichas-rse.prev-1 {
    transform: translate(-30%,-25%) scale(.84);
    opacity: .98;
    z-index: 2;
    filter: saturate(.93)
}

.fichas-rse.next-1 {
    transform: translate(30%,-25%) scale(.84);
    opacity: .98;
    z-index: 2;
    filter: saturate(.93)
}

.fichas-rse.next-2 {
    transform: translate(55%,-25%) scale(.72);
    opacity: .96;
    z-index: 1;
    filter: saturate(.9) blur(0.2501vw)
}

.fichas-rse.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translate(0,-25%) scale(.5)
}

.fichas-rse.moving {
    transition: transform 1s ease,opacity 1s ease
}

.no-animation .fichas-rse {
    transition: none !important
}

.img-fichas {
    position: relative;
    width: 20.4687vw;
    height: 27.9687vw;
    border-radius: 0.9375vw;
    overflow: hidden;
    flex: 0 0 auto
}

    .img-fichas img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .img-fichas::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
        pointer-events: none;
        opacity: 0;
        transition: opacity 1s ease;
        z-index: 1;
        background: linear-gradient(to top, #FF6600, #FF660087, #FF660000);
    }

.fichas-content {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    padding: 2.5001vw;
    gap: 0.6251vw
}

    .fichas-content img {
        width: 4.3751vw;
        height: 4.3751vw
    }

.title-fichas {
    font-family: Gotham-Bold !important;
    font-weight: 700 !important;
    font-size: 1.8750vw !important;
    line-height: 2.1875vw !important;
    color: #606060 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.boton-fichas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-family: Gotham-Bold !important;
    font-weight: 700 !important;
    font-size: 1.0263vw !important;
    line-height: 1.4675vw !important;
    min-width: 10.7813vw;
    height: 2.8125vw;
    background-color: #ff6600 !important;
    color: #ffff !important;
    border-radius: 1.8750vw;
    border: none;
    gap: 1.2500vw;
    display: none;
    word-break: break-word;
    overflow-wrap: break-word;
}

    .boton-fichas img {
        width: 1.5625vw;
        height: 1.5625vw
    }

.carousel-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2.8751vw;
    gap: 0.7500vw
}

.convocatorias-indicators .indicator {
    width: 1.1250vw;
    height: 1.1250vw;
    background-color: #e5e5e5 !important;
    border-radius: 50%;
    cursor: pointer;
    transition: width 260ms ease,height 260ms ease,background-color 260ms ease;
    position: relative;
    overflow: hidden
}

    .convocatorias-indicators .indicator.active {
        width: 3.8750vw;
        height: 1.1250vw;
        background-color: #e5e5e5 !important;
        border-radius: 1.5625vw;
        position: relative;
        overflow: hidden
    }

        .convocatorias-indicators .indicator.active .progress-bar {
            position: absolute;
            left: 0;
            top: 0;
            width: 0%;
            height: 100%;
            background-color: #ff6f00 !important;
            border-radius: 0.7813vw;
            animation: progress 7s linear forwards
        }

.rse-indicators-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.7500vw
}

.rse-indicators {
    display: inline-flex;
    align-items: center;
    gap: 0.7500vw
}

.indicator-pp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.7500vw;
    height: 2.7500vw;
    border-radius: 999px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

    .indicator-pp img {
        width: 1.3287vw;
        height: 1.3287vw;
    }

@keyframes progress {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.rse-contenedor-background.is-paused .convocatorias-indicators .indicator.active .progress-bar {
    animation-play-state: paused !important
}

.indicadores-movil {
    display: none
}

@media all and (max-width: 767px) {

    .contenedor {
        padding-top: 2.099916vw !important;
    }

    .base-rse {
        align-items: center;
        width: 100%;
        height: 100%;
        max-width: 72.057384vw;
        margin: 0 auto;
    }

    .title {
        display: none
    }

    .rse-contenedor-background {
        background: #ffff !important;
        min-height: 157.815vw;
        height: 100vh;
        overflow: auto;
        max-width: 72.057384vw;
        margin: 0 auto;
    }

    .fichas-rse {
        flex-direction: column;
        width: 70.953624vw !important;
        height: 125.511876vw !important;
        gap: 0 !important;
        justify-content: center;
    }

        .fichas-rse .fichas-content {
            will-change: transform;
            height: 50%;
            justify-content: center;
            align-items: center;
            padding: 3.78vw;
        }

        .fichas-rse.active:hover .fichas-content {
            transform: translateY(-3.78vw) 
        }

        .fichas-rse.active:hover .boton-fichas {
            animation: none;
            transition: none;
            display: block
        }

        .fichas-rse.active {
            opacity: 1;
            transform: translate(0,-20%) scale(1)
        }

        .fichas-rse.prev-2 {
            opacity: 0
        }

        .fichas-rse.prev-1 {
            opacity: 0
        }

        .fichas-rse.next-1 {
            opacity: 1;
            transform: translateY(-10%) scale(.9) !important
        }

        .fichas-rse.next-2 {
            opacity: 1;
            transform: translateY(0) scale(.8) !important
        }

        .fichas-rse.hidden {
            transform: translateY(0) scale(.5)
        }

    .fichas-content {
        transform: translateY(0rem);
        padding: 3.78vw;
        gap: 1.89vw;
    }

        .fichas-content img {
            width: 12.494916vw;
            height: 12.494916vw;
        }

    .fichas-rse.active:hover .fichas-content {
        transform: translateY(0rem)
    }

    .img-fichas {
        width: 100%;
        height: 100%;
        max-height: 67.383792vw;
    }

        .img-fichas::after {
            opacity: 1;
            background: linear-gradient(to top,#FF660090,#FF660000)
        }

    .title-fichas {
        font-size: 5.355vw !important;
        line-height: 6.247584vw !important;
        text-align: center !important;
        font-family: Gotham-Bold !important;
        font-weight: 700 !important;
        color: #606060 !important;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    .boton-fichas {
        display: block;
        font-size: 3.25668vw !important;
        height: 8.925vw;
        min-width: 34.21264vw; 
        border-radius: 5.95vw; 
        gap: 3.96676vw;
        font-family: Gotham-Bold !important;
        font-weight: 700 !important;
        background-color: #ff6600 !important;
        color: #ffff !important;
        word-break: break-word;
        overflow-wrap: break-word;
    }

        .boton-fichas img {
            width: 4.95824vw;
            height: 4.95824vw;
        }

    .indicadores-movil {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5.579784vw;
        width: 100%;
        height: auto
    }

        .indicadores-movil.izquierda, .indicadores-movil.derecha {
            background-color: #ff6600 !important;
            border-radius: 50%;
            border: none;
            width: 7.53984vw;
            height: 7.53984vw;
            cursor: pointer;
            padding: 0;
        }

            .indicadores-movil.izquierda img {
                transform: rotate(180deg)
            }

            .indicadores-movil.izquierda img,
            .indicadores-movil.derecha img {
                width: 3.794868vw;
                height: 3.794868vw;
            }

        .indicadores-movil.pause, .indicadores-movil.pause img {
            width: 3.794868vw;
            height: 3.794868vw;
            border: none;
            cursor: pointer;
            background: transparent;
            padding: 0;
        }

    .carousel-indicators {
        display: none
    }

    .rse-indicators-wrap {
        display: none
    }

    .img-missing {
        min-height: 0;
        height: 100%;
        font-size: 3.570084vw !important;
        border-radius: 42.84vw;
        font-family: Gotham-Black !important;
        font-weight: 900 !important;
        color: #c7c7c7 !important;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}
