/* Minification failed. Returning unminified contents.
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-colorWhite'
(338,21): run-time error CSS1039: Token not allowed after unary operator: '-colorWhite'
(342,21): run-time error CSS1039: Token not allowed after unary operator: '-colorWhite'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPurple'
(355,17): run-time error CSS1039: Token not allowed after unary operator: '-colorYellow'
(359,17): run-time error CSS1039: Token not allowed after unary operator: '-colorAqua'
(363,17): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueKing'
(367,17): run-time error CSS1039: Token not allowed after unary operator: '-colorAquaMarine'
(371,28): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(375,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPurple'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-colorYellow'
(383,28): run-time error CSS1039: Token not allowed after unary operator: '-colorAqua'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-colorBlueKing'
(391,28): run-time error CSS1039: Token not allowed after unary operator: '-colorAquaMarine'
(502,32): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(510,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(511,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,27): run-time error CSS1039: Token not allowed after unary operator: '-ImgSizeX'
(556,25): run-time error CSS1039: Token not allowed after unary operator: '-ImgSizeX'
(569,34): run-time error CSS1039: Token not allowed after unary operator: '-ImgSizeX'
(587,34): run-time error CSS1039: Token not allowed after unary operator: '-ImgSizeX'
(599,34): run-time error CSS1039: Token not allowed after unary operator: '-ImgSizeX'
(762,23): run-time error CSS1039: Token not allowed after unary operator: '-fuente'
(763,17): run-time error CSS1039: Token not allowed after unary operator: '-textPrimay'
(833,17): run-time error CSS1039: Token not allowed after unary operator: '-textPrimay'
(868,17): run-time error CSS1039: Token not allowed after unary operator: '-textBold'
 */
@-webkit-keyframes changeBackground {
    25% {
        background-image: url(/Images/Servicios/Pantallazos/Imagen1.png);
    }

    55% {
        background-image: url(/Images/Servicios/Pantallazos/Imagen2.png);
    }

    85% {
        background-image: url(/Images/Servicios/Pantallazos/Imagen3.png);
    }

    100% {
        background-image: url(/Images/Servicios/Pantallazos/Imagen1.png);
    }
}

.cabeceraServicios {
    max-height: 550px;
    position: relative;
    background-color: #00B5EE;
}

.background-image-servicio {
    background-image: url(/Images/Servicios/chica_sin_fondo.png);
    background-size: 49%;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.cabeceraServicios .tituloCabecera * {
    color: #FFF !important;
}

.cabeceraServicios .tituloCabecera {
    margin-top: 0px;
}

.container-enlaces a {
    display: block;
}

.container-enlaces .enlaceServicio {
    background-color: #EEEDEC;
    padding: 20px 20px;
    position: relative;
    padding-left: 25px;
}

.container-enlaces img.img-servicio {
    width: 110px;
    position: absolute;
    top: 6%;
}

.container-enlaces .textoEnlace {
    padding-left: 120px;
    height: 100px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 10px;
}

    .container-enlaces .textoEnlace span {
        font-weight: 700;
        display: inline-block;
        font-size: 14px;
    }

    .container-enlaces .textoEnlace p {
        color: #111;
        font-weight: 100;
        line-height: 18px;
        font-size: 14px;
    }

        .container-enlaces .textoEnlace p:last-child {
            margin-bottom: 0px;
        }

.servicios-caracteristicas > p {
    margin-bottom: 10px;
}

.caracteristica > img {
    margin-right: 6px;
    width: 14px;
}

.section-dispositivos {
    background-image: linear-gradient(1deg, #ddd2c9, #c5ac7f, #d79550);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

    .section-dispositivos h2 {
        color: #FFF;
    }

    .section-dispositivos .container-dispositivos {
        min-height: 250px;
    }

.section-actualizaciones {
    background-color: #ECEDEF;
}

.text-mejora h3 {
    margin-top: 0px;
}


.divAcompanamiento {
    height: 350px;
}

.divIzqAcompanamiento {
    background-color: #38AE9F;
    padding: 50px 80px;
}

    .divIzqAcompanamiento * {
        color: white !important;
    }

.imgAcompanamiento {
    background-image: url(/Images/Servicios/Imagen_seccion_Verde.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.iconos-soporte img {
    width: 150px;
}

@media (min-width: 250px) {

    .padding-caracteristicas {
        padding: 0;
    }

    .section-actualizaciones {
        text-align: center;
    }

    .container-enlaces .enlaceServicio {
        margin-bottom: 20px;
    }

    .img-dispositivos {
        width: 100%;
        filter: drop-shadow(2px -1px 5px #000000a8);
    }

    .title-dispositivos {
        font-size: 30px;
    }

    .img-mejora {
        width: 100%;
    }
}

@media (min-width: 400px) {


    .padding-caracteristicas {
        padding: 0;
    }

    .title-dispositivos {
        font-size: 35px;
    }

    .container-enlaces .enlaceServicio {
        margin-bottom: 20px;
    }

    .img-mejora {
        width: 80%;
    }
}

@media (max-width: 768px) {


    .container-enlaces .enlaceServicio {
        margin-bottom: 20px;
    }

    .background-image-servicio {
        background-size: 80% 80%;
    }

    .serviciosAdicionales .servicio-adicional:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {

    .serviciosAdicionales .servicio-adicional:not(:last-child) {
        margin-right: 25px;
    }

    .container-enlaces .enlaceServicio {
        margin-bottom: 20px;
    }

    .img-dispositivos {
        width: 80%;
    }

    .title-dispositivos {
        font-size: 3.21rem;
    }

    .img-mejora {
        width: 110%;
    }

    .text-mejora {
        padding-left: 40px;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {

    .cabeceraServicios {
        animation-delay: 2s;
        animation-name: changeBackground;
        animation-duration: 15s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(0,.97,0,.97);
        -ms-animation-delay: 2s;
        -ms-animation-name: changeBackground;
        -ms-animation-duration: 15s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: cubic-bezier(0,.97,0,.97);
        -moz-animation-delay: 2s;
        -moz-animation-name: changeBackground;
        -moz-animation-duration: 15s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: cubic-bezier(0,.97,0,.97);
        -webkit-animation-delay: 2s;
        -webkit-animation-name: changeBackground;
        -webkit-animation-duration: 15s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: cubic-bezier(0,.97,0,.97);
        background-image: url(/Images/Servicios/Pantallazos/Imagen1.png);
        background-repeat: no-repeat;
        background-size: 412px;
        background-position-x: 640px;
        background-position-y: 65px;
    }
}

@media (min-width: 992px) {

    .padding-caracteristicas {
        padding: 0 50px;
    }

    .container-enlaces .enlaceServicio {
        margin-bottom: 0px;
    }

    .text-mejora {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Sección de caracteristicas */

.container-caracteristica {
    padding-left: 75px;
    position: relative;
    margin-bottom: 1rem;
}

    .container-caracteristica .span-caracteristica {
        position: absolute;
        left: 10px;
        top: 3px;
        width: 47px;
        height: 47px;
        border-radius: 30px;
        text-align: center;
        font-size: 30px;
        padding-top: 10px;
    }

    .container-caracteristica .text-caracteristica h6 {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .container-caracteristica .text-caracteristica p {
        line-height: 20px;
        margin-bottom: 0px;
        font-size: 16px;
    }


/*-------------------------------------------------------------     Actualización de servicios Marzo 2024   -----------------------------------------------------------------*/

@font-face {
    font-family: 'Roboto';
    src: url('../../fonts/roboto-light.ttf') format('truetype'), url('../../fonts/roboto-medium.ttf') format('truetype'), url('../../fonts/Roboto-Black.ttf') format('truetype'), url('../../fonts/roboto-bold.ttf') format('truetype'),
}

:root {
    --colorWhite: #ffffff;
    --colorRed: #e10d11;
    --colorPurple: #7a2f86;
    --colorYellow: #f8b600;
    --colorAqua: #00a1ce;
    --colorBlueKing: #353e8e;
    --colorAquaMarine: #008585;
    --textPrimay: #888586;
    --textBold: #606069;
    --fuente: "Roboto", sans-serif;
}

.white-color {
    color: var(--colorWhite) !important;
}

    .white-color > p {
        color: var(--colorWhite) !important;
    }

    .white-color > * strong {
        color: var(--colorWhite) !important;
    }


.red-color {
    color: var(--colorRed) !important;
}

.purple-color {
    color: var(--colorPurple) !important;
}

.yellow-color {
    color: var(--colorYellow) !important;
}

.aqua-color {
    color: var(--colorAqua) !important;
}

.blue-king-color {
    color: var(--colorBlueKing) !important;
}

.aqua-marine-color {
    color: var(--colorAquaMarine) !important;
}

.red-bg {
    background-color: var(--colorRed) !important;
}

.purple-bg {
    background-color: var(--colorPurple) !important;
}

.yellow-bg {
    background-color: var(--colorYellow) !important;
}

.aqua-bg {
    background-color: var(--colorAqua) !important;
}

.blue-king-bg {
    background-color: var(--colorBlueKing) !important;
}

.aqua-marine-bg {
    background-color: var(--colorAquaMarine) !important;
}

.bold {
    font-weight: 700;
}

.line-height {
    line-height: 1.2em;
}

.contenedor-nav {
    margin: 7rem auto 0;
}

.contenedor-nav > h1 {
    text-align: center;
    font-weight: 200;
    color: #222935;
    font-size: 2.4vw;
    margin-top: 8.4vh;
}
/*---------------------------------     Navbar Animado      ------------------------------------------------*/
@media (min-width: 1000px) {

    .nav {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
    }

        .nav::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            border-bottom: solid 0.0625em rgba(136, 136, 136, 0.384);
            width: 80vw;
        }

    .nav-i {
        width: 13.23vw;
        max-width: 13.23vw;
        height: 21.285em;
        position: relative;
        color: #8c8786;
        font-weight: 600;
        padding: 20px;
        overflow: visible;
        border: none;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .nav-i::after {
            content: "";
            width: 0.0625em;
            height: 14em;
            position: absolute;
            background-color: #d7d7d7;
            top: 2em;
            left: 0;
        }

        .nav-i:first-child::after {
            content: none;
        }

        .nav-i:hover {
            color: black;
            transition-duration: 0.1s;
        }

        .nav-i:focus {
            outline: none;
        }

        .nav-i:before {
            position: absolute;
            content: "";
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 76px;
            height: 0px;
            background-color: rgba(136, 136, 136, 0.384);
            transition-duration: 0.4s;
        }

        .nav-i:hover:before {
            height: 5px;
            bottom: -4px;
        }

    .icono-servicio {
        width: 10em;
        object-fit: contain;
    }

    .movable-indicator {
        position: absolute;
        content: "";
        bottom: -4px;
        left: 0;
        width: 76px;
        height: 10px;
        z-index: 2;
        background-color: var(--colorRed);
        transition: 0.5s cubic-bezier(0.23, 0.55, 0.42, 1.51) all;
    }
}
/*-------------------------------------------------        Responsive          -----------------------------------------------------------*/

@media (max-width: 999px) {
    :root {
        --ImgSizeX: 40vw;
        --ImgSizeY: calc(var(--ImgSizeX) / 4 * 3);
        --minFontSize: 10px;
        --maxFontSize: 32px;
        --scaler: 5vw;
    }

    .carousel-container {
        margin: 28vw auto;
    }

    .nav {
        transform: translateY(-30vw);
    }

    .title-menu{
        font-size:1.7rem;
    }

    .carousel-nav {
        width: 100vw;
        height: calc(var(--ImgSizeX) + 10vw);
        display: none;
    }

        .carousel-nav {
            display: block;
        }

    .link {
        position: absolute;
        aspect-ratio: 4/3;
        cursor: pointer;
        transition: transform 0.5s, left 0.5s, opacity 0.5s, z-index 0s;
        opacity: 1;
        background: transparent;
        border: none;
        display: flex;
        width: 21vw;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.7vw;
    }

        .link img {
            width: var(--ImgSizeX);
            height: 100%;
            transition: width 0.5s;
        }

        .link.hideLeft {
            left: 0%;
            opacity: 0;
            transform: translateY(80%) translateX(-30%);
        }

            .link.hideLeft img,
            .link.hideRight img {
                width: calc(var(--ImgSizeX) / 2);
            }

        .link.hideRight {
            left: 100%;
            opacity: 0;
            transform: translateY(80%) translateX(-116%);
        }

        .link.prev {
            z-index: 5;
            left: 30%;
            transform: translateY(26.5%) translateX(-58%);
            opacity: 0.2;
        }

            .link.prev img,
            .link.next img {
                width: calc(var(--ImgSizeX) / 4 * 3);
            }

        .link.prevSecond {
            z-index: 4;
            left: 15%;
            transform: translateY(71%) translateX(-64%);
            opacity: 0;
        }

            .link.prevSecond img,
            .link.nextSecond img {
                width: calc(var(--ImgSizeX) / 2);
            }

        .link.selected {
            z-index: 6;
            left: 50%;
            transform: translateY(0px) translateX(-50%);
        }

        .link.next {
            z-index: 5;
            left: 70%;
            transform: translateY(26.5%) translateX(-29%);
            opacity: 0.2;
        }

        .link.nextSecond {
            z-index: 4;
            left: 85%;
            transform: translateY(71%) translateX(-35%);
            opacity: 0;
        }

}
/*-------------------------------------------------        Responsive          -----------------------------------------------------------*/

/*---------------------------------------------------------  Estilos de las cartas del contenido   ---------------------------------------------------------*/
.container-cards {
    display: flex;
    gap: 1vw;
}

.card-servicios {
    width: 10vw;
    height: 10vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;
    border-radius: 0.5em;
    box-shadow: 0.2em 0.2em 0.2em 0.1em rgba(150, 150, 150, 0.541);
    line-height: -1em !important;
}

@media (max-width : 1200px) {

    .card-servicios {
        width: 12vw;
        height: 11vw;
    }
}

@media (max-width :1200px) {
    #card-recuado {
        grid-column: 2;
        grid-row: 2;
    }
}

@media (max-width : 1000px) {
    .card-servicios {
        width: 13vw;
        height: 12vw;
    }
}

@media (max-width : 900px) {
    .card-servicios {
        width: 16vw;
        height: 15vw;
    }
}

@media (max-width : 650px) {
    .card-servicios {
        width: 24vw;
        height: 19vw;
    }

    #consolaAdministrativa-card {
        grid-row: 4;
    }

    #debitosNacionales-card {
        grid-column: 2;
        grid-row: 1;
    }

    #card-recuado {
        grid-column: 1;
        grid-row: 3;
    }
}

#envioAutomatico > figure {
    width: 25%;
}

#envioAutomatico > figure > img {
    width: 4.5rem;
}

@media (max-width : 500px) {
    .card-servicios {
        width: 36vw;
        height: 29.5vw;
    }
}

.container-cards-small {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10vw, 1fr));
    grid-auto-rows: auto;
    max-width: 55vw;
    gap: 0.8vw 1vw;
}

@media(max-width:1200px) {
    .container-cards-small {
        gap: 1.8vw 1.7vw;
    }

    .container-cards-small {
        max-width: 45vw;
    }
}

@media(max-width:1100px) {
    .container-cards-small {
        max-width: 40vw;
    }
}

@media(max-width:900px) {
    .container-cards-small {
        max-width: 50vw;
        grid-template-columns: repeat(auto-fill, minmax(12vw, 1fr));
        gap: 0.8vw 1.5vw;
    }
}

@media(max-width:650px) {
    .container-cards-small {
        max-width: 67vw;
        grid-template-columns: repeat(auto-fill, minmax(25vw, 1fr));
        gap: 1vw 1vw
    }
}

@media(max-width:500px) {
    .container-cards-small {
        max-width: 75vw;
        gap: 1.5vw 3vw;
    }
}

.container-servicios {
    display: flex;
    justify-content: center;
    align-items: start;
    height: 400px;
    font-family: var(--fuente);
    color: var(--textPrimay);
    height: auto;
    padding: 5vw 0 7rem;
    gap: 1rem;
}

    .container-servicios > section:first-child {
        flex-basis: 26%;
    }

@media (max-width : 1385px) {
    .container-servicios > section:first-child {
        flex-basis: 24%;
    }
}
@media (max-width : 1200px) {
    .container-servicios > section:first-child {
        flex-basis: 32%;
    }
}
@media (max-width : 1155px) {
    .container-servicios > section:first-child {
        flex-basis: 33%;
    }
}

@media (max-width : 1050px) {
    .container-servicios > section:first-child {
        flex-basis: 38%;
    }
}

@media (max-width : 900px) {
    .container-servicios {
        flex-direction: column;
        height: auto;
        padding: 10vh 0;
        align-items: center;
    }
    #paragraph{
        margin-bottom: 5rem;
    }
    #paragraph br {
        display: none;
    }
}

@media (max-width : 600px) {
    .container-servicios {
        margin-top: 3rem;
    }
}

@media (max-width : 480px) {
    .container-servicios {
        margin-top: 5rem;
    }
}
.card-servicios > figure, .card-servicios > div > figure {
    margin: 0 0 0.2rem 0;
    width: 100%;
}

    .card-servicios > figure > img, .card-servicios > div > figure > img {
        margin: 0;
        width: 2.5rem;
    }

.card-servicios > p, .card-servicios > div > p {
    font-size: 0.75rem;
    color: var(--textPrimay);
    margin: 0;
    line-height: 0.8rem;
}

@media (max-width : 1155px) {

    .card-servicios > p, .card-servicios > div > p {
        font-size: 0.85rem;
        line-height: 1.1rem;
    }
}

@media (max-width : 900px) {

    .card-servicios > p, .card-servicios > div > p {
        font-size: 1.3vw;
    }
}

@media (max-width : 650px) {

    .card-servicios > p, .card-servicios > div > p {
        font-size: 1.8vw;
    }
}

@media (max-width : 500px) {

    .card-servicios > p, .card-servicios > div > p {
        font-size: 2.9vw;
    }
}

.card-servicios > * strong {
    color: var(--textBold);
}

.height-card {
    height: 20.8vw;
    grid-row: span 2;
}

.width-card {
    grid-column: span 2;
    width: 22vw;
    flex-direction: row;
    justify-content: space-evenly;
}

@media (max-width : 1200px) {
    .height-card {
        height: 23.8vw;
    }
}

@media (max-width : 1200px) {


    .width-card {
        width: 26vw;
    }
}
@media (max-width : 1000px) {
    .height-card {
        height: 25.8vw;
    }

    .width-card {
        width: 27vw;
    }
}

@media (max-width : 900px) {
    .height-card {
        height: 30.8vw;
    }

    .width-card {
        width: 33vw;
    }
}

@media (max-width : 650px) {
    .height-card {
        height: 38.8vw;
    }

    .width-card {
        width: 50vw;
    }
}

@media (max-width : 500px) {
    .height-card {
        height: 60.8vw;
    }

    .width-card {
        width: 75vw;
    }
}

.info {
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.subtitle {
    font-size: 2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
}

.mt-card-high {
    margin-top: 1vw !important;
}

.ocultar {
    animation: fadeOut 1s ease-in-out;
    display: none;
}

.mostrar {
    animation: fadeIn 1s ease-in-out;
    display:flex;
}
/*-------------------------------------------------------------     Fin actualización de servicios Marzo 2024   -----------------------------------------------------------------*/
.cabeceraUniversidades {
    height: 360px;
    background: #f8f8f3;
    background-image: url(/Images/Servicios/Universidades/BannerUniversidades.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .cabeceraUniversidades .container {
        width: 100%;
        margin: 0px;
    }

    .cabeceraUniversidades .cabecera-text {
        padding-left: 220px;
    }

    .cabeceraUniversidades .iconoCabecera {
        width: 120px;
    }

    
    .cabeceraUniversidades-movil .iconoCabecera {
        width: 100px;
    }

    
.modulosUniversidades .container-caracteristica .span-caracteristica {
    border: 2px solid #734393;
}
    
.modulosUniversidades .container-caracteristica .span-caracteristica i{
    color: #734393;
}

.modulosUniversidades .container-caracteristica .text-caracteristica {
    border-bottom: 1px solid #CCC;
    padding-bottom: 1rem;
}

.texto-universidades{
    color: #734393;
}

.borde-universidades{
    border-color: #734393;
}