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

div:where(.swal2-container) .swal2-html-container {
    margin: 0em 0em 0em !important;
}

.mt-6 {
    margin-top: 10rem;
}

.ppa {
    padding: 0rem !important;
}

.p2 {
    margin-bottom: 0em;
}

.row1 {
    --bs-gutter-x: 0rem;
}

.card {
    --bs-card-bg: none !important;
    --bs-card-border-color: none !important;
    /* border: 1px solid black; */
}

.modal {
    --bs-modal-zindex: 99999;
}

div:where(.swal2-container) {
    z-index: 99999 !important;
}

#f-escondidoH img {
    display: block;
}

@media screen and (max-width:991px) {
    #f-escondidoH img {
        display: none;
    }

}

@media screen and (max-width:468px) {
    .ppa {
        padding: 3rem !important;
    }

}

.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    margin-right: 25px;
    margin-left: 25px;
    border-radius: 50%;
}

/*Modificado 14-10-2025*/
@media screen and (max-width:320px) {
    .carousel-indicators [data-bs-target] {
        width: 9px;
        height: 9px;
        margin-right: 17px;
        margin-left: 17px;
    }
}

/*Modificado 14-10-2025*/
/* ---------------------------------------------------------------------------- */

/*modificaciones del menu 13-04-2026*/
.stik {
    color: white;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}

.span1 {
    color: rgb(255, 234, 7);
    font-size: 25px;
    font-weight: bold;
}

.span2 {
    color: rgb(255, 234, 7);
    font-size: 30px;
    font-weight: bold;
}

.mtIHo {
    margin-top: -3px;
}

.site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1035;
    width: 100%;
}

body {
    padding-top: var(--header-offset, 0px);
}

.topbar {
    background: transparent linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box;
    /* border-bottom: 1px solid white; */
    padding: 0.5em;
    margin-top: 0;
}

.topbarHomPro {
    background: transparent linear-gradient(269deg, #ff0000 0%, #000000 100%) 0% 0% no-repeat padding-box !important;
}

.imgLogoPromo img {
    width: 44%;
}

.brMovi {
    display: none;
}

.divTab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap: 2px;
    margin-left: 55px;
}
.brLap{
    display: none;
}

@media screen and (max-width:1280px) {
    .brLap {
        display: block;
    }

    .imgLogoPromo {
        width: 10%;
    }

    .imgLogoPromo img {
        width: 74%;
    }
}

@media screen and (max-width:996px) {
    .mtIHo.Escr {
        display: none !important;
    }

    .divTab {
        display: block;
        width: 22%;
        /* background: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        gap: 10px;
        margin-right: -34px;
    }

    .stik {
        font-size: 18px;
        line-height: 29px;
        width: 67%;
        text-align: center;
    }

    .imgLogoPromo img {
        width: 74%;
        margin-left: -10px;
    }

    .mtIHo {
        font-size: 14px;
    }
}

@media screen and (max-width:468px) {
    .brLap {
        display: none;
    }

    .brMovi {
        display: block;
    }

    .stik {
        font-size: 18px;
        text-align: center;
        width: 100%;
    }

    .span1 {
        color: rgb(255, 234, 7);
        font-size: 22px;
        font-weight: bold;
    }

    .imgLogoPromo {
        text-align: center;
        padding: 1rem 0rem;
        width: 100%;
    }

    .imgLogoPromo img {
        width: 22%;
    }


    .divTab {
        display: block;
        width: 100%;
        /* background: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row;
        gap: 32px;
        margin-right: 0px;
        margin-left: 0;
        margin-top: 9px;
    }

.disBlMovSti {
    animation: sktick 1s forwards;
}
}

@keyframes sktick {
    0% {
        opacity: 1;
        height: 100px; /* o auto si defines altura fija antes */
    }

    100% {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }
}

/* .topbar .contact-info i a,
.topbar .contact-info i span {
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    position: relative;
    z-index: 99999;
    font-style: normal;
    cursor: pointer;
}

.topbar .contact-info i a {
    line-height: 0;
    transition: 0.3s;
    position: relative;

} */

#mainNav,
.sub-menu {
    padding: .5rem 0rem .5rem;
    /* padding-top: 0rem; */
    /* padding-bottom: 1.5rem; */
    /* background: transparent linear-gradient(253deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box; */
    background: black;
    border: none;
}

#mainNav .navbar-toggler {
    padding: 0.75rem;
    font-size: 0.75rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

#mainNav .navbar-brand {
    color: #ffc800;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.0625em;
    text-transform: uppercase;
}


#mainNav .navbar-brand img {
    height: 53px;
}

#mainNav .navbar-nav .nav-item .nav-link,
.sub-imtem {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.0625em;
    transition: .25s all ease-in;
}

/* #mainNav .navbar-nav .nav-item .nav-link:not(.nonB),
.sub-imtem {
    border-right: 1px solid #9B9A9A;
}
 */

.sub-imtem:hover {
    background-color: #FEBA33;
    color: #fff;
    cursor: pointer;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #FEBA33;
    color: #fff;
    cursor: pointer;
}

.sinB {
    border: none;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

#mainNav .navbar-nav .nav-item .nav-link.active,
#mainNav .navbar-nav .nav-item .nav-link:not(.non):hover {
    color: #FEBA33;
    background: none;
    border-radius: 0px;
}

.derecha {
    left: 13em;
    top: -1em;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}


@media screen and (min-width: 992px) {
    .topbar {
        background: transparent;
        /* linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box; */
        /* border-bottom: 1px solid #9B9A9A; */
        padding: 0.5em;
        margin-top: 0em;
        /* z-index: 9999; */
    }

    #mainNav {
        padding: 1.2rem 0rem 1.2rem;
        /* padding-top: 1.5rem; */
        /* padding-top: 2.5rem; */
        border: none;
        background: black;
        transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
        border-bottom: 1px solid #9B9A9A;
    }

    #mainNav .navbar-brand {
        font-size: 1.5em;
        transition: font-size 0.3s ease-in-out;
    }

    #mainNav .navbar-brand img {
        height: 80px;
        transition: height 0.3s ease-in-out;
    }

    #mainNav.navbar-shrink {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border: none;
        background: black;
        /* background: transparent linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box; */
        /* border-bottom: 1px solid #9B9A9A; */
    }

    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
    }

    #mainNav.navbar-shrink .navbar-brand svg,
    #mainNav.navbar-shrink .navbar-brand img {
        /* height: 1.5rem; */
        /* height: 3rem; */
        height: 3.5rem;
    }

    #mainNav .navbar-nav .nav-item .nav-link.active,
    #mainNav .navbar-nav .nav-item .nav-link:not(.non):hover {
        color: #fff;
        background: #FEBA33;
        border-radius: 50px;
    }

    #mainNav .navbar-nav .nav-item {
        margin-right: .5rem;
        border-right: 1px solid #9B9A9A;
        /* display: flex;
        align-items: center; */
    }

    .sinM {
        margin-right: 0rem !important;
    }

    #mainNav .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }
}

/*Carousel Home*/

@media screen and (max-width: 468px) {
    .carrouselMovil {
        display: none;
    }

    .imgSiigoFiscal {
        content: url("../../img/bannerHome/SiigoFiscalAspelMovil.webp");
    }

    .imgsdTall {
        content: url("../../img/bannerHome/taller-de-reportes-en-aspel-sae-movil-an.webp");
    }

    .imgsdTallCoi {
        content: url("../../img/bannerHome/banner-nuevo-coi-11-movil.webp");
    }

    .imgsdTallSae {
        content: url("../../img/bannerHome/banner-nuevo-sae-10-movil.webp");
    }

    .imgsd1 {
        content: url("../../img/bannerHome/1\ \(2\).webp");
    }

    .imgsd2 {
        content: url("../../img/bannerHome/2\ \(2\).webp");
    }

    .imgsd3 {
        content: url("../../img/bannerHome/3.webp");
    }
}

.carousel-descuento {
    display: flex;
    align-items: center;
    width: 40%;
    top: 40%;
    transform: translate(70%, -50%);
    left: 0%;
    /* background: red; */
}

.imgDes {
    width: 30%;
    margin: 0px 25px;
    transform: rotate(-20deg);
    animation: girar 2s normal;
}

.precio1 {
    font-size: 50px;
    font-weight: 500;
    position: relative;
    animation: dobles 2s normal;
}

.precio1::after {
    content: "";
    border: 2px solid white;
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.precio2 {
    font-size: 65px;
    font-weight: 800;
    animation: dobles 2s normal;
}

.precio2 span {
    color: #FCD651;
    font-size: 90px;
    font-weight: 900;
}

.carousel-infoTaller {
    width: 45%;
    left: 78%;
    transform: translate(-50%, -50%);
    top: 45%;
}

.infoTaller1 {
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    color: #FFFFFF;
}

.infoTalleres {
    background: black;

}

.infoTaller2 {
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    background: black;
    color: #E00000;
}

.infoTaller3 {
    text-align: center;
    font-size: 49px;
    font-weight: 300;
    color: #FFFFFF;
}

.infoTaller4 {
    background: transparent linear-gradient(180deg, #FFDD54 0%, #E69D2E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 20px #00000040;
    border: 5px solid #FFFFFF;
    border-radius: 70px;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    color: #1F43B7;
    width: 75% !important;
    margin: 35px 0px 25px;
}

.infoTaller5 {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
}

.infoTaller5 span {
    font-weight: 900;
}

.inscM {
    display: none;
}

@media screen and (max-width:1440px) {
    .infoTaller1 {
        font-size: 55px;
    }

    .infoTaller2 {
        font-size: 55px;
    }

    .infoTaller3 {
        font-size: 40px;
    }

    .infoTaller4 {
        font-size: 35px;
    }

    .infoTaller5 {
        font-size: 20px;
    }

    .carousel-descuento {
        top: 50%;
    }

    .precio1 {
        font-size: 40px;
    }

    .precio2 {
        font-size: 50px;
    }

    .precio2 span {
        font-size: 70px;
    }
}

@media screen and (max-width:1024px) {
    .carousel-descuento {
        top: 50%;
        flex-flow: column;
        transform: translate(30%, -50%);
    }

    .carousel-infoTaller {
        width: 60%;
        left: 76%;
    }

    .infoTaller1 {
        font-size: 45px;
    }

    .infoTaller2 {
        font-size: 45px;
    }

    .infoTaller3 {
        font-size: 30px;
    }

    .infoTaller4 {
        font-size: 30px;
        width: 75% !important;
    }

    .infoTaller5 {
        font-size: 16px;
    }
}

@media screen and (max-width:991px) {
    .infoTaller1 {
        font-size: 45px;
    }

    .infoTaller2 {
        font-size: 45px;
    }

    .infoTaller3 {
        font-size: 30px;
    }

    .infoTaller4 {
        font-size: 30px;
    }

    .infoTaller5 {
        font-size: 17px;
    }

    .carousel-infoTaller {
        width: 55%;
        left: 73%;
    }

    .inscE {
        display: none;
    }

    .inscM {
        display: block;
    }
}

@media screen and (max-width:820px) {
    .carousel-infoTaller {
        top: 35%;
    }
}

@media screen and (max-width:768px) {
    .precio1::after {
        border: 1px solid white;
        width: 75%;
    }

    .carousel-descuento {
        top: 45%;
    }


    .precio1 {
        font-size: 25px;
    }

    .precio2 {
        font-size: 30px;
    }

    .precio2 span {
        font-size: 45px;
    }

    .infoTaller1 {
        font-size: 35px;
    }

    .infoTaller2 {
        font-size: 35px;
    }

    .infoTaller3 {
        font-size: 25px;
    }

    .infoTaller5 {
        font-size: 16px;
    }

    .infoTaller4 {
        font-size: 25px;
        margin: 20px 0px 20px;
    }

    .carousel-infoTaller {
        top: 43%;
    }
}

@media screen and (max-width:540px) {
    .carousel-infoTaller {
        top: 35%;
    }

    .infoTaller1 {
        font-size: 25px;
    }

    .infoTaller2 {
        font-size: 30px;
    }

    .infoTaller4 {
        font-size: 16px;
        margin: 20px 0px 20px;
    }

    .infoTaller5 {
        font-size: 11px;
    }
}

@media screen and (max-width:468px) {
    .carousel-infoTaller {
        top: 37%;
        width: 100%;
        left: 50%;
    }

    .infoTaller1 {
        font-size: 45px;
    }

    .infoTaller2 {
        font-size: 40px;
    }

    .infoTaller3 {
        font-size: 27px;
    }

    .infoTaller4 {
        font-size: 22px;
        margin: 10px 0px 15px;
        width: 80% !important;
    }

    .infoTaller5 {
        font-size: 15px;
    }

    .carousel-descuento {
        top: 73%;
        width: 100%;
        left: 0%;
        flex-flow: row;
    }

    .imgDes {
        width: 15%;
        position: relative;
        top: -35px;
        left: 35px;
    }
}

@media screen and (max-width:360px) {
    .carousel-infoTaller {
        top: 34%;
    }
}

@media screen and (max-width:344px) {
    .carousel-descuento {
        top: 80%;
        left: 40%;
    }
}

@media screen and (max-width:320px) {
    .infoTaller1 {
        font-size: 30px;
    }

    .infoTaller2 {
        font-size: 30px;
    }

    .carousel-descuento {
        left: 40%;
    }
}

@media screen and (max-width:280px) {
    .infoTaller1 {
        font-size: 25px;
    }

    .infoTaller2 {
        font-size: 25px;
    }

    .infoTaller3 {
        font-size: 20px;
    }

    .infoTaller4 {
        font-size: 17px;
    }

    .infoTaller5 {
        font-size: 11px;
    }

    .precio1 {
        font-size: 19px;
    }

    .precio2 {
        font-size: 20px;
    }

    .precio2 span {
        font-size: 35px;
    }

    .imgDes {
        width: 20%;
        top: -25px;
    }

    .carousel-descuento {
        top: 73%;
    }
}

.rimmels1 {
    font-size: 9em;
    /* text-align: start; */
    font-weight: bold;
    animation: dobles 5s normal;
}

@keyframes dobles {
    to {
        transform: rotateX(0deg);
    }

    from {
        transform: rotateX(90deg);
    }
}

@keyframes girar {
    to {
        transform: rotate(-20deg);
    }

    from {
        transform: rotate(360deg);
    }
}

@keyframes abajo {
    to {
        transform: rotatey(0deg);
    }

    from {
        transform: rotate(90deg);
    }
}

.rimmels2 {
    font-size: 3em;
    /* text-align: start; */
    font-weight: bold;
}

.rimmels3 {
    font-size: 5em;
    /* text-align: start; */
    font-weight: bold;
    color: red;
    background: black;
    padding: 0.1em;
}

.rimmels4 {
    font-size: 5em;
    /* text-align: start; */
    font-weight: bold;
}

.rimmels5 {
    font-size: 5em;
    /* text-align: start; */
    font-weight: bold;
}

.estrategias1 {
    font-size: 7em;
    /* text-align: start; */
    font-weight: bold;
    color: white;
    /* background: black; */
    padding: 0.1em;
}

.estrategias2 {
    font-size: 4em;
    /* text-align: start; */
    font-weight: bold;
    background: black;
    padding: 17px;
}

.entornos1 {
    font-size: 6em;
    /* text-align: start; */
    font-weight: bold;
    color: white;
    /* background: black; */
    padding: 0.1em;
}

.entornos2 {
    font-size: 4em;
    /* text-align: start; */
    font-weight: bold;
    background: black;
    padding: 15px;
}

.carousel-rimmels {
    position: absolute;
    width: 45%;
    left: 80%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.carousel-imghome {
    position: absolute;
    width: 18%;
    left: 0%;
    top: 10%;
    transform: translate(50%, 0%);
    right: 0%;
    bottom: 0;
    padding: 0;
}

@media screen and (max-width:1440px) {
    .carousel-imghome {
        width: 27%;
        top: 12%;
        transform: translate(-10%, 0%);
    }
}

@media screen and (max-width:1024px) {
    .carousel-imghome {
        width: 27%;
        top: 19%;
        transform: translate(-10%, 0%);
    }
}

@media screen and (max-width:998px) {
    .carousel-imghome {
        width: 27%;
        top: 15%;
        transform: translate(-10%, 0%);
    }
}

@media screen and (max-width:768px) {
    .carousel-imghome {
        width: 27%;
        top: 0%;
        transform: translate(-10%, 0%);
    }
}

@media screen and (max-width:468px) {
    .carousel-imghome {
        width: 40%;
        top: 0%;
        transform: translate(50%, 0%);
        left: 40%;
    }
}

.carousel-entorno {
    position: absolute;
    width: 41%;
    left: 80%;
    top: 57%;
    transform: translate(-50%, -50%);
}


.tracking-in-expand {
    -webkit-animation: tracking-in-expand 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) 1.5s alternate both;
    animation: tracking-in-expand 1s cubic-bezier(0.895, 0.030, 0.685, 0.220) .5s alternate both;
}


@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
        width: 0%;
    }

    40% {
        opacity: 0.6;

    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

.carousel-wrap {
    margin: 50px auto;
    padding: 0 5%;
    width: 80%;
    position: relative;
}

.item {

    /* border: 1px solid black; */
    /* background-color: white!important; */
}

.itemImagen {
    height: 150px;
    background: #ffffff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .owl-carousel .item {
    height: 150px;
    background: #ffffff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* fix blank or flashing items on carousel */
/* .owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
} */

/* end fix */
.owl-nav {
    position: absolute;
    top: 2.5em;
    color: black;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    position: relative;
    left: -3em;
}

.owl-nav .owl-next {
    position: relative;
    /* left: 61.5em; */
    left: 67.5em;
    /* left: 75.5em; */
}

/*Modificado 14-10-2025*/
@media screen and (max-width:1368px) {
    .owl-nav {
        top: 1.5em;
    }

    .owl-nav .owl-next {
        left: 50.5em;
    }

    .num-nav {
        width: 85%;
    }
}

/*Modificado 14-10-2025*/


@media screen and (max-width:1024px) {
    .owl-nav .owl-prev {
        position: relative;
        left: -4em;
    }

    .owl-nav .owl-next {
        position: relative;
        left: 38em;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 90%;
    }

    .rimmels1 {
        font-size: 7em;
    }

    .rimmels2 {
        font-size: 2.5em;
    }

    .rimmels3 {
        font-size: 3em;
        margin-top: -2rem !important;
    }

    .rimmels4 {
        font-size: 2.5em;
    }

    .rimmels5 {
        font-size: 2.5em;
    }

    .estrategias1 {
        font-size: 5em;
    }

    .estrategias2 {
        font-size: 2em;
    }

    .entornos1 {
        font-size: 3.3em;
    }

    .entornos2 {
        font-size: 2.5em;
    }
}

/* @media screen and (max-width:990px){
    .dropdown:hover>.dropdown-menu {
        display: block;
        background-color: rgb(0, 0, 0);
        color: #000;
    }
} */
@media screen and (max-width:768px) {
    .carousel-wrap {
        width: 100%;
    }

    .owl-nav .owl-next {
        left: 33.5em;
        top: 1em;
    }

    .owl-nav .owl-prev {
        position: relative;
        left: -2.5em;
        top: 1em;
    }

    .carousel-rimmels {
        left: 80%;
    }

    .rimmels1 {
        font-size: 6em;
    }

    .rimmels2 {
        font-size: 2em;
    }

    .rimmels3 {
        font-size: 2.5em;
        margin-top: -2rem !important;
    }

    .rimmels4 {
        font-size: 2em;
    }

    .rimmels5 {
        font-size: 2.5em;
    }

    .estrategias1 {
        font-size: 3em;
    }

    .estrategias2 {
        font-size: 2em;
    }

    .entornos1 {
        font-size: 2.5em;
    }

    .entornos2 {
        font-size: 2em;
    }

    .carousel-indicators {
        margin-bottom: 0rem;
    }
}

/*Modificado 14-10-2025*/
@media screen and (max-width:540px) {
    .owl-nav .owl-next {
        left: 26.5em;
        top: 1em;
    }
}

@media screen and (max-width:468px) {
    .carousel-wrap {
        margin: 90px auto;
        padding: 0 0%;
        width: 99%;
        position: relative;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 70%;
    }

    .owl-nav {
        top: 7.5em;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .owl-nav .owl-next {
        left: 0em;
    }

    .owl-nav .owl-next img,
    .owl-nav .owl-prev img {
        width: 15px;

    }

    .owl-nav .owl-prev {
        left: 0em;
    }

    .num-nav {
        width: 85%;
        flex-flow: column;
    }

}

/*----------------------Nosotros-----------------------------*/
.diagonal-container {
    position: relative;
    width: 100%;
}

.fonNosotros {
    background-image: url('../../img/IMAGEN_R.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100vh; */
    /* transform: skewY(-10deg); */
}

.fonNosotros {
    position: relative;
    height: 85vh;
    transform: skewY(0deg);
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url('../../img/IMAGEN_R.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: skewY(10deg);
    /* Contrarresta la transformación para que la imagen no esté rotada */
    z-index: -1;
    /* Coloca la imagen de fondo detrás del contenido */
}

.titleNosotros {
    font-size: 28px;
    font-family: 'Open sans', sans-serif;
    font-weight: bold;
    color: #000000;
    opacity: 0.52;
    text-align: center;
    /* margin-bottom: 1.2rem; */
    margin: 1em 4em 0em 4em;

}

.nosotros {
    width: 509px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 10px #00000029;
    /* padding: 4em; */
}

.active-section {
    animation: nosotrosOpacidad 1.5s normal;

}

@keyframes nosotrosOpacidad {
    to {
        opacity: 1;
        transform: rotateZ(360deg);
        position: relative;
        left: 0em;
        /* width: 100%;
        height: 100%; */
    }

    from {
        opacity: 0;
        transform: rotateZ(0deg);
        position: relative;
        left: -50em;
        /* width: 0%;
        height: 0%; */

    }
}

.nosContenido {
    margin: 1.5em 4em 4em 4em;
}

.nosContenido p {
    font-size: 18px;
    font-family: 'Open sans', sans-serif;
    color: #707070;
    text-align: justify;
}

.content {
    position: relative;
    z-index: 2;
    transform: skewY(-10deg);
    background-color: rgb(0, 0, 0);
}

/*-Certificaciones-*/
.certificaciones {
    background: transparent linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box;
    /* padding: 1em; */
}

.certifi {
    font-weight: bold;
    font-size: 42px;
    font-family: 'Open Sans', sans-serif;
    color: white;
}

.titulo {
    padding: 1em;
}

.unos {
    margin-left: -1em;
    margin-right: -1em;
}

.dos {
    width: 64%;
    cursor: pointer;
}

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.loop .item img {
    cursor: pointer;
}

/*-Prodcutos-*/
.content-below {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../../img/BANNER-COLLAGE2.webp');
    transform: skewY(-10deg);
}

.siigo {
    margin-top: 19em;
    transform: skewY(10deg);
    margin-left: 15px;
    padding: 3rem;
}

.digital {
    margin-top: 1em;
    transform: skewY(10deg);
    margin-left: 15px;
    padding: 3rem;

}

.red {
    margin-top: -10em;
    transform: skewY(10deg);
    margin-left: 15px;
    padding: 3rem;

}

/* .btnS {
    width: 20.5rem;
    border: none;
    border-radius: 10px;
    position: relative;
    top: -3.5em;
    height: 5.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 10px #0000003b;
    opacity: 0.87;
    transition: .4s all ease-in;
}

.btnS a {
    color: black;
    font-size: 22px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    box-shadow: 0px 10px 16px #00000029;

}

.btnS:hover {
    opacity: 1;
    box-shadow: 0px 10px 10px 3px #00000059;
} */
.ov-btn-grow-skew {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;

    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    font-size: 22px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    top: -3.5em;
    height: 4em;
    width: 20.5rem;
    border: none;
    background: #ffffffaf 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 10px #0000003b;
    /* opacity: 0.50; */


}

.ov-btn-grow-skew:hover {
    color: #000000;
    /* color de fuente hover */
    opacity: 1;
}

.ov-btn-grow-skew::after {
    content: "";
    background: #ffffff;
    /* color de fondo hover */
    position: absolute;
    z-index: -1;
    /* padding: 16px 20px; */
    display: block;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.3s ease;
}

.ov-btn-grow-skew:hover::after {
    transition: all 0.3s ease-out;
    transform: skewX(-45deg) scale(1, 1);

}

/* .btnS:hover a {
    animation: rotate-scale-down .4s linear both;
} */

@keyframes rotate-scale-down {
    0% {
        transform: scale(1) rotateZ(0)
    }

    50% {
        transform: scale(.5) rotateZ(180deg)
    }

    100% {
        transform: scale(1) rotateZ(360deg)
    }
}

.content-nosotros {
    background: white;
    padding: 3em;
    color: black;
    box-shadow: 20px 20px 20px 0px #0000006b;
    width: 80%;
}

.card-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #060606;
}

.card-text {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 100; */
    color: #060606;
}

/*-Boton de Cotiza-*/
.container-cotiza {
    display: flex;
    justify-content: end;
    align-items: center;
}

.container-cotiza a {
    border: none;
    border-radius: 33px;
    padding: .5em 1.5em;
    font-size: 1.5em;
    color: white;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    transition: .3s all ease-in;
}

.container-cotiza a:hover {
    box-shadow: -1px 0px 14px 0px #000000ba;
    transform: translateY(-10%);
    background: transparent linear-gradient(0deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    cursor: pointer;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*---------------------------------Testimonios-----------------------------------*/
.fondoTesti {
    background: transparent linear-gradient(226deg, #820707 0%, #860707 50%, #E00000 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    position: relative;
    z-index: -1;
    transform: skewY(-10deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-testimonio {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    border-top: 6px solid white;
    padding-top: 0.3em;
}

.img-comillasIz {
    /* width: 10%;
    position: relative;
    left: 14em;
    top: -5em; */
    width: 8%;
    position: relative;
    left: 20em;
    top: -5em;
}

.img-comillasDe {
    /* width: 10%;
    position: relative;
    left: -11em;
    top: -8em; */
    width: 8%;
    position: relative;
    left: -21em;
    top: -8em;
}

.resTest {
    flex-direction: column;
    position: relative;
    margin-top: -4em;
}

.text-testimonio {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}


.text-name {
    font-weight: bold;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

.text-slogan {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
}

.testimonio {
    /* width: 50%; */
    width: 42%;
}

.mtt {
    margin-top: -5em;
}

.carousel-control-prev,
.carousel-control-next {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5%;
    padding: 1px;
    text-align: center;
    /* background: white; */
    border-radius: 50%;
    border: 2px solid white;
    opacity: 1;
    transition: opacity .15s ease;
    margin: 7px;
}

.girotest {
    transform: skewY(10deg);
    position: relative;
    z-index: 1;
}

.img-testimonio {
    /* width: 13em; */
    width: 11em;
}

/* ----------------------------formulario home---------------------------------- */
.tituloF .hmos {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: white;
    margin-bottom: 0em;
}

.tituloF .ctos {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.mb-3 label {
    color: white;
    font-weight: 500;
    position: relative;
    transform: translateY(-40px);
    left: 13px;
}

.mb-3 input,
textarea {
    height: 3.5em;

}

.mb-3 input:focus+label,
.mb-3 input:valid+label,
.mb-3 textarea:focus+label,
.mb-3 textarea:valid+label {
    position: relative;
    transform: translateY(-80px);
    box-shadow: none !important;
    background-color: transparent;
}

.btn-enviar-home {
    width: 6em;
    border-radius: 5px;
    padding: 0.5em;
    color: white;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

.inmon {
    background: linear-gradient(90deg, #ffffff9e, transparent, #ffffff9e);
    background-size: 200% 100%;
    animation: scanning 6s linear infinite alternate;
    border: 2px solid rgb(255, 255, 255);
}

.nomcor {
    background: linear-gradient(90deg, #ffffff9e, transparent, #ffffff9e);
    background-size: 200% 100%;
    animation: scanning 6s linear infinite alternate;
    border: 2px solid rgb(255, 255, 255);
    animation-delay: 2s;
}

.nomtel {
    background: linear-gradient(90deg, #ffffff9e, transparent, #ffffff9e);
    background-size: 200% 100%;
    animation: scanning 6s linear infinite alternate;
    border: 2px solid rgb(255, 255, 255);
    animation-delay: 1s;
}

.labare {
    background: linear-gradient(90deg, #ffffff9e, transparent, #ffffff9e);
    background-size: 200% 100%;
    animation: scanning 6s linear infinite alternate;
    border: 2px solid rgb(255, 255, 255);
    animation-delay: 1.5s;
    resize: none;
}

@keyframes scanning {
    0% {
        background-position: 100% 100%;
    }

    50% {
        background-position: 200% 200%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.form-control:focus {
    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

#fondoContacto {
    /* background-image: url('../../img/Enmascarar\ grupo\ 20.jpg'); */
    background-position: center;
    background-size: cover;
    height: 100vh;

}

.img-contacto {
    width: 9%;
    transition: .2s all ease-in;
}


.img-contacto:hover {
    width: 10%;
}

a {
    text-decoration: none;
}

.btn-ticket {
    display: block;
    width: 13em;
    height: 13em;
    color: #fff;
    position: fixed;
    right: -4em;
    bottom: 10%;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 999;
    transition: .2s all ease-in;
}

.btn-ticket:hover {
    width: 14em;
    height: 14em;
    cursor: pointer;
}

footer {
    background: black;
    color: white;
}


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

    .img-comillasIz {
        /* left: 1em;
        top: 0em; */
        left: 10em;
        top: -3em;

    }

    .img-comillasDe {
        /* left: -1em;
        top: -5em; */
        left: -10em;
        top: -10em;

    }

    .siigo {
        padding: 1rem;
    }

    .digital {
        padding: 1rem;
    }

    .red {
        padding: 1rem;

    }

    .ov-btn-grow-skew {
        width: 18.5rem;
    }

    /* #fondoContacto {
        height: 69vh;
    } */

}


@media screen and (max-width: 1024px) {
    .img-comillasIz {
        left: 0em;
        top: -2em;
    }

    .img-comillasDe {
        left: -2em;
        top: -10em;

    }

    /* #fondoContacto {
        height: 60vh;

    } */

    .fonNosotros {
        height: 70vh;
    }

    /* .btnS {
        width: 19rem;
        padding: 0em;
    } */

    .testimonio {
        width: 70%;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 4.5%;
    }

    .resTest {
        flex-direction: column;
        position: relative;
        margin-top: 0em;
    }

    .siigo {
        margin-top: 2em;
        padding: 1rem;
    }

    .digital {
        margin-top: 9.5em;
        padding: 1rem;
    }

    .red {
        margin-top: -6em;
        padding: 1rem;
    }
}

@media screen and (max-width:990px) {
    .red {
        margin-top: 0em;
    }

    .fonNosotros {
        height: 100%;
    }

    #fondoContacto {
        height: 100%;
    }


}

@media screen and (max-width:768px) {
    .resTest {
        flex-direction: column;
        position: relative;
        margin-top: 1em;
    }

    .fonNosotros {
        height: 75vh;
    }

    .img-testimonio {
        width: 10em;
    }

    .siigo {
        margin-top: 2em;
    }

    .digital {
        margin-top: 9.5em;
    }

    .red {
        margin-top: 0em;
    }

    .btnS {
        width: 18rem;
        font-size: 20px;
        padding: 0.5em;
    }


    .testimonio {
        width: 82%;
    }

    .mtt {
        margin-top: -2em;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 4.5%;
    }

    .img-contacto {
        width: 20%;
    }

    /* #fondoContacto {
        height: 90vh;
    } */

    .contac-form {
        margin-top: 2rem;
    }
}

.mb-6 {
    margin-bottom: .3rem !important;
}

@media screen and (max-width: 717px) {
    .fonNosotros {
        height: 104vh;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 6.5%;
    }

    .contact {
        margin-top: 10em;
    }

    .fondoContacto {
        height: 125vh;
    }

    .img-contacto {
        width: 10%;
    }

    .mb-6 {
        margin-bottom: 6.3rem !important;
    }
}

@media screen and (max-width: 653px) {
    .background-image {
        height: 100%;
    }

    .fonNosotros {
        height: 100%;
    }

    .btnS {
        width: 16rem;
    }

    .fondoContacto {
        height: 100%;
    }

    .btn-ticket {
        width: 10em;
        height: 10em;
    }

    .btn-ticket:hover {
        width: 11em;
        height: 11em;
        cursor: pointer;
    }
}

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

    /*Carousel Home*/
    .btnS {
        width: 16rem;
        height: 4em;
    }

    .btnS a {
        font-size: 17px;
    }

    .rimmels1 {
        /* font-size: 3em;  */
        font-size: 5em;
    }

    .rimmels2 {
        /* font-size: 2em; */
        font-size: 3em;
    }

    .rimmels3 {
        /* font-size: 2em; */
        font-size: 3em;
    }

    .rimmels4 {
        /* font-size: 1.5em; */
        font-size: 2.5em;
    }

    .rimmels5 {
        /* font-size: 1.5em; */
        font-size: 2.5em;
    }

    .estrategias1 {
        font-size: 5em;
    }

    .estrategias2 {
        font-size: 2em;
    }

    .entornos1 {
        font-size: 3em;
    }

    .entornos2 {
        font-size: 2em;
    }

    .carousel-rimmels {
        /* position: absolute;
        width: 41%;
        left: 50%;
        top: 30%;
        transform: translate(-50%, -50%); */
        position: absolute;
        width: 100%;
        left: 0%;
        top: 56%;
        transform: translate(0%, -50%);
    }

    .fonNosotros {
        height: 85vh;
    }

    .container-cotiza {
        position: relative;
        top: 0em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .siigo {
        margin-top: 2em;
        margin-left: 0px;
        padding: 1rem
    }

    .digital {
        margin-top: 0em;
        margin-left: 0px;
        padding: 1rem
    }

    .red {
        margin-top: 0em;
        margin-left: 0px;
        padding: 1rem
    }

    .mtt {
        margin-left: 0px;

        margin-top: 0em;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 10%;
    }

    .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1;
    }

    .img-contacto {
        width: 10%;
    }

    .curva {
        display: flex;
        justify-content: end;
        align-items: flex-end;
        position: relative;
        left: -31.4em;
        width: 100vh;
        top: 0.69em;

    }

    .contac-form {
        margin-right: 0em;
    }

    .img-comillasIz {
        left: 1em;
        top: 0em;
        width: 9%;
    }

    .img-comillasDe {
        width: 9%;

    }
}

@media screen and (max-width: 280px) {
    .nosotros {
        padding: 1.5em;
    }

    .fonNosotros {
        height: 100vh;
    }

    .btnS {
        width: 16rem;
    }

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

    .text-name {
        font-size: 25px;
    }

    .text-slogan {
        font-size: 15px;
    }

    .tituloF .hmos {
        font-size: 35px;
    }

    .tituloF .ctos {
        font-size: 25px;
    }

    .btn-ticket {
        width: 8em;
        height: 11em;
        right: -3em;
        bottom: 0%;
    }

    .btn-ticket:hover {
        width: 9em;
        height: 12em;
        cursor: pointer;
    }

    .img-contacto {
        width: 14%;
    }

    .curva {
        left: -23.4em;
    }

    .contac-form {
        margin-right: 0em;
    }

    .nosContenido p {
        font-size: 15px;
    }

    .content-nosotros {
        background: white;
        padding: 1.5em;
    }
}

/*-----------------------------Sistemas-----------------------------------*/



.card-body {
    height: 14em;
    /* background: red; */
}

.center-all {
    display: flex;
    justify-content: center !important;
    align-items: center ! important;
}

.ss-s {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect-titulo-servicios {
    text-align: center;
    color: white;
    position: relative;
    top: -4em;
    left: 5.5em;
}

.sect-titulo-servicios h2 {

    font-size: 50px;
    font-family: 'Opens Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.46;
}

.distribuidor {
    width: 43%;
    position: absolute;
    top: 3em;
    left: 1em;
    opacity: .5;
}

.headerbanner {
    position: relative;
}

.header-ser {
    background: transparent linear-gradient(253deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    /* border: 1px solid #707070; */
    position: relative;
    z-index: 1;
}

.btn-cotiza-sistemas {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #A8A8A8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    font-family: 'Opens Sans', sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #8F0B0B;
    border: none;
    width: 17em;
}

/* .fh-1 {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
} */

.formHeader {
    background-color: white;
    border-radius: 20px;
    width: 100%;
}

.title-form {
    background-color: #FEBA33;
    text-align: center;
    padding: .5em;
    border-radius: 20px 20px 0px 0px;
}

.title-form h3 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.form-control-header {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid #808080a1;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.fh-1 label {
    font-weight: 500;
    position: relative;
    transform: translateY(-30px);
    left: 13px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.fh-1 .larea {
    color: black;
    font-weight: 500;
    position: relative;
    transform: translateY(-45px);
    left: 13px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.fh-1 input:focus+label,
.fh-1 input:valid+label {
    position: relative;
    transform: translateY(-60px);
    box-shadow: none !important;
    background-color: transparent;
}

.fh-1 textarea:focus+label,
.fh-1 textarea:valid+label {
    position: relative;
    transform: translateY(-80px);
    box-shadow: none !important;
    background-color: transparent;
    resize: none;
}


.btn-enviar {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    width: 6em;
    height: 2em;
    color: white;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    border: none;
}

.FD {
    border: 2px solid #00AAFD !important;
    color: #00AAFD;
}

.FE {
    border: 2px solid #FEBA33 !important;
    color: #FEBA33;
}

.EA {
    border: 2px solid #EA0029 !important;
    color: #EA0029;
}

.AC {
    border: 2px solid #00ACD8 !important;
    color: #00ACD8;
}

.FF {
    border: 2px solid #FF8300 !important;
    color: #FF8300;
}

.AD {
    border: 2px solid #4D4084 !important;
    color: #4D4084;
}

.CE {
    border: 2px solid #75CEDE !important;
    color: #75CEDE;
}

.nav-tabs .nav-link {
    background: transparent linear-gradient(180deg, #D9D9D9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    /* color: #B41717; */
    width: 14em;
    margin-left: 0.5rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
    color: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.FD.active {
    background: transparent linear-gradient(180deg, #00AAFD 0%, #67C8F8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.FE.active {
    background: transparent linear-gradient(180deg, #FEBA33 0%, #FFDE9E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.EA.active {
    background: transparent linear-gradient(180deg, #EA0029 0%, #FBACBA 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.AC.active {
    background: transparent linear-gradient(180deg, #00ACD8 0%, #B4EAF8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.FF.active {
    background: transparent linear-gradient(180deg, #FF8300 0%, #FCD5AA 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.AD.active {
    background: transparent linear-gradient(180deg, #4D4084 0%, #A08CEB 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.CE.active {
    background: transparent linear-gradient(180deg, #75CEDE 0%, #B4F3FF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 50px;
    color: whitesmoke;
}

.nav-tabs {
    --bs-nav-tabs-border-width: none;
}

.btn-cotizar {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    width: 13em;
    color: #FFFFFF;
    transition: .19s all ease-in;
}

.btn-cotizar:hover {
    box-shadow: 0px 11px 20px 0px #00000040;
    transform: translateY(-10%);
}

.btn:hover {
    color: white;
}

.card.active {
    animation: card-tienda 1s;
    transform-origin: center center;
}

@keyframes card-tienda {
    to {
        opacity: 1;
        transform: rotatey(360deg);
    }

    from {
        opacity: 0;
        transform: rotateX(0%);
    }
}


/* -----------Más informacion------------------- */

.ff-f {
    display: flex;
    overflow: hidden;
}

.informacion {
    border: 1px solid #707070;
    border-radius: 30px 0px 0px 30px;
    padding: 3rem;
    background-color: white;
}



.btn-info {

    transition: .25s all ease-in;
}

.btn-info a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    background: transparent linear-gradient(99deg, #E00000 0%, #691818 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 0.5em 1.5em 0.5em 1.5em;
    margin-right: 10px;
}

.btn-info:hover {
    transform: translateY(-5%);
}

/*se agrego*/
@media screen and (max-width:1440px) {
    .btn-info .fisBtn {
        font-size: 13px;
    }

}

/*se agrego*/
@media screen and (max-width: 1366px) {
    .btn-cotiza-sistemas {
        width: 12em;
    }

    .distribuidor {
        top: 6em;
        left: 0em;
        width: 35%;
    }
}

@media screen and (max-width:1024px) {
    .ss-s {
        align-items: center;
    }

    .distribuidor {
        width: 53%;
        top: 4em;
    }

    .btn-info {
        width: 15em;
    }

    .btn-cotiza-sistemas {
        width: 10em;
        font-size: 28px;
    }
}

@media screen and (max-width:991px) {
    .btn-cotiza-sistemas {
        font-size: 25px;
        width: 10em;
    }

    .distribuidor {
        width: 51%;
        top: 5em;
    }

    .sect-titulo-servicios {
        text-align: center;
        color: white;
        position: relative;
        top: -6em;
        left: 7.5em;
    }
}

@media screen and (max-width:768px) {
    .ss-s {
        align-items: start;
    }

    .sect-titulo-servicios {
        top: 0em;
        left: 7.5em;
        margin-top: 6rem;
        margin-bottom: 0rem;
    }

    .headerbanner img {
        width: 100%;
    }

    .distribuidor {
        width: 60%;
        position: absolute;
        top: 5em;
        left: 1em;
        opacity: .5;
    }

    .ff-f {
        display: flex;
        flex-direction: column;
        padding: 1em;
    }

    .informacion {
        padding: 2rem;
        border-radius: 10px 10px 10px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .btn-cotiza-sistemas {
        font-size: 20px;
        width: 11em;
    }
}


@media screen and (max-width: 468px) {
    .distribuidor {
        width: 92%;
        top: 2em;
        left: 0em;
    }

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

    .sect-titulo-servicios {
        top: 0em;
        left: 0em;
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .ss-s {
        align-items: center;
    }

    .ff-f {
        display: flex;
        flex-direction: column;
        padding: 1em;
    }

    .informacion {
        border-radius: 0px 0px 10px 10px;
    }

    .btn-info {
        width: 100%;
    }
}

/* ------------------Sistemas Noi,Sae,Coi...----------------------- */

.select-tipo select,
input {
    color: #828282;
    background-color: white;
    border: 1px solid #989696;
    border-radius: 50px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 5em 0.5em 5em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.tipo-select,
input.num-tipo {
    background-image:
        linear-gradient(45deg, transparent 50%, #fff 50%),
        linear-gradient(135deg, #fff 50%, transparent 50%),
        linear-gradient(to right, #E00000, #E00000);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        100% 0;
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
}

select.tipo-select:focus {

    outline: 0;
}

.select-tipo select option {
    /* background-color: #00d0ff; */
    color: #333;
    padding: 5px;
}

.select-tipo select option:checked {
    background-color: #E00000 !important;
    color: #fff;
}

/* ---------------------------Contacto------------------------- */
.sect-titulo-contacto h2 {
    font-size: 61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.info-contacto p {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}



.content-con {
    padding: 0em;
}

.icon-red {
    color: white;
    font-size: 5em;
    /* padding: 1em; */
    /* margin: 4em; */
}

.sig-con p {
    margin-bottom: 0rem !important;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
}

.contac-redes {
    background: #707070 0% 0% no-repeat padding-box;
    border-radius: 60px;
}

.direc,
.emla,
.telf {
    display: flex;
    align-items: center;
    margin-top: 5rem;
}


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

    .sect-titulo-contacto h2 {
        position: relative;
        left: -0.5em;
    }

    .direc,
    .emla,
    .telf {
        display: flex;
        align-items: start;
        flex-direction: column;
    }
}

@media screen and (max-width:768px) {
    .sect-titulo-contacto h2 {
        left: -1em;
        top: -1em;
    }
}

@media screen and (max-width:468px) {
    .sect-titulo-contacto h2 {
        left: 0em;
        top: 0em;
    }

    .info-contacto {
        text-align: center;
    }

    .content-con {
        padding: 1em;
    }

    .sig-con p {
        font-size: 30px;
        padding: 0em;
    }

    .img-conta {
        width: 5em;
    }

    .img-conta {
        width: 7em;
        margin-bottom: 1.5em;
    }

    .mapa-contact {
        padding: 1em;
    }

    .direc,
    .emla,
    .telf {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .contac-redes {
        background: #707070 0% 0% no-repeat padding-box;
        border-radius: 0px;
    }
}

/* -----------------desarollo personalizado-------- */


.sect-titulo-contacto-d h2 {
    font-size: 61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.imgEscritorioDesarrollo {
    /* width: 43%; */
    position: absolute;
    top: 7em;
    left: 1em;
    opacity: .5;
    animation-name: imgWid;
    animation-duration: 2s;
    /* animation: imgWid .5s initial; */
}

@keyframes imgWid {
    to {
        width: 43%;
    }

    from {
        width: 0%;

    }
}

.img-banner-desarrollo img {
    width: 100%;
    position: relative;
    /* top: 3em; */
}

.info-desarrollo-m {
    padding: 1.5em;
}

.info-desarrollo-m p {
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
    font-weight: 100;
}

.btn-contacto button {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    opacity: 1;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0.2em 0.7em 0.2em 0.7em;
}

.btn-info-des {
    background: transparent linear-gradient(98deg, #E00000 0%, #691818 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;

    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.text-des {
    font-size: 29px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #707070;
}

.img-desarollo-m {
    padding: 7em;
}

.sistemas {
    border: 1px solid #707070;
    border-radius: 0px 30px 30px 0px;
    padding: 3rem;
    width: 100%;
}

.imginSis {
    background-image: url('https://storage.googleapis.com/chydlx/codepen/blog-cards/image-2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.2) rotate(-7deg);
    width: 60%;
}

.content-info-d p {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
    margin-left: 2.5em;
}


.titulo-informacion-d h3 {
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
    margin-left: 1em;
}

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

.fondoDes {
    background-image: url('../../img/desarrollo-personalizado/Enmascarar\ grupo\ 34.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 78vh;
}

@media screen and (max-width: 1366px) {
    .img-banner-desarrollo img {
        /* width: 34em; */
        width: 100%;
        left: -4em;
    }

    .img-desarollo-m {
        padding: 3em;
    }
}

@media screen and (max-width:1024px) {
    .posImg {
        align-items: flex-end;
    }

    .img-banner-desarrollo img {
        width: 100%;
    }

    .btn-env-c {
        justify-content: flex-end !important;
    }

    .sect-titulo-contacto-d h2 {
        font-size: 55px;
        position: relative;
        left: -1.5em;
    }

    .img-desarollo-m {
        padding: 1em;
    }

    .imginSis {
        transform: scale(1.2) rotate(-7deg);
        width: 60%;
    }

    .sistemas {
        padding: 0rem;
    }

    .titulo-informacion-d h3 {
        font-size: 36px;
    }

    .content-info-d p {
        font-size: 15px;
        margin-bottom: 1.5em;
    }

    .btn-info-des {
        margin-bottom: 0.5em;
    }

    .btn-c {
        justify-content: center !important;
    }

    .fondoDes {
        height: 40vh;
    }
}

@media screen and (max-width:990px) {
    .info-desarrollo-m {
        padding: 2.5em;
    }

    .img-desarollo-m img {
        width: 80%;
    }
}

@media screen and (max-width:768px) {
    .sect-titulo-contacto-d h2 {
        font-size: 55px;
        position: relative;
        left: -1.5em;
    }

    .posImg {
        align-items: flex-start;
    }

    .img-banner-desarrollo img {
        width: 20em;
        position: relative;
        top: 3em;
        left: 1em;
    }

    .info-desarrollo-m p {
        font-size: 17px;
    }

    .img-desarollo-m {
        padding: 1em;
    }

    .sistemas {
        border-radius: 30px 30px 30px 30px;
        padding: 1rem;
        width: 100%;
    }

    .titulo-informacion-d h3 {
        font-size: 38px;
        margin-left: 0em;
    }

    .content-info-d p {
        font-size: 18px;
        margin-left: 0.5em;
    }

    .btn-c {
        justify-content: center !important;
    }

    #mainNav {
        z-index: 99999;
    }

    .fondoDes {
        height: 60vh;
    }
}

@media screen and (max-width:468px) {
    .img-banner-desarrollo img {
        top: 0em;
        width: 100%;
        left: 0em;
    }

    .sect-titulo-contacto-d h2 {
        position: relative;
        text-align: center;
        font-size: 50px;
        left: 0em;
    }

    .titulo-informacion-d h3 {
        font-size: 35px;
        margin-left: 0em;
    }

    .info-desarrollo-m p {
        font-size: 20px;
    }

    .content-info-d p {
        font-size: 15px;
        margin-left: 0em;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .btn-info-des {
        font-size: 24px;
        padding-left: 0rem;
        padding-right: 0rem;
        width: 100%;
    }

    .sistemas {
        border-radius: 0px 0px 30px 30px;
        padding: 3rem;
        width: 100%;
    }

    .imginSis {
        transform: scale(1) rotate(0deg);
        width: 100%;
        height: 28vh;
    }

    .fondoDes {
        height: 100vh;
    }
}

@media screen and (max-width: 280px) {
    .sect-titulo-contacto-d h2 {
        font-size: 36px;
    }

    .titulo-informacion-d h3 {
        font-size: 28px;
    }

    .btn-info-des {
        font-size: 16px;
    }

    /* nav#mainNav {
        width: 17em!important;
    } */
    .topbar .contact-info i a {
        font-size: 10px;
    }
}


/* --------------------------servicios Siigo Aspel-------------------- */
.btn-blanco {
    background: transparent linear-gradient(180deg, #D9D9D9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border: 2px solid #D4D4D4;
    font: normal normal 600 20px Open Sans;
    color: #B41717;
    padding: 0.3em 2em 0.3em 2em;
    border-radius: 20px;
    transition: .3s all ease-in-out;
}

.btn-blanco:hover {
    transform: translateY(-5%);
}


.p-sii {
    padding: 3rem !important;
}

.mt-sii {
    margin-top: 3rem !important;
}

.mb-sii {
    margin-bottom: 3rem !important;
}

.distribuidor-sii {

    width: 43%;
    position: absolute;
    top: 3em;
    left: 11em;
    opacity: .5;
}

.title-siigo {
    text-align: center;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
}

.sub-siigo h3 {
    text-align: center;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
}

.sub-content-siigo {
    padding: 3rem;
}

.content-siigo {
    text-align: center;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #707070;
}

.sub-content-siigo p {
    text-align: center;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.sub-content-siigo ul li {
    text-align: start;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.img-siigo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-siigo img {
    position: relative;
    top: 4em;

}

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

.img-siigo .img-des {
    width: 55em;
    position: relative;
    top: 0em;
    left: -4.5em;

}

.distribuidor-siigo {
    width: 43%;
    position: absolute;
    top: 2em;
    left: 14em;
    opacity: .5;
}

@media screen and (max-width:1366px) {
    .distribuidor-siigo {
        width: 57%;
        left: 1em;
    }

    .img-siigo .img-des {
        left: 0em;
    }
}

@media screen and (max-width:1024px) {
    .sub-content-siigo {
        padding: 1rem;
    }

    .img-siigo .img-des {
        left: -1em;
    }
}

@media screen and (max-width:990px) {
    .img-siigo img {
        position: relative;
        top: 0em;
    }

    .img-sia img {
        width: 65%;
    }

}

@media screen and (max-width:768px) {
    .img-siigo img {
        position: relative;
        top: 0em;
    }

    .img-siigo .img-des {
        left: -1.69em;
    }

    .sub-content-siigo {
        padding: 1.5rem;
    }

    .distribuidor-siigo {
        width: 60%;
        position: absolute;
        top: 3em;
        left: -1em;
        opacity: .5;
    }
}


@media screen and (max-width:468px) {
    .distribuidor-siigo {
        width: 100%;
        top: -4em;
        left: 0em;
    }

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

/* ------------------------Consultoria------------------------- */
.sect-titulo-consulta {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sect-titulo-consulta h2 {
    font-size: 61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.content-siigo-con {
    margin-bottom: 8em;
    margin-top: 5em;
}

.content-siigo-con p {
    font-size: 23px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #000000;
}

.fondoTestiCon {
    background-image: url('../../img/consultoria/Grupo\ personas.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 125vh;
    position: relative;
    z-index: -1;
}

.fCon {
    top: -19em;
}

.lineaOp {
    background: #E00000;
    width: 5em;
    height: 8px;
}

.opiniones {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #E00000;
    text-align: center;
    margin-top: 3em;
    margin-bottom: 45px;
}

.start {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -2px 4px 8px #0000001F;
    border-radius: 50px;
    font-size: 30px;
    width: 8em;
    text-align: center;
}

.bi-star-fill::before {
    content: "\f586";
    color: #FFA900;
    margin: 5px;
}

.container1 {
    max-width: 1250px;
    width: 100%;
}

.slider-wrapper {
    position: relative;
}

.slider-wrapper .slide-button {
    position: absolute;
    height: 50px;
    width: 50px;
    color: white;
    background: #000;
    font-size: 2.2rem;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    outline: none;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.slider-wrapper .slide-button:hover {
    background: #444;
}

.slider-wrapper .slide-button#prev-slide {
    left: -60px;
}

.slider-wrapper .slide-button#next-slide {
    right: -60px;
}

.slider-wrapper .image-list {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 20px;
    overflow-y: hidden;
    margin-bottom: 30px;
}

.slider-wrapper .image-list::-webkit-scrollbar {
    display: none;
}

.slider-wrapper .image-list .image-item .card {
    width: 325px;
    height: 400px;
    object-fit: cover;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -5px 8px 20px #00000033;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.slider-wrapper .image-list .image-item .card .card-body {
    width: 100%;
    text-align: center;
}

.slider-wrapper .image-list .image-item .card .card-body .card-title {
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #3B3B3B;
    margin-bottom: 1em;
}

.slider-wrapper .image-list .image-item .card .card-body .card-text {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #7A7A7A;
}

.slider-wrapper .image-list .image-item .card img {
    width: 20%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    object-fit: cover;
}



.franjaAmarilla {
    background: #FEBA33 0% 0% no-repeat padding-box;
    height: 25em;
    transform: skewY(-9deg);
    position: absolute;
    z-index: -3;
    top: 41%;
}




/* @media screen and (max-width: 1366px) {} */

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

    .sect-titulo-consulta h2 {
        font-size: 50px;
    }

    .fondoTestiCon {
        height: 55vh;
    }

    .fCon {
        top: -14em;
    }
}

@media screen and (max-width: 990px) {
    .fCon {
        top: -9em;
    }

    .sect-titulo-consulta h2 {
        font-size: 45px;
    }

}

@media screen and (max-width: 768px) {
    .fondoTestiCon {
        height: 62vh;
    }

    .fCon {
        top: -9em;
    }

    .content-siigo-con p {
        font-size: 20px;
        padding: 1em;
    }

    .fondoTestiCon {
        height: 50vh;
    }

    .sect-titulo-consulta h2 {
        font-size: 35px;
    }


}

@media screen and (max-width:468px) {
    .slider-wrapper .slide-button#prev-slide {
        left: 0px;
    }

    .slider-wrapper .slide-button#next-slide {
        right: 0px;
    }

    .slider-wrapper .image-list .image-item .card {
        width: 360px;
    }
}



/* ------------------Capacitación-en-Sistemas-Sigo-Aspel------------------------- */

.title-capaci-aspel h2 {
    font-size: 61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.btn-info-cap {
    background: transparent linear-gradient(180deg, #D9D9D9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border: 2px solid #D4D4D4;
    opacity: 1;
    border-radius: 50px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #B41717;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.sistemasCap {
    width: 100%;

    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 12px 20px #00000029;
    border-radius: 12px;
}

.content-info-Cap p {
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
}

.btn-Cap {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 70px;
    font-size: 17px;
    font-weight: bold;
    color: #E00000;
    border: none;
}

.card-cap {
    display: flex;
    /* flex-direction: column; */
    margin: 1rem auto;
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    overflow: hidden;
    filter: grayscale(1);
    margin-left: 1em;
    margin-right: 1em;
    /* border: 1px solid black; */
    transition: .2s all ease-in;
}

.card-cap:hover {
    box-shadow: 0px 12px 20px #00000029;
    transform: translateY(-2%);
    filter: grayscale(0);
    cursor: default;
}

.cont-img-card {
    position: relative;
    z-index: 0;
    height: 200px;
}

.img-card img {
    background-size: cover;
    background-position: center;
    transition: transform .2s;
    width: 90%;
}

.desc-cap {
    padding: 1rem;
    position: relative;
    z-index: 1;
    text-align: center;
    color: rgb(0, 0, 0);
    transition: .2s all ease-in-out;
}

.read-more {
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    /* border-radius: 70px; */
    background: transparent linear-gradient(180deg, #818181 0%, #D1D1D1 100%) 0% 0% no-repeat padding-box;
    border-radius: 70px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.read-more a {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #E00000;
    text-decoration: none;
}

.read-more a:hover {
    color: #EC2A2A;

}

.read-more:hover {
    box-shadow: 0px 12px 20px #00000029;
    cursor: pointer;
    transform: translateY(-2%)
}

.card-cap:hover .desc-cap {
    color: rgb(255, 255, 255);
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
}



.card-cap:hover .desc-cap:before {
    background: #EC2A2A;

}

.card-cap:hover .read-more {
    background: #FFFFFF 0% 0% no-repeat padding-box;


}

.description {
    flex-basis: 60%;
}

.imgsa,
.imgco,
.imgno,
.imgban,
.imgpr,
.imgin {
    transition: .5s all ease-in;
}

.card-cap:hover .imgsa {
    content: url("../../img/tienda/aspel_sae.jpg");
}

.card-cap:hover .imgco {
    content: url("../../img/tienda/aspel_coi.jpg");
}

.card-cap:hover .imgno {
    content: url("../../img/tienda/aspel_noi.jpg");
}

.card-cap:hover .imgban {
    content: url("../../img/tienda/aspel_banco.jpg");
}

.card-cap:hover .imgpr {
    content: url("../../img/tienda/aspel_prod.jpg");
}

.card-cap:hover .imgin {
    content: url("../../img/tienda/apel-interface.png");
}

.imgCS {
    position: absolute;
    z-index: -1;
}

@media (min-width: 268px) {
    .card-cap {

        flex-direction: row;
        max-width: 100%;
        background: #F6F6F6 0% 0% no-repeat padding-box;

    }

    .cont-img-card {
        flex-basis: 40%;
        height: auto;
        display: flex;
        align-items: center;
    }

    .desc-cap {
        flex-basis: 60%;
        width: 100em;
    }

    .desc-cap:before {
        transform: skewX(-3deg);
        content: "";
        background: none;
        width: 15px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
}

@media screen and (max-width:575px) {
    .cont-img-card {
        position: relative;
        z-index: 0;
        height: auto;
    }

    .desc-cap {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .read-more {
        background: transparent linear-gradient(180deg, #818181 0%, #D1D1D1 100%) 0% 0% no-repeat padding-box;
        border-radius: 70px;
        width: 100%;
    }
}

@media screen and (max-width:950px) {
    .title-capaci-aspel h2 {
        margin-left: 20px;
    }
}

.desc-cap:before {
    /* left: inherit; */
    right: 14em;
    transform: skew(3deg);
}

.sub-content-capc {
    padding: 3rem;
}

.sub-content-capc h3 {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #000000;
}

.sub-content-capc p {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-weight: 300;
}

.sub-content-capc ul li {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
}

.btn-CapS {
    display: flex;
    justify-content: end;
}

.btn-msIn {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    padding: 0.5em 1em 0.5em 1em;
}

.azul {
    background: #00AAFF40 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    top: 0em;
    width: 35em;
    left: -25.1em;
    z-index: -1;
    clip-path: polygon(59% 0, 100% 0%, 100% 100%, 0% 100%);
}

.img-cap {
    width: 100%;
}

@media screen and (max-width:1024px) {
    .desc-cap:before {
        width: 16px;
    }

    .azul {
        height: 57vh;
        width: 30.44em;
        left: -25.1em;
    }

    .sub-content-capc {
        padding: 2em;
    }

    .btn-CapS {
        justify-content: center;
    }

    .read-more a {
        font-size: 15px;
    }
}

@media screen and (max-width:768px) {
    .azul {
        height: 0vh;
        width: 0em;
        left: 0em;
    }

    .img-cap {
        width: 60%;
    }

    .btn-CapS {
        width: 100%;
        justify-content: center;
    }
}

/* -------------------------Cursos---------------------------------- */
.fondocursos {
    background-image: url('../../img/cursos/Forma\ banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
}

.linea {
    width: 100%;
    height: 5px;
    background: white;
}

.fondoBanco {
    background: #AEC778 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentBanco {
    background: rgba(174, 199, 120, 0.1) 0% 0% no-repeat padding-box;
}

.fondoInterfaces {
    background: #C778AA 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentInter {
    background: rgba(199, 120, 170, 0.1) 0% 0% no-repeat padding-box;
}

.fondoProd {
    background: rgba(77, 64, 132, 1) 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentProd {
    background: rgba(77, 64, 132, 0.1) 0% 0% no-repeat padding-box;
}

.fondoNoi {
    background: #FF8300 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentNoi {
    background: rgba(255, 131, 0, 0.1) 0% 0% no-repeat padding-box;
}

.fondoCoi {
    background: #01ACD8 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentCoi {
    background: rgba(1, 172, 216, 0.1) 0% 0% no-repeat padding-box;
}

.fondoSae {
    background: #E00000 0% 0% no-repeat padding-box;
    border-radius: 16px 16px 0px 0px;
}

.fondoContentSae {
    background: rgba(224, 0, 0, 0.1) 0% 0% no-repeat padding-box;
}

.img-cursos {
    padding: 1em;
}

.img-cursos i {
    color: white;
    font-size: 15em;
}

.title-cursos h3 {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
}

.horario-cursos p {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.cl-I h3 {
    color: rgba(199, 120, 170, 1);
}

.title-I {
    font-size: 36px;
    font-family: 'Nunito', sans-serif;
    color: #FFFFFF;
    text-align: center;
    margin-top: -50px;
    opacity: 1;
}

.cl-B h3 {
    color: #AEC778;
}

.cl-P h3 {
    color: rgba(77, 64, 132, 1);
}

.cl-N h3 {
    color: #FF8300;
}

.cl-C h3 {
    color: #01ACD8;
}

.cl-S h3 {
    color: #E00000;
}


.subtitle-cursos h3 {
    font-size: 23px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.content-cursos p,
ul li {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #5E5E5E;
}

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

.dirigido {
    display: flex;
    justify-content: start;
    align-items: center;
}

.btn-lleno {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box !important;
    color: white !important;

}

.btn-curso {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    border: none;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    border-radius: 50px;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    transition: .5s all ease-in-out;
}

.btn-curso:hover {
    transform: translateY(-10%);
    box-shadow: 0px 8px 7px 0px #0000004a;
}

@media screen and (max-width:1024px) {
    .fondocursos {
        height: 45vh;
    }
}

@media screen and (max-width:768px) {
    .punteado {
        flex-direction: column;
    }

    .dirigido {
        flex-direction: column;

    }

    .title-capaci-aspel h2 {
        font-size: 49px;
    }

    .fondocursos {
        height: 38vh;
        display: flex;
        justify-content: start;
        align-items: end;
    }

    .btn-cursos {
        flex-direction: column;
    }
}

/* ----------------------------Cursos Modal -------------------------------------------- */
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 !important;
}

.mt-m {
    margin-top: 1rem;
}

.tituloModN p {
    font-size: 39px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin: 10px;
}

.chica-escondida {
    position: absolute;
    top: -5.5em;

}

.tituloMod p {
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    margin: 10px;
}

/* .formHeader {
    margin: 10px;
} */

.fh-i input,
.fh-i textarea,
.fh-i select {
    width: 100%;
    background: #FFFFFF59 0% 0% no-repeat padding-box;
    border: 1px solid #3A3A3A;
    border-radius: 8px;
    height: 50px;
}

.fh-i label {
    font-weight: 500;
    position: relative;
    transform: translateY(-37px);
    left: 13px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.t-area {
    height: 100px !important;
    resize: none;
}

.fh-i .larea {
    color: black;
    font-weight: 500;
    position: relative;
    transform: translateY(-90px);
    left: 13px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;

}

.fh-i input:focus+label,
.fh-i input:valid+label {
    position: relative;
    transform: translateY(-75px);
    box-shadow: none !important;
    background-color: transparent;
}

.fh-i textarea:focus+label,
.fh-i textarea:valid+label {
    position: relative;
    transform: translateY(-125px);
    box-shadow: none !important;
    background-color: transparent;
    resize: none;
}

.fh-i .t-area-p:focus+label,
.fh-i .t-area-p:valid+label {
    position: relative;
    transform: translateY(-225px);
    box-shadow: none !important;
    background-color: transparent;
    resize: none;
}


.circulo1 {
    background: beige;
    height: 12em;
    width: 12em;
    position: absolute;
    z-index: 0;
    left: 7em;
    top: 2em;
    border-radius: 50%;
}

.circulo2 {
    background: beige;
    height: 18em;
    width: 18em;
    border-radius: 50%;
    position: absolute;
    top: 17em;
    left: 1em;
}

.obligatorio {
    text-align: center;
    margin-top: -45px;
}

.obligatorio p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    opacity: 0.5;
}

@media screen and (max-width:990px) {
    .circulo2 {
        top: 3em;
        left: 12em;
    }
}

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

    /* .tituloMod p {
        font-size: 40px;
        margin: 35px;
    } */
    .tituloMod p {
        font-size: 20px;
        margin: 15px;
    }

    .tituloModN p {
        font-size: 20px;
        margin: 40px;
    }

    .mt-m {
        margin-top: 0rem;
    }
}

/* ----------------------------------Procesos y mejoras------------------------------- */
.procesosimg {
    width: 43%;
    position: absolute;
    top: 9em;
    left: 17em;
}

.img-procesos {
    width: 43%;
    position: absolute;
    left: 40em;
    opacity: .5;

}

.img-tuercas {
    position: absolute;
    left: 6em;
    margin-top: -7em;
}

.imgTuercaFondo {
    position: absolute;
    left: -18em;
    opacity: .2;
    width: 70%;
}

/* .img-tuercas img{
    width: 85%;
} */
.titleProcesos {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
    padding: .5em;
}

.contentProcesos {
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #707070;
    padding: .5em;
}

.fondoProceso {
    background-image: url('../../img/procesos_y_mejoras/Enmascarar\ grupo\ 20-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-proceso h3 {
    text-align: center;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.sub-content-proce {
    padding: 3rem;
}

.sub-content-proce p {
    text-align: center;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.sub-title-pro h3 {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
}

.sub-content-proce-a p {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

@media screen and (max-width:1366px) {
    .procesosimg {
        top: 10em;
        left: 5em;
    }
}

@media screen and (max-width:1024px) {
    .procesosimg {
        width: 56%;
        top: 10em;
        left: 0em;
    }

    .sub-content-proce {
        padding: 0rem;
    }

    .img-tuercas {
        position: absolute;
        left: -3em;
        margin-top: -7em;
    }

    .imgTuercaFondo {
        position: absolute;
        left: -3em;
        opacity: 0.2;
        width: 85%;
    }

}

@media screen and (max-width:768px) {
    .procesosimg {
        width: 55%;
        top: 2em;
        left: 0em;
    }

    .sub-content-proce {
        padding: 1.5rem;
    }
}

@media screen and (max-width:575px) {
    .img-tuercas {
        margin-top: 30em;
    }
}

/* -------------------------------------servidores en la nube----------------------------- */
.headerbanner-nube {
    position: absolute;
    top: 15em;
}

.imgsiigo-nube {
    position: absolute;
    width: 15em;

}

.contentServidores {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
}

.titleNube h3 {
    font-size: 40px;
    font-family: 'Open sans', sans-serif;
    color: #707070;
    text-align: center;
}

/* .img-nube img {
    width: 17%;
} */

.barra-azul {
    width: 100%;
    height: 27px;
    background: #00AAFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

.pun-nube p {
    font-size: 24.1px;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
}

.btnFicha {
    width: 50%;
}

.imgNube {
    transition: .25s all ease-in-out;
}

.imgNube:hover {
    transform: scale(1.1);
    cursor: pointer;
}

/* @media screen and (max-width:1024px) {
    .img-nube img {
        width: 22%;
    }

} */

@media screen and (max-width: 768px) {
    /* .img-nube img {
        width: 22%;
    } */

    .pun-nube p {
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        color: #FFFFFF;
    }

    .imgsiigo-nube {
        position: absolute;
        width: 9em;
    }
}

@media screen and (max-width: 468px) {
    .img-nube {
        flex-direction: column;
    }

    /* .img-nube img {
        width: 50%;
    } */

    .nube-paddin {
        padding: 3rem;
    }

    .btnFicha {
        width: 25%;
    }

    .headerbanner-nube {
        position: relative;
        top: 0em;
    }

    .imgsiigo-nube {
        position: relative;
        width: 40%;
    }

}



/* ---------------------------Escritorio Aspel----------------------- */
.header-serE {
    background: transparent linear-gradient(253deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    /* border: 1px solid #707070; */
    position: relative;
    z-index: 1;
}

.imgEscritorioA {
    position: absolute;
    z-index: -1;
}

.sect-titulo-contacto-E h2 {
    font-size: 61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-top: 50px;
    color: #FFFFFF;
}

.imgEscritorio1A {
    width: 54%;
    margin-top: 7em;
    margin-bottom: 4em;
}

.imgfondo {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    transform: translate(0%, -7%);
}

.imgfondo2 {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0%;
    transform: translate(0%, 100%);

}

.imgEscritorio {
    width: 43%;
    position: absolute;
    top: 7em;
    left: 1em;
    opacity: .5;

}

.espacio {
    /* background-color: #00AAFF; */
    width: 80%;
    height: 65%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgEscritorio1 {
    position: relative;
    width: 100%;
    height: 100%;
}

.imgEscritorio1 img {
    width: 100%;
    height: auto;
}


.titleEscritorio {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #707070;
    /* padding: 0.5em; */
}

.contentEscritorio p {
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #707070;
    margin-bottom: 0rem;
    /* padding: 0.5em; */
}

.mbE {
    margin-bottom: 25px;
}

.mbE select {
    border: 1px solid #707070;
    border-radius: 13px;
    height: 55px;
}

.mbE label {
    font-size: 25px;
    font-family: 'Opens Sans', sans-serif;
    color: #858585;
}

.mbE input {
    border: 1px solid #707070;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 13px;
    height: 55px;
}

.mbE input:focus {
    border: 1px solid #000000;
}

.mbE .form-check-input {
    padding: 0em;
    height: 15px;
    margin-top: 11px;
}

.mbE .form-check-input:focus {
    background-color: #E00000;
    border-color: #E00000;
    box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25);
}

.mbE .form-check-input:checked {
    background-color: #E00000;
    border-color: #E00000;
}

.warningEs {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #E00000;
}

.img-danger {
    display: flex;
    justify-content: end;
    align-items: baseline;
}

.btn-escr {
    display: flex;
    justify-content: end;
    align-items: center;
}

.img-danger img {
    width: 55%;
}

@media screen and (max-width:1366px) {
    .espacio {
        height: 46%;
    }

    .imgfondo {
        transform: translate(0%, 12%);
    }

    .imgfondo2 {
        top: 100em;
    }
}

@media screen and (max-width:1024px) {
    .imgfondo {
        transform: translate(0%, 35%);
    }

    .imgfondo2 {
        top: 125em;
    }
}

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

    .formEscritorio {
        flex-direction: column;
    }
}

@media screen and (max-width:768px) {
    .imgfondo {
        transform: translate(0%, 50%);
    }

    .imgfondo2 {
        top: 173em;
    }

    .imgEscritorio1A {
        width: 91%;
        margin-top: -1em;
        margin-bottom: 4em;
    }
}

@media screen and (max-width:468px) {
    .imgEscritorio {
        width: 100%;
        position: absolute;
        top: 8em;
        opacity: .5;
        left: 0;
    }

    .img-danger {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1em;
    }

    .img-danger img {
        width: 20%;
    }

    .btn-escr {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .espacio {
        height: 99%;
    }

    .sect-titulo-contacto-E h2 {
        text-align: center;
    }

    .imgEscritorio1A {
        width: 75%;
        margin-top: -1em;
        margin-bottom: 0em;
    }
}


/* ----------------------------------aviso de privacidad-------------------------------- */
.color {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    height: 7.8em;
}

.titulo-aviso {
    background: #E00000;
    padding: 0.5em;
    border-radius: 20px 20px 0px 0px;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
}

.titulo-aviso h3 {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
}

.contenido-aviso {
    padding: 5em 3.5em 0em 3.5em;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0px 0px 20px 20px;
}

.contenido-aviso p,
.contenido-aviso ul li {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

/* --------------------------------------modal 2----------------------------------- */
.tituloModal p {
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    color: #FFFFFF;
    margin: -10px;
}

.btn-rojo {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 12px 0px #0000005c;
    border-radius: 70px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    width: 3em;
    color: #FFFFFF;
    transition: .19s all ease-in;
    border: none;
}

/* Cambiar el color del icono de error a rojo */
div:where(.swal2-icon).swal2-error {
    border-color: #e00000 !important;
    color: #e00000 !important;
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    background-color: #e00000 !important;
}

/* -------------------------------- */
.product-area .shop-pagination {
    margin-top: 50px;
}

.img-pago img {
    width: 70%;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.panel-body {
    padding: 15px;
}

.content-pago {
    text-align: center;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    color: #000000;
    font-weight: bold;
}

.content-pago-desc {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #353535;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fh-2 label {
    font-weight: 500;
    position: relative;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
    margin-top: 15px;
    margin-bottom: 0px;
}

.input-error {
    color: red;
}

.has-error input {
    border: 1px solid red;
}