@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');

@font-face {
    font-family: 'Bemio';
    src: url('../fonts/bemio/Bemio.ttf');
}
.btn.custom-dropdown.sae::after         { background-color: rgb(234,0,41)!important;}
.cotizsistasp.sae:hover                 { background-color: rgb(234,0,41)!important;}
.btn.custom-dropdown.coi::after         { background-color: rgb(0,172,216)!important;}
.cotizsistasp.coi:hover                 { background-color: rgb(0,172,216)!important;}
.btn.custom-dropdown.noi::after         { background-color: #FF8200!important;}
.cotizsistasp.noi:hover                 { background-color: #FF8200!important;}
.btn.custom-dropdown.bancos::after      { background-color: rgb(122,194,58)!important;}
.cotizsistasp.bancos:hover              { background-color: rgb(122,194,58)!important;}
.btn.custom-dropdown.caja::after        { background-color: #FFD100!important;}
.cotizsistasp.caja:hover                { background-color: #FFD100!important;}
.btn.custom-dropdown.prod::after        { background-color: #4c4084!important;}
.cotizsistasp.prod:hover                { background-color: #4c4084!important;}
.btn.custom-dropdown.facture::after     { background-color: rgb(166,25,46)!important;}
.cotizsistasp.facture:hover             { background-color: rgb(166,25,46)!important;}
.btn.custom-dropdown.adm::after         { background-color: #00587C!important;}
.aspadm.adm:hover                       { background-color: #00587C!important;}
.btn.custom-dropdown.cfdi::after        { background-color:rgb(233,244,248)!important;}
.cotizsistasp.cfdi:hover                { background-color: rgb(141 214 241)!important;}
.btn.custom-dropdown.asistente::after   { background-color:rgb(255,133,0)!important;}
.cotizsistasp.asistente:hover           { background-color:rgb(255,133,0)!important;}

.no-decoration {
    text-decoration: none !important;
}

.iconos-sistemas-aspel-banners {
    font-size: 13em;
}

.contImgDed {
    display: flex;
    justify-content: end;
    align-items: flex-end;
}

.imgded {
    position: relative;
    left: 5rem;
    top: 0rem;
    z-index: 999;
    font-size: 150px;
    width: 200px;
}

@media screen and (max-width:1366px) {
    .imgded {
        position: relative;
        left: 5rem;
        top: 0rem;
        z-index: 999;
        font-size: 150px;
        width: 135px;
    }
}

@media screen and (max-width:768px) {
    .imgded {
        position: relative;
        left: 2rem;
        top: -3rem;
        z-index: 999;
        font-size: 150px;
        width: 200px;
    }
}

@media screen and (max-width:468px) {
    .iconos-sistemas-aspel-banners {
        font-size: 8em;
    }

    .imgded {
        left: -8rem;
        top: 2rem;
    }
}

/************************************************************/

.custom-dropdown {
    background-color: white;
    border: 5px solid red;
    border-radius: 0.25rem;
    padding: 0rem 0rem;
    color: #000;
}

.custom-dropdown:hover {
    color: #000;
}


.btn.custom-dropdown::after {
    content: "\25BE";
    font-size: 24px;
    margin-left: 0px;
    color: white;
    background-color: red;
    padding: 0.1rem 0rem;
    border-radius: 0 50px 50px 0;
    float: right;
}


button#dropdownMenuButton {
    line-height: 35px;
    width: 100%;
    height: 40px;
    border: 1px solid rgb(202, 205, 209);
    border-radius: 50px;
}

button#dropdownMenuButtonCFDI {
    width: 200px;
    height: 40px;
    border: 1px solid rgb(202, 205, 209);
    border-radius: 0 10px 10px 0;
}


.btn {
    padding: 0rem 0rem !important;
}

.dropdown-menu:hover {
    cursor: pointer;
}



.precioAspel {
    font-size: 17px;
    margin-bottom: 0px;
    font-weight: 400;
}

.precioAspelTotal {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 700;
}

.white-bg {
    background-color: #fff !important;
}

.swal-form {
    padding: 20px;
    /* Ajusta este valor según tus necesidades */
}

.swal2-input {

    background: white !important;
}


.swal2-styled.swal2-confirm {

    background-color: red !important;

}


/*********************************************************/

.full-size {
    width: 100%;
    height: 100%;
}

.custom-number-input-container {
    position: relative;
    display: inline-block;
}

.custom-number-input {
    width: 150px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    border: 2px solid red;
    background-color: red;
    color: white;
}

.arrows {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.arrow-up,
.arrow-down {
    cursor: pointer;
    text-align: center;
    color: white;
}

.number {
    flex: 1;
    text-align: center;
    color: black;
    line-height: 30px;
}

.arrow-up {
    order: -1;
}
.cont-btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn-cotiz {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    border-radius: 15px !important;
    color: white;
    margin-top: 50px;
    width: 200px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    transition: all .2s ease-in-out;
}

.btn-cotiz-prueba {
    border: 1px solid #E42727;
    background: none;
    border-radius: 15px !important;
    margin-top: 50px;
    width: 200px;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: bold;
    color: #E00000;
    transition: all .2s ease-in-out;
    margin-left: 3rem;

}

.btn-cotiz:hover {
    transform: translateY(-20%);
}
.btn-cotiz-prueba:hover {
    background: none;
    color: #E00000;
    border: 1px solid #E42727;
    transform: translateY(-20%);
}

.row.iconosPDFAlinear {
    display: flex;
    justify-content: center;

}

.rowPadding {
    padding: 2%;
}

.fondoSae {
    background-color: rgb(241, 218, 221);
}

.fondoBancos {
    background-color: rgb(233, 244, 222);
}

.fondoAdm {
    background-color: rgb(214, 228, 234);

}

.fondoCaja {
    background-color: rgb(255, 245, 216);
}

.fondoCoi {
    background-color: rgb(214, 242, 249);
}

.fondoFacture {
    background-color: rgb(241, 218, 221);
}

.fondoNoiAsistente {
    background-color: rgb(255, 234, 213);
}

.fondoNoi {
    background-color: rgb(255, 234, 213);
}

.fondoProd {
    background-color: rgb(226, 224, 235);
}

.fondoCfdi {
    background-color: rgb(233, 244, 248);
}

.sigo-aspel-banner {
    fill: white;
}

.flechasFondo {
    background-color: red;
    border-radius: 0px 50px 50px 0px;
    width: 20%;
}

.flechasColor {
    color: white;
    font-size: 12px;
}

.flechasColor:hover {
    cursor: pointer;
    font-size: 13px;
}

.baguette-row {
    border: 1px solid rgb(202, 205, 209);
    /* Establece el borde de la fila */
    border-radius: 50px;
    /* Ajusta el radio de las esquinas para crear el efecto baguette */
    background-color: white;
    /* Fondo de la fila */
    /* width: 90px;  Puedes ajustar el ancho según sea necesario */
    text-align: center;
}

input#numero {
    padding: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 15px;
}

/*TEXTO SISTEMAS ASPEL*/
p.preciosinivatextosistemas {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #707070;
}

p.suscripcionSistemas {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #707070;

}

p.actualizacionSistemas {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #707070;

}

/*BOTÓN DE COTIZAR TIENDA*/
.btn-tienda {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.3s ease;
    outline: none;
    border-radius: 25px;
}

.btn-tienda:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="#fff" d="M12 0s-8.5 5.5-8.5 8.5C3.5 12.8 2 15 2 17.5S4.8 23 7.5 23c1.2 0 2.3-.4 3.2-1.1.1-.1.3-.1.4 0 .8.7 1.9 1.1 3.1 1.1 2.7 0 5-2.2 5-5s-3.2-8.5-3.2-8.5zm.2 15h-1.9c-.1 0-.1 0-.2-.1-.2-.2-.2-.5 0-.7L12 9.5l1.1 4.7c.2.2.2.5 0 .7-.1.1-.1.1-.2.1z"/></svg>');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.btn-tienda:hover {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 100% no-repeat padding-box;
}

.btn-tienda:hover:before {
    opacity: 1;
}

/*IMAGENES DE VIDEOS*/
.play-button {
    position: absolute;
    z-index: 1;
    /* Para asegurarse de que esté encima del collage */
    width: 40px;
}

.play-button:hover {
    cursor: pointer;
}

.collage:hover {
    cursor: pointer;
}

/*VIDEO MODAL*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* Proporción 16:9 (9 / 16 * 100%) */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* El video ocupará el 90% del contenedor */
    height: 100%;
    /* El video ocupará el 90% del contenedor */
    margin: auto;
    /* Esto centra el video */
    display: block;
    /* Esto asegura que se muestre como bloque y se centre correctamente */
}

/*SISTEMAS ASPEL*/
.iconosAspel {
    font-size: 150px;
}

.iconosAspel:hover {
    font-size: 151px;
    cursor: pointer;
}

@media screen and (max-width:468px) {
    .iconosAspel {
        font-size: 130px;
    }
    
}

.iconosPDF {
    width: 100px;
}

.iconosPDF:hover {
    cursor: pointer;
    width: 101px;
}

p.iconosPDFtexto {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
}

.iconosPDFAlinear {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10%;
}

.banner-SN {
    background-image: url(../../img/sistemas/banners/banner-siigo-nube.jpg);
    background-position: center;
}
.banner-SF {
    background: #00AAFF 0% 0% no-repeat padding-box;
}

.chicaNube {
    width: 40rem;
}

.bannerSaeSistemas {
    background-image: url('../../img/sistemas/banners/banner-sae.webp');
}

.colorSae {
    color: rgb(234, 0, 41);
    text-align: center;
}

.iconoSae {
    fill: rgb(234, 0, 41);
    color: white;
}

.bannerAdmSistemas {
    background-image: url('../../img/sistemas/banners/banner-adm.webp');
}

.colorAdm {
    color: rgb(0, 88, 124);
    text-align: center;
}

.iconoAdm {
    fill: rgb(0, 88, 124);
    color: white;
}

.bannerCajaSistemas {
    background-image: url('../../img/sistemas/banners/banner-caja.webp');
}

.colorCaja {
    color: rgb(243, 195, 0);
    text-align: center;
}

.iconoCaja {
    fill: rgb(243, 195, 0);
    color: white;
}

.bannerCfdiSistemas {
    background-image: url('../../img/sistemas/banners/banner-cfdi.webp');
}

.colorCfdi {
    color: rgb(117, 206, 222);
    text-align: center;

}

.iconoCfdi {
    fill: rgb(117, 206, 222);
    color: white;
}

.bannerCoiSistemas {
    background-image: url('../../img/sistemas/banners/banner-coi.webp');
}

.colorCoi,
.colorCOI {
    color: rgb(0, 172, 216);
    text-align: center;
}

.iconoCoi {
    fill: rgb(0, 172, 216);
    color: white;
}

.bannerFactureSistemas {
    background-image: url('../../img/sistemas/banners/banner-facture.webp');
}

.colorFacture {
    color: rgb(166, 25, 46);
    text-align: center;
}

.iconoFacture {
    fill: rgb(166, 25, 46);
    color: white;
}

.bannerBancosSistemas {
    background-image: url('../../img/sistemas/banners/banner-bancos.webp');
}

.colorBancos {
    color: rgb(122, 194, 58);
    text-align: center;
}

.iconoBancos {
    fill: rgb(122, 194, 58);
    color: white;
}

.bannerNoiSistemas {
    background-image: url('../../img/sistemas/banners/banner-noi.webp');
}

.colorNoi {
    color: #FF8200;
    text-align: center;
}

.iconoNoi {
    fill: #FF8200;
    color: white;
}

.bannerProdSistemas {
    background-image: url('../../img/sistemas/banners/banner-prod.webp');
}

.colorProd {
    color: rgb(76, 64, 132);
    text-align: center;
}

.iconoProd {
    fill: rgb(76, 64, 132);
    color: white;
}

.bannerRespaldosSistemas {
    background-image: url('../../img/sistemas/banners/banner-respaldos.webp');
}

.colorRespaldos {
    color: rgb(117, 206, 222);
    text-align: center;
}

.iconoRespaldos {
    fill: rgb(117, 206, 222);
    color: white;
}

.formHeader {
    padding: 10%;
}

.colorProd {
    color: rgb(77, 64, 132);
    text-align: center;
}

.colorBanco {
    color: rgb(147, 213, 0);
    text-align: center;
}

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

    .bannerSaeSistemas,
    .bannerCoiSistemas,
    .bannerNoiSistemas,
    .bannerBancosSistemas,
    .bannerCajaSistemas,
    .bannerProdSistemas,
    .bannerFactureSistemas,
    .bannerAdmSistemas,
    .bannerCfdiSistemas,
    .bannerRespaldosSistemas {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

}

/*SISTEMAS ASPEL*/
/*SAE SAE SAE SAE SAE SAE SAE SAE SAE*/
.descripcion {
    color: rgb(112, 112, 112);
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}

.titulosSAE {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
    color: #E4002B;
    font-weight: bold;
}

.titulo-adm-text {
    color: #00587C;
    font-weight: bold;
}

.subtituloBancos {
    color: #FFD100;
    font-weight: bold;
    font-size: 20px;
}

.titulo-respaldos {
    color: rgb(117, 206, 222);
    font-weight: bold;
    font-size: 32px;
}

.fondorespaldos {
    background-color: rgb(219, 242, 247);
}

.titulo-adm-pyme {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 20px;
    color: #1F3763;
    font-weight: normal;
    background: white;
}

.tituloBancos {
    color: #FFD100;
    font-weight: bold;
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
}

.strong-oxygen {
    font-size: 14px;
    line-height: 107%;
    color: #435363;
    font-weight: bold;
}

.titulo-aspel-caja {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
}

.tituloCfdi {
    color: rgb(0, 88, 124);
    font-weight: bold;
}

.aspel-coi {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: normal;
    color: #435363;
}

.span-oxygen-header {
    font-size: 32px;
    color: #00AFD7;
    font-weight: bold;
}

.tituloFacture {
    color: rgb(166, 25, 46);
    font-weight: bold;
}

.subtituloFacture {
    color: rgb(166, 25, 46);
    font-weight: bold;
}

.subtitulo {
    font-size: 16px;
    color: #1F3763;
    font-weight: normal;
}

.link-aspe {
    font-size: 14px;
    color: #00B0F0;
}

.titulo-adm {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
}

.titulo-aspel-caja {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
}

.titulo-impulsa-negocio {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 17px;
    color: #2F5496;
    font-weight: normal;
}

.strong-oxygen-red {
    font-size: 12.0pt;
    color: red;
}

.strong-oxygen-orange {
    font-size: 12.0pt;
    color: #ffc000;
}

.strong-oxygen-yellow {
    font-size: 12.0pt;
    color: #c45911;
}

.plan-aspe {
    margin-bottom: 0cm;
    line-height: 15.0pt;
    vertical-align: baseline;
    font-size: 12.0pt;
    color: #666666;
}

.plan-aspe-list {
    margin-bottom: 7.5pt;
    mso-add-space: auto;
    text-indent: -18.0pt;
    line-height: normal;
    mso-list: l0 level1 lfo1;
    tab-stops: list 36.0pt;
}

.aspel-coi-description {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: normal;
}

.span-oxygen {
    font-size: 14px;
    line-height: 107%;
    color: #435363;
}

.span-open-sans {
    color: #666666;
}

.aspel-coi-list {
    margin-bottom: 0cm;
    list-style-type: disc;
    margin-left: 36pt;
    color: #435363;
}

.aspel-coi {
    font-size: 11.0pt;
    font-family: 'Calibri', sans-serif;
    line-height: normal;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    color: #435363;
}

.aspel-coi-description {
    font-size: 11.0pt;
    font-family: 'Calibri', sans-serif;
    line-height: normal;
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    color: #435363;
}

.ul-aspel-coi {
    list-style-type: disc;
    margin-bottom: 0cm;
    color: #435363;
}

.span-sae {
    font-size: 14px;
    font-family: 'Oxygen';
    color: #ED7D31;
}

.span-noi {
    font-size: 14px;
    font-family: 'Oxygen';
    color: #92D050;
}

.span-banco {
    font-size: 14px;
    font-family: 'Oxygen';
    color: #435363;
}

.span-caja {
    font-size: 14px;
    font-family: 'Oxygen';
    color: #FFC000;
}

.span-open-sans {
    font-size: 11.5pt;
    color: #666666;
}

.aspel-coi-subscription {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: 15.0pt;
    vertical-align: baseline;
    color: #666666;
}

.aspel-coi-subscription-blank {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: 15.0pt;
    vertical-align: baseline;
    color: #666666;
}

.aspel-coi-subscription-list {
    list-style-type: disc;
    margin-left: 52.25px;
    color: #666666;
}

@media screen and (max-width:468px) {
    .aspel-coi-subscription-list {
        list-style-type: disc;
        margin-left: 0px;
        color: #666666;
    }

    .aspel-coi-list {
        margin-left: 0pt;
    }
}

/*FACTURE*/

.aspel-facture-title {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
    color: #A6192E;
}

.aspel-facture-subtitle {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
    color: #A6192E;
}

.aspel-facture-paragraph {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    font-size: 11.0pt;
    color: #435363;
}

.aspel-facture-subtitle {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 16px;
    color: #1F3763;
    font-weight: normal;
}

.aspel-facture-paragraph {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    font-size: 11.0pt;
}

.aspel-facture-list {
    margin-bottom: 0cm;
}

.aspel-facture-subscription {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: 15.0pt;
    vertical-align: baseline;
}

.aspel-facture-subscription-blank {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: 15.0pt;
    vertical-align: baseline;
}

.aspel-facture-list.decimal-type {
    list-style-type: disc;
    margin-left: 26px;
}

.span-open-sans-grey {
    font-size: 16px;
    color: #666666;
}

.span-normal {
    font-size: 11.5pt;
    color: #666666;
}

.span-open-sans-large {
    font-size: 15px;
}

/*NOI ASISTENTE*/

.aspel-noi-asistente {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 32px;
    font-weight: bold;
}

.span-oxygen-orange {
    color: #FF8200;
    font-weight: bold;
}

.aspel-noi-asistente-description {
    margin-right: 0cm;
    margin-left: 0cm;
    font-size: 16px;
    margin-top: 0cm;
    margin-bottom: 7.5pt;
    font-size: 11.0pt;
}

.aspel-noi-asistente-header {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 17px;
    color: #2F5496;
    font-weight: normal;
}

.span-oxygen-link a {
    color: #ED7D31;
}

.aspel-noi-asistente-list {
    margin-bottom: 0cm;
    list-style-type: disc;
    margin-left: 52.25px;
}

@media screen and (max-width:468px) {
    .aspel-noi-asistente-list {

        margin-left: 0px;
    }
}

.aspel-noi-asistente-list-item {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    font-size: 11.0pt;
    color: #435363;
    line-height: normal;
}

.aspel-noi-asistente-subscription {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
    margin-left: 0cm;
    font-size: 11.0pt;
    line-height: 15.0pt;
    vertical-align: baseline;
}

.aspel-noi-asistente-list-item {
    margin-top: 0cm;
    margin-right: 0cm;
    margin-bottom: 8.0pt;
    margin-left: 0cm;
    font-size: 11.5pt;
    color: #666666;
}

/*NOI*/

.aspel-noi-heading {
    color: #FF8200;
    font-weight: normal;
}

.aspel-noi-description {
    font-size: 10.5pt;
    color: #435363;
}

.span-oxygen-grey {
    color: #435363;
}

.aspel-noi-heading {
    color: #435363;
    margin-top: 0cm;
}

.aspel-noi-paragraph {
    margin: 0cm 0cm 7.5pt 0cm;
    font-size: 10.5pt;
    color: #435363;
}

.aspel-noi-list {
    list-style-type: disc;
    color: #435363;
    margin-top: 0cm;
    margin-bottom: 7.5pt;
    line-height: normal;
}

.aspel-noi-list-item {
    mso-margin-top-alt: auto;
    mso-margin-bottom-alt: auto;
    line-height: normal;
    mso-list: l0 level1 lfo1;
    tab-stops: list 36.0pt;
}

.span-oxygen-blue {
    color: #00B0F0;
}

/*PROD*/
/* Clases para los párrafos */
.MsoNormal {
    margin-bottom: 0cm;
    line-height: 15.0pt;
    vertical-align: baseline;
}

/* Clase para texto en negrita */
.MsoNormal strong {
    font-size: 12.0pt;
    color: #666666;
    mso-ligatures: none;
    mso-fareast-language: ES;
}

/* Clase para texto en español */
.MsoNormal span[lang="ES"] {
    font-size: 12.0pt;
    color: #666666;
    mso-fareast-font-family: 'Times New Roman';
    mso-ligatures: none;
    mso-fareast-language: ES;
}

/* Clase para texto de color verde */
.MsoNormal span[lang="ES"] {
    color: #435363;
}

/* Clases para los elementos de lista */
.MsoNormal ul {
    margin-bottom: 7.5pt;
    line-height: normal;
}

.MsoNormal li {
    color: #435363;
    mso-margin-top-alt: auto;
    mso-margin-bottom-alt: auto;
    line-height: normal;
    mso-list: l0 level1 lfo1;
    tab-stops: list 36.0pt;
}

/* Clase para los títulos */
.MsoNormal h1 {
    /* Agrega tus estilos aquí */
}

/* Clase para el título "Aspel PROD" */
.OxygenTitle {
    color: #4c4084;
    font-weight: bold;
    font-size: 32px;

}

/* Clase para el subtítulo "Aspel PROD" */
.MsoNormal .OxygenSubtitle {
    font-size: 10.5pt;
    line-height: 107%;
    color: #435363;
}

/* Clase para el texto en los párrafos */
.MsoNormal .OxygenText {
    font-size: 10.5pt;
    line-height: 107%;
    color: #435363;
}

/* Clase para la lista */
.MsoNormal .OxygenList {
    /* Agrega tus estilos aquí */
}

/*PROD*/
/* Estilos para el título h2 */
h2 {
    margin-top: 0cm;
}

/* Estilos para el texto en negrita dentro de h2 */
h2 strong {
    font-size: 12.0pt;
    color: #666666;
}

/* Estilos para el texto en español dentro de h2 */
h2 span[lang="ES"] {
    font-size: 12.0pt;
    color: #666666;
    mso-fareast-font-family: 'Times New Roman';
    mso-ligatures: none;
    mso-fareast-language: ES;
}

/* Estilos para el texto de color verde dentro de h2 */
h2 span[lang="ES"] {
    color: #435363;
}

/* Estilos para las listas */
ul {
    margin-bottom: 7.5pt;
    line-height: normal;
}

.prodsrel {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.prodsrel:hover {
    cursor: pointer;

}

/*SIIIGO nube*/
.titsa {
    background: transparent linear-gradient(180deg, #FEBA33 0%, #EEA23F 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 10px;
    border-radius: 20px 20px 0px 0px !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
}

.titsanfact {
    background-color: #00AAFF;
    background: transparent linear-gradient(183deg, #072882 0%, #00AAFF 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 10px 10px 20px 10px;
    border-radius: 20px 20px 0px 0px !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
}

.subtitsanfact {
    color: #fff;
    padding: 10px;
    border-radius: 20px 20px 0px 0px !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 1.2rem;
}

.titsantot {
    background: transparent linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 10px;
    border-radius: 20px 20px 0px 0px !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
}

.subtsaprecio {
    font-weight: 700;
    color: rgb(112, 112, 112);
    font-size: 55px;
    text-align: center;
    line-height: 35px;
}

.subtitsanfactusers {
    font-weight: 400;
    color: rgb(112, 112, 112);
    font-size: 15px;
    text-align: center;
    line-height: 35px;
}

.subtsa {
    font-weight: 400;
    color: rgb(112, 112, 112);
    font-size: 18px;
    text-align: center;
    line-height: 35px;
}

.descsa {
    color: rgb(112, 112, 112);
    font-size: 15px;
    text-align: left;
    font-weight: 300;
    padding-bottom: 8px;
}

.iconUsuGest {
    width: 14px;
    fill: #FEBA33;
}

.iconUsuFact {
    width: 14px;
    fill: #00AAFF;
}

.iconUsuTot {
    width: 14px;
    fill: #E00000;
}

.btn.btn-sngest {
    width: 80%;
    border-radius: 20px;
    height: 35px;
    background: transparent linear-gradient(180deg, #FEBA33 0%, #EEA23F 100%) 0% 0% no-repeat padding-box;
    ;
    border-color: #FEBA33;
    padding: 100px;
    color: white;
    margin: auto;
    padding: 30px 10px 30px 10px;
}

.btn.btn-snfact {
    width: 80%;
    border-radius: 20px;
    height: 35px;
    background: transparent linear-gradient(183deg, #072882 0%, #00AAFF 100%) 0% 0% no-repeat padding-box;
    border-color: #00AAFF;
    padding: 100px;
    color: white;
    margin: auto;
    padding: 30px 10px 30px 10px;
}

.btn.btn-tot {
    width: 80%;
    border-radius: 20px;
    height: 35px;
    background: transparent linear-gradient(183deg, #820707 0%, #E00000 100%) 0% 0% no-repeat padding-box;
    border-color: #E00000;
    padding: 100px;
    color: white;
    margin: auto;
    padding: 30px 10px 30px 10px;
}

.cardsa {
    padding: 10% 5% 10% 5%;
    border-radius: 0px 0px 20px 20px !important;
}

.apltcsa {
    text-align: center;
    padding-top: 20%;
    font-weight: 400;
    color: rgb(112, 112, 112);
    font-size: 13px;
}

.pdfasa {
    height: 90px;
    padding: 0px;
    margin: 0px;
}

.pcolsa {
    padding: 0px;
}

.pdftexsa {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}

.descripciongrsn {
    color: rgb(112, 112, 112);
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}

.descripcionsn {
    color: rgb(112, 112, 112);
    font-size: 22px;
    text-align: center;
    font-weight: 400;
}

.pdftexsa:hover {
    font-size: 14px;
}

.pdfasa:hover {
    height: 89px;
}

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

.card:hover {
    cursor: pointer;
    transform: scale(0.99);
}

.btn-sinu {
    background: transparent linear-gradient(180deg, #D9D9D9 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    color: #B41717;
    box-shadow: 0px 30px 60px #00000040;
    border-radius: 70px;
    width: 9em;
    height: 2.2em;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    border: none;
}

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

.btn-sinu:hover {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    color: white;
    transform: scale(0.99);
}

.ocultsnpaq {
    display: none;
}

.icon-FACTURACION-WEB .path1:before,
.icon-FACTURACION-WEB .path2:before,
.icon-FACTURACION-WEB .path3:before,
.icon-FACTURACION-WEB .path4:before,
.icon-FACTURACION-WEB .path5:before,
.icon-FACTURACION-WEB .path6:before {
    color: rgb(112, 112, 112);
}

.icon-FACTURACION-WEB:hover .path1:before,
.icon-FACTURACION-WEB:hover .path2:before,
.icon-FACTURACION-WEB:hover .path3:before,
.icon-FACTURACION-WEB:hover .path4:before,
.icon-FACTURACION-WEB:hover .path5:before,
.icon-FACTURACION-WEB:hover .path6:before {
    color: red;
}

.card-container {
    position: relative;
    margin-top: 10%;
    margin-right: 10%;
    z-index: 1;
}

.card-behind {
    background: transparent linear-gradient(180deg, #00AAFF 0%, #4194BE 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

/* -------------------------------banner wow------------------------------------- */
.card-front {
    background: #E6E6E6 0% 0% no-repeat padding-box;
    position: relative;
    z-index: 1;
    left: 1rem;
    bottom: 2rem;
    border-radius: 30px;
    height: auto !important;
}

.card-behind {
    background: transparent linear-gradient(180deg, #00AAFF 0%, #4194BE 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    z-index: 0;
    border-radius: 30px;
    height: 100%;
}

.card-behindG {
    background: transparent linear-gradient(180deg, #FEBA33 0%, #EEA23F 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-radius: 30px;
    height: 100%;
}

.card-behindT {
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-radius: 30px;
    height: 100%;
}

.title-wow {
    font-size: 20px;
    font-family: 'Calibri', sans-serif;
    text-align: left;
    color: #FFFFFF;
}

.title-wow span {
    background: #2BA6D9;
    border-radius: 15px;
    padding: 0em 0.5em 0em 0.5em;
}

.title-wow .ges {
    background: #EEA23F;
    border-radius: 15px;
    padding: 0em 0.5em 0em 0.5em;
}

.title-wow .tol {
    background: #EC2A2A;
    border-radius: 15px;
    padding: 0em 0.5em 0em 0.5em;
}

.content-wow {
    font-size: 18px;
    font-family: 'Calibri', sans-serif;
    font-style: italic;
    color: #646161;
    margin-bottom: 0rem;
}

.img-wow {
    position: absolute;
    width: 32em;
    top: -30%;
    left: 0%;
    transform: translate(-20%, 0%);
    z-index: -1;
    height: 31em;
}

@media screen and (max-width:1366px) {
    .img-wow {
        position: relative;
        /* width: 71%; */
        top: 0%;
        left: -5%;
        transform: translate(0%, 0%);
        z-index: 0;
        /* height: 65%; */
    }

}

@media screen and (max-width:1024px) {
    .img-wow {
        position: relative;
        /* width: 71%; */
        top: 0%;
        left: -22%;
        transform: translate(0%, 0%);
        z-index: 0;
        /* height: 65%; */
    }
    .cont-btn {
        flex-direction: column;
    }
    .btn-cotiz-prueba {
        margin-left: 0rem;
    }
}
@media screen and (max-width:991px){
    .btn-cotiz-prueba {
        margin-top: 30px;
    }
}

@media screen and (max-width:990px) {
    .img-wow {
        position: relative;
        width: 100%;
        top: 0%;
        left: 0%;
        transform: translate(0%, 0%);
        z-index: 0;
        height: 100%;
    }
}

@media screen and (max-width:768px) {
    .img-wow {
        position: relative;
        width: 25em;
        top: 12%;
        left: -30%;
        transform: translate(0%, 0%);
        z-index: -1;
        height: 100%;
    }

}

@media screen and (max-width:468px) {
    .img-wow {
        position: relative;
        width: 25em;
        top: 0%;
        left: -8%;
        transform: translate(0%, 0%);
        z-index: -1;
        height: 100%;
    }

    .card-front {
        left: 0rem;
    }

    .chicaNube {
        width: 100%;
    }
    .btn-cotiz-prueba {
        font-size: 19px;
        margin-left: 0rem;
    }
}

.text-coti {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Calibri', sans-serif;
    color: #828282;
}

/* ---------------------------------------Card-------------------------------------- */
.btn-meinteresa {
    text-align: left;
    font-family: 'Bemio', sans-serif;
    font-size: 41px;
    letter-spacing: 0px;
    color: #E00000;
    /* ----------- */
    background: transparent linear-gradient(180deg, #FFDD54 0%, #E69D2E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000006B;
    border: 4px solid #FFFFFF;
    border-radius: 36px;
    padding: 5px 20px 2px 20px;
}

.btn-meinteresa-c {
    text-align: left;
    font-family: 'Bemio', sans-serif;
    font-size: 41px;
    letter-spacing: 0px;
    color: #FFC620;
    /* ----------- */
    background: transparent linear-gradient(180deg, #820707 0%, #EC2A2A 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000006B;
    border: 4px solid #FFFFFF;
    border-radius: 36px;
    padding: 5px 20px 2px 20px;

}

.img-chica {
    width: auto;
    z-index: 1;
}

.img-precio {
    width: auto;
    z-index: 1;
}

.img-trazo {
    position: absolute;
    z-index: 0;
}

.aspel-black {
    width: auto;
}

.boton-co {
    position: relative;
    margin-top: 7rem;
    margin-bottom: 2rem;
}

.linea1,
.linea2,
.linea3,
.linea4 {
    width: 0px;
    opacity: 0;
    height: 0px;
    transition: .5s all;
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;

}

.boton-co:hover .linea1,
.boton-co:hover .linea2,
.boton-co:hover .linea3,
.boton-co:hover .linea4 {
    animation: linearGradient .5s;
    opacity: 1;
    height: 33px;

}

.linea1 {
    position: absolute;
    transform: rotate(-25deg);
    top: -3em;
}

.linea2 {
    position: absolute;
    transform: rotate(-57deg);
    top: -1.7em;
    left: -1.5em;
}

.linea3 {
    position: absolute;
    transform: rotate(57deg);
    top: -1.7em;
    left: 20.5em;
}

.linea4 {
    position: absolute;
    transform: rotate(25deg);
    top: -3em;
    left: 19em;
}

@keyframes linearGradient {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#banner-movil,
#banner-movil2 {
    display: none;
}

#banner-escritorio,
#banner-escritorio2 {
    display: flex;
}

.precio-banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-top: 10rem;
}

.banner-escritorio {
    display: block;
}

.banner-movil {
    display: none;
}

#banner-medio,
#banner-medio2 {
    display: none;
}

@media screen and (max-width:1366px) {
    .btn-meinteresa {
        font-size: 35px;
    }

    .precio-banner {
        align-items: center;
    }

    .linea3 {
        left: 17.5em;
    }

    .linea4 {
        left: 16em;
    }

}

@media screen and (max-width:1024px) {
    .img-chica {
        width: auto;
    }

    .img-precio {
        width: 80%;
    }

    .btn-meinteresa {
        font-size: 28px;
    }

    .linea3 {
        left: 15.5em;
    }

    .linea4 {
        left: 14em;
    }
}

@media screen and (max-width:991px) {
    #banner-movil,
    #banner-movil2 {
        display: none;
    }

    #banner-medio,
    #banner-medio2 {
        display: flex;
    }

    #banner-escritorio {
        display: none;
    }

    #banner-escritorio2 {
        display: none !important;
    }
    .icono-sistema {
        margin-bottom: 3rem;
        margin-top: 10rem;
        padding: 0.5rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .icono-black {
        margin-bottom: 3rem;
        margin-top: 10rem;
        padding: 0.5rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-precio {
        width: 52%;
    }

    .boton-co {
        margin-top: 6rem;
        margin-bottom: 5em;
    }

    .btn-meinteresa {
        font-size: 35px;
    }

    .linea4 {
        left: 17em;
    }

    .linea3 {
        left: 18.5em;
    }
}

@media screen and (max-width:768px) {
    .img-precio {
        width: 65%;
    }

    .aspel-black {
        width: 100%;
    }

    .boton-co {
        margin-bottom: 1em;
    }

}

@media screen and (max-width:468px) {
    #banner-movil,
    #banner-movil2 {
        display: flex;
    }

    #banner-medio,
    #banner-medio2 {
        display: none;
    }

    #banner-escritorio,
    #banner-escritorio2 {
        display: none;
    }
    .icono-sistema {
        margin-bottom: 0rem;
        margin-top: 2rem;
    }

    .precio-banner {
        margin-top: 1rem;
    }

    .btn-meinteresa {
        font-size: 30px;
    }

    .boton-co {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .aspel-black {
        width: 30%;
    }

    .icono-black {
        margin-top: 3rem;
    }

    .linea4 {
        left: 15em;
    }

    .linea3 {
        left: 16.5em;
    }

    .img-precio {
        width: 30%;
    }
}
















.subtextplanes{
    text-decoration: line-through;
}





.titSaePlan{
    background-color: #EA0029;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonSaePlan {
    background-color: #EA0029;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonSaePlan:hover {
    background-color: #ea002b;
    color: white;
    transform: scale(0.95); 
}
.titPlanSae{
    color: #ea002b;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}


.titCajaPlan{
    background-color: #FFC313;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonCajaPlan {
    background-color: #FFC313;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonCajaPlan:hover {
    background-color: #FFC313;
    color: white;
    transform: scale(0.95); 
}
.titPlanCaja{
    color: #FFC313;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

.titSiigoPlan{
    background-color: #00AAFF;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonSiigoPlan {
    background-color: #00AAFF;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonSiigoPlan:hover {
    background-color: #00AAFF;
    color: white;
    transform: scale(0.95); 
}
.titPlanSiigo{
    color: #00AAFF;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}



.titCoiPlan{
    background-color: #00ACD8;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonCoiPlan {
    background-color: #00ACD8;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonCoiPlan:hover {
    background-color: #00ACD8;
    color: white;
    transform: scale(0.95); 
} 
.titPlanCoi{
    color: #00ACD8;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

.titNoiPlan{
    background-color: #FF8400;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonNoiPlan {
    background-color: #FF8400;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonNoiPlan:hover {
    background-color: #FF8400;
    color: white;
    transform: scale(0.95); 
}
.titPlanNoi{
    color: #FF8400;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

.titNoiAPlan{
    background-color: #FF8400;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonNoiAPlan {
    background-color: #FF8400;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonNoiAPlan:hover {
    background-color: #FF8400;
    color: white;
    transform: scale(0.95); 
}

.titBancosPlan{
    background-color: #7AC23A;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonBancosPlan {
    background-color: #7AC23A;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonBancosPlan:hover {
    background-color: #7AC23A;
    color: white;
    transform: scale(0.95); 
}
.titPlanBancos{
    color: #7AC23A;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

.titProdPlan{
    background-color: #4C4084;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonProdPlan {
    background-color: #4C4084;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonProdPlan:hover {
    background-color: #4C4084;
    color: white;
    transform: scale(0.95); 
}
.titPlanProd{
    color: #4C4084;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

.titAdmPlan{
    background-color: #00587C;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonAdmPlan {
    background-color: #00587C;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonAdmPlan:hover {
    background-color: #00587C;
    color: white;
    transform: scale(0.95); 
}
.titPlanAdm{
    color: #00587C;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}


.titFacturePlan{
    background-color: #A6192E;
    font: normal normal bold 23px/32px Open Sans;
    text-align: center;
}
.botonFacturePlan {
    background-color: #A6192E;
    color: white;
    width: 60%;
    border-radius: 20px;
    padding: 5px 0px 5px 0px !important;
    margin: auto;
}
.botonFacturePlan:hover {
    background-color: #A6192E;
    color: white;
    transform: scale(0.95); 
}
.titPlanFacture{
    color: #A6192E;
    font: normal normal bold 35px Open Sans;
    text-align: center;
}

@media screen and (max-width:800px) {
    .titPlanSae,.titPlanCaja,.titPlanSiigo,.titPlanCoi,.titPlanNoi,.titPlanBancos,.titPlanProd,.titPlanAdm,.titPlanFacture{
        font: normal normal bold 18px Open Sans;
    }
    .subtitsanfact{
        font-size: .8rem;
    }
    .subtsaprecio {
        font-size: 30px;
    }
    span.suscmens {
        font-size: 10px;
        line-height: 15px;
    }
}


hr {
    color: #707070;
    opacity: 1;
}

span.suscmens {
    color: #707070;
    text-align: center;
    font-size: 17px;
    padding: 3% 6% 3% 6%;
    line-height: 23px;
}

.imgNoiAsistente{
    width: 55%;
}

@media screen and (max-width:991px) {
    .imgNoiAsistente{
        width: 75%;
        padding: 5px;margin-top: 15px;
    }
}
@media screen and (max-width:991px) {
    .imgNoiAsistente {
        width: 27%;
        padding: 5px;
        margin-top: 23px;
    }
}


/****************Siigo Fiscal**********************/

.titFisVid {
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    color: #00AAFF;
}

.titFisVid span {
    background: #FBD44F 0% 0% no-repeat padding-box;
    padding: 0px 50px;
}

.usuAdiFis {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.bacFiUsu {
    background: transparent linear-gradient(180deg, #FFDD54 0%, #E69D2E 100%) 0% 0% no-repeat padding-box;
}

.bacFiUsu p {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    /* font-family: 'Open Sans', sans-serif; */
    font-style: italic;
    color: #002152;
    margin-bottom: 0;
}

.bacFiUsu p span {
    font-weight: 600;
}

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

.btn-planesFisc a {
    background: transparent linear-gradient(180deg, #002152 0%, #1B539C 100%) 0% 0% no-repeat padding-box;
    border-radius: 27px;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    padding: 3px 35px 3px 35px;
    transition: all .5s ease-in-out;
    /* box-shadow: black 0px 4px 20px 0px; */
}

.btn-planesFisc a:hover {
    /* box-shadow: #00000091 0px 14px 20px 0px; */
    /* transform: translateY(-5px); */
}

.btn-planesFisc:focus,
.btn-planesFisc:active {
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-autFisCf {
    background: none;
    border: none;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
    width: 100%;
}

.btn-autFisCf a {
    text-align: left;
    font-family: 'Bemio', sans-serif;
    font-size: 30px;
    letter-spacing: 0px;
    color: #E00000;
    background: transparent linear-gradient(180deg, #FFDD54 0%, #E69D2E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000006B;
    border: 3px solid #FFFFFF;
    border-radius: 36px;
    padding: 5px 20px 2px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;

}

.btn-autFisCf:hover {
    transform: translateX(10px);
}

.callTBtn {
    font-size: 20px !important;
}

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

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

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

.boton-cof {
    position: relative;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

.linea1f,
.linea2f,
.linea3f,
.linea4f {
    width: 0px;
    opacity: 0;
    height: 0px;
    transition: .5s all;
    border: 3px solid #FFFFFF;
    background-color: #FFFFFF;

}

.boton-cof:hover .linea1f,
.boton-cof:hover .linea2f,
.boton-cof:hover .linea3f,
.boton-cof:hover .linea4f {
    animation: linearGradient2 .5s;
    opacity: 1;
    height: 33px;

}

.linea1f {
    position: absolute;
    transform: rotate(-25deg);
    top: -3em;
}

.linea2f {
    position: absolute;
    transform: rotate(-57deg);
    top: -1.7em;
    left: -1.5em;
}

.linea3f {
    position: absolute;
    transform: rotate(64deg);
    top: -0.7em;
    left: 105%;
}

.linea4f {
    position: absolute;
    transform: rotate(40deg);
    top: -2.5em;
    left: 102%;
}

@keyframes linearGradient2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.anmi1Car {
    position: relative;
    overflow: hidden;
}

/* Estado inicial oculto */
.aniMosC {
    opacity: 0 !important;
}

.aniMosC2 {
    opacity: 0 !important;
}

/* Cuando entra en pantalla */
.aniMosC.visible {
    animation: animateCard 1s;
    opacity: .8 !important;
}

.aniMosC2.visible {
    animation: animateImg 1s;
    opacity: 1 !important;
}

@keyframes animateImg {
    to {
        opacity: 1;
        transform: translateX(0%);
    }

    from {
        transform: translateX(90%);
        opacity: 0;
    }
}

@keyframes animateCard {
    to {
        opacity: .8;
        transform: translateY(0%);
    }

    from {
        transform: translateY(90%);
        opacity: 0;
    }
}


.bannerPrinFis {
    text-align: left;
    font-weight: 900;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
    margin-bottom: 0;
}

.boton-cof.fiscBtn {
    position: relative;
    margin-top: .25rem;
    margin-bottom: 2rem;
}

.btn-meinteresa.btninFisB {
    font-size: 28px;
    padding: 8px 20px 8px 20px;
}

.imgFisc {
    width: 100%;
}

.text1-fis {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    color: #5E5E5E;
}

.sigFisc-title {
    text-align: left;
    font-weight: bold;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    color: #00AAFF;
}

.sigFisc-descripcion {
    text-align: left;
    font-size: 23px;
    font-family: 'Open Sans', sans-serif;
    color: #5E5E5E;
    line-height: 30px;
}

.sigFisc-fondoCa {
    background: transparent linear-gradient(180deg, #00AAFF 0%, #43C0FF 100%) 0% 0% no-repeat padding-box;
}

.sigFisc-titlFon2 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 25px;
}

.sigFisc-titlFon2 p span {
    margin-bottom: 25px;
    background: transparent linear-gradient(180deg, #FFB554 0%, #FF9A01 100%) 0% 0% no-repeat padding-box;
}

.sigFisc.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 40px;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding: 30px 40px 30px 40px;
}

.sigFisc.card img {
    width: 50px;
}

.sigFisc.card-body {
    padding: 10px 0px 0px 0px;
}

.sigFisc.card-body h4 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #0129AE;
}

.sigFisc.card-body p {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #0129AE;
}

.fistsa {
    background: transparent linear-gradient(180deg, #405DC1 0%, #011557 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 10px;
    border-radius: 20px 20px 0px 0px !important;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
    align-items: center;
}

.leyendaFiscalsi {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 19px;
    font-weight: bold;
    color: #FB6F32;
    margin-bottom: 0px;
    height: 100%;
    /* background: red; */
}

.subtiFisc {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #00AAFF;
}

.subtiFisc2 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 35px;
    color: white;
    background: transparent linear-gradient(180deg, #FFB554 0%, #FF9A01 100%) 0% 0% no-repeat padding-box;
    line-height: 45px;
}

.cardsaFis {
    padding: 3% 8% 6% 8%;
    border-radius: 0px 0px 20px 20px !important;
}

.subtsaFis {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.subtsaprecioFisc {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 55px;
    color: #707070;
}

.subtitsAnFis {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #5E5E5E;
    font-weight: 300;
}

.subtitsUsuFis,
.subtitsRfcFis {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #5E5E5E;
    font-weight: 400;
}

.subtitsRfcFis img {
    width: 14px;
}

.subtitsIvaFis {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #707070;
}

.lista-beneficios {
    text-align: left;
    padding: 10px 0;
}

.lista-beneficios .item {
    display: flex;
    gap: 8px;
    color: #707070;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 6px;
}

/* ✅ Círculo con paloma naranja */
.lista-beneficios .check {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-color: #FEBA33;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.lista-beneficios .check::after {
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
}

.titulo-informacion-fiscal h3 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #00AAFF;
    margin-bottom: 20px;
}

.content-info-fiscal {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #707070;
}

/**/
.backFisVer {
    background: #B8FB76 0% 0% no-repeat padding-box;
    opacity: 1;
}

.carTitlFis1 {
    margin-bottom: 3em;
    margin-top: 3em;
}

.espFisc {
    height: 6em;
}

.carTitlFis1 p {
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    color: #002152;
}

.carTitlFis1 p span {
    color: #FFFFFF;
    background: transparent linear-gradient(180deg, #FFB554 0%, #FF9A01 100%) 0% 0% no-repeat padding-box;
}

.item.itemC.fiSi {
    border: none;
    box-shadow: none !important;
}

.itemC .card.fisSii {

    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 40px;
    opacity: 0.8;
}

.itemC .card-body.fisSii {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    padding: 0px 40px 0px 40px;
}

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

.card-text-fisCar {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #002152;
    margin-bottom: 0;
}

.custom-next-fis,
.custom-prev-fis {
    background: none;
    border: 2px solid #002152;
    height: 3em;
    width: 3em;
    padding: 0.5em;
    border-radius: 50%;
}


/* ======= TÍTULO SUPERIOR ======= */
.carTitlFis p {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
    color: #00AAFF;
    margin-bottom: 0px;
}

.tilFisFoo {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: #002152;
}

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

/* ======= BLOQUE DE LISTA ======= */

.lsitFIs p {
    font-size: 1rem;
    color: #444;
    font-weight: 600;
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;

}

/* Icono tipo check */
.lsitFIs p::before {
    content: "✔";
    color: #FEBA33;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

.lsitFIs .item {
    display: flex;
    gap: 8px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 23px;
    color: #5E5E5E;
    align-items: anchor-center;
}

/* ✅ Círculo con paloma naranja */
.lsitFIs .check {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-color: #FEBA33;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.lsitFIs .check::after {
    content: "";
    width: 8px;
    height: 4px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
}

/**/
/* ======= FONDO CURVO ======= */
.medCircu {
    background: linear-gradient(180deg, #002b5c 0%, #02366f 100%);
    position: relative;
    overflow: hidden;
    padding: 160px 0 20px 0px;
    clip-path: ellipse(90% 93% at 50% 100%);
}

.aspel-Fiscal-Siigo {
    width: auto;
}

.img-chica-fiscal {
    width: 60%;
    z-index: 1;
}

.sigBlaFis {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 3rem;
    padding: .5rem;
    margin-top: 10rem;
}

.mgPlaFis {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.pmFis {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.mrgBT {
    margin-bottom: 3rem;
    margin-top: 1.5rem;
}

.carTitlFis {
    margin: 2.5rem 0rem 2.5rem;
}

.btn-info.btnFinFisCal {
    cursor: pointer;
}

.tituloModal.fiscal p {
    text-align: center;
    font-weight: bold;
    font-size: 48px;
    color: #FFFFFF;
    padding: 0px 35px 0px 35px;
    margin-bottom: -6px;
}

.mbtTipp {
    margin-bottom: 0px;
}

.btn-autFisCf .imgPp2Fi {
    text-align: center;
    font-family: 'Bemio', sans-serif;
    font-size: 25px;
    letter-spacing: 0px;
    color: #E00000;
    background: transparent linear-gradient(180deg, #FFDD54 0%, #E69D2E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000006B;
    border: 3px solid #FFFFFF;
    border-radius: 36px;
    padding: 2px 20px 2px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    cursor: pointer;
}


.carousel-cpaFisDe {
    position: absolute;
    z-index: 41;
    top: 0;
    left: 0;
    width: 100%;
    /* background: red; */
    height: 100%;
}

.bannDemoFis .txtdo,
.txtun {
    text-align: left;
    /* font-family: 'segoe-bold'; */
    font-size: 45px;
    font-weight: 900;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.bannDemoFis .txtdo span {
    color: #FEBA33;
}

.bannDemoFis .txtun {
    font-style: italic;
}

.dFdm1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

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

.textDemIn p {
    text-align: left;
    font-size: 23px;
    color: #5E5E5E;
    margin-bottom: 0px;
    margin-left: 20px;
}

.backDemF {
    background: transparent linear-gradient(180deg, #007FBE 0%, #43ECFF 100%) 0% 0% no-repeat padding-box;
    padding: 0px 0px 4em 0px;
}

.apgDV {
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.titlPasi {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
    margin: 1em 0em 1.5em;
}

.card.deVirC {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.divImgDemo {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card.deVirC img {
    width: 35%;
}

.card-body.DmFisc {
    height: 12em;
    padding: 0px 30px;
}

.demTitCa {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #0129AE;
    margin-bottom: 20px;
    line-height: 30px;
}

.demtexCar {
    text-align: center;
    font-size: 18px;
    color: #0129AE;
    margin-bottom: 0px;
    line-height: 25px;
}

.titlPasi2 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #5E5E5E;
    margin: 1em 0em 1.5em;
}

.backDemF2 {
    padding: 0px 0px 4em 0px;
}

.card.deIdCar {
    background: #3fe6fb4d 0% 0% no-repeat padding-box;
}

.card-body.padCaIde {
    padding: 0px 15px 0px 15px;
}

.demTitCa2 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #5E5E5E;
    margin-bottom: 0;
}

.bordCalDem {
    border: 3px solid #00AAFF;
    border-radius: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 10px 30px 20px;
    margin: 0px 0px 84px 0px;
}

.textCalDe1 {
    text-align: center;
    font-weight: bold;
    font-size: 60px;
    color: #00AAFF;
}

.textCalDe2 {
    text-align: center;
    font-weight: 800;
    font-size: 40px;
    color: #0129AE;
    margin-bottom: 0px;
}

.textCalDe3 {
    text-align: center;
    font-weight: bold;
    font-size: 33px;
    color: #0129AE;
    margin-bottom: 0px;
}

.imgSfCosa {
    width: 45%;
}

.imgCalFi {
    width: 25%;
}

.divImgDemo img {
    width: 35%;
}

.imgDemBack {
    content: url('../../img/sistemas/fiscal/banner-demo.webp');
}

.imgBook {
    content: url('../../img/sistemas/fiscal/fondo-siigo-fiscal.png');
}

.carousel-ebook {
    position: absolute;
    z-index: 41;
    top: 0;
    left: 0;
    width: 100%;
    /* background: red; */
    height: 100%;
    /* background-image: url(../../img/sistemas/fiscal/fondo-siigo-fiscal.png); */
}

.jendEb {
    justify-content: end;
    /* background-image: url(../../img/sistemas/fiscal/fondo-siigo-fiscal.png); */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
}

.bannDemoEbook {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 0rem 4rem;
}

.bannDemoEbook .imgEboSii {
    width: 45%;
    margin-bottom: -30px;
}

.text1ebo {
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
}

.text2ebo {
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-weight: 100;
    font-size: 15px;
    margin-bottom: 0px;
}

.text2ebo span {
    font-weight: bold;
    font-style: italic;
}

.btn-btn-ebook {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    background: #3cb8ff;
    color: white;
    font-size: 18px;
    width: 100%;
    border-radius: 10px;
    font-weight: bold;
    padding: .5rem 0px;
    position: relative;
    margin-top: 19px;
}

.btn-btn-ebook:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.imgDoweboo {
    width: 30px;
    background: white;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    right: 3px;
    transform: translate(-0%);
}

.mtEbo {
    margin-top: 2rem;
}

.dlfEbok {
    justify-content: center;
    align-items: center;
}

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

    .bannDemoEbook {
        padding: 0rem 1rem;
    }

    .text2ebo {
        font-size: 14px;
    }

    .text1ebo {
        font-size: 14px;
    }

    .btn-btn-ebook {
        font-size: 15px;
        width: 90%;
        padding: .3rem 0px;
        margin-top: 9px;
    }

    .imgDoweboo {
        padding: 4px;
    }

    .bannDemoEbook .imgEboSii {
        width: 40%;
    }

    .bannerPrinFis {
        font-size: 30px;
    }

    .aspel-Fiscal-Siigo {
        width: 100%;
    }

    .sigFisc.card-body h4 {
        font-size: 25px;
    }

    .sigFisc.card-body p {
        font-size: 17px;
    }

    .sigFisc.card {
        padding: 30px 30px 30px 30px;
    }

    .subtiFisc {
        font-size: 30px;
    }

    .subtiFisc2 {
        font-size: 29px;

    }

    .subtsaprecioFisc {
        font-size: 45px;
    }

    .leyendaFiscalsi {
        font-size: 17px;
    }

    .titulo-informacion-fiscal h3 {
        font-size: 30px;
    }

    .content-info-fiscal {
        font-size: 16px;
    }

    .btn-autFisCf a {
        font-size: 25px;
    }

    .callTBtn {
        font-size: 15px !important;
        padding: 5px 10px 2px 11px !important;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 39px;
    }

    .card-body.padCaIde {
        padding: 0px 10px 0px 10px;
    }

    .demTitCa2 {
        font-size: 25px;
    }

    .textCalDe1 {
        font-size: 40px;
    }

    .textCalDe3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .imgCalFi {
        width: 30%;
    }
}

@media screen and (max-width:1368px) {
    .bannerPrinFis {
        font-size: 28px;
    }

    .btn-meinteresa.btninFisB {
        font-size: 25px;
        padding: 8px 20px 8px 20px;
    }

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

    .sigFisc-descripcion {
        font-size: 21px;
    }

    .callTBtn {
        font-size: 18px !important;
        padding: 5px 10px 2px 11px !important;
    }

    .demTitCa {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .card-body.DmFisc {
        padding: 0px 15px;
    }
    .btn-btn-ebook {
        font-size: 17px;
        padding: .5rem 0px;
    }
}

@media screen and (max-width:1340px) {
    .bannerPrinFis {
        font-size: 28px;
    }

    .btn-meinteresa.btninFisB {
        font-size: 25px;
    }

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

    .sigFisc-descripcion {
        font-size: 20px;
    }

    .card-title-fisCar {
        font-size: 25px;
    }

    .card-text-fisCar {
        font-size: 18px;
    }


}

@media screen and (max-width:1280px) {
    .bannerPrinFis {
        font-size: 27px;
    }

    .btn-meinteresa.btninFisB {
        font-size: 24px;
        padding: 8px 20px 8px 20px;
    }

    .aspel-Fiscal-Siigo {
        width: 100%;
    }

    .fisBlack {
        width: 50%;
    }

    .sigFisc-title {
        font-size: 32px;
    }

    .sigFisc-descripcion {
        font-size: 20px;
        line-height: 28px;
    }

    .sigFisc-titlFon2 {
        font-size: 35px;
    }

    .sigFisc.card-body h4 {
        font-size: 25px;
    }

    .sigFisc.card-body p {
        font-size: 17px;
    }

    .sigFisc.card img {
        width: 40px;
    }

    .img-chica-fiscal {
        width: 70%;
    }

    .card-title-fisCar {
        font-size: 25px;
    }

    .card-text-fisCar {
        font-size: 17px;
    }

    .carTitlFis p {
        font-size: 30px;
        margin-bottom: -5px;
    }

    .lsitFIs .item {
        font-size: 20px;
    }

    .tilFisFoo {
        font-size: 50px;
    }

    .titulo-informacion-fiscal h3 {
        font-size: 30px;
    }

    .content-info-fiscal {
        font-size: 15px;
    }

    .demTitCa {
        font-size: 20px;
    }

}

@media screen and (max-width:1194px) {
    .bannerPrinFis {
        font-size: 23px;
    }

    .btn-meinteresa.btninFisB {
        font-size: 20px;
    }

    .sigFisc-title {
        font-size: 25px;
    }

    .sigFisc-descripcion {
        font-size: 18px;
        line-height: 25px;
    }

    .sigFisc.card-body h4 {
        font-size: 22px;
    }

    .sigFisc.card-body p {
        font-size: 15px;
    }

    .sigFisc.card {
        padding: 40px 40px 10px 40px;
    }

    .sigFisc.card img {
        width: 45px;
    }

    .leyendaFiscalsi {
        font-size: 17px;
    }

    .subtiFisc {
        font-size: 30px;
    }

    .subtiFisc2 {
        font-size: 28px;
    }

    .subtsaprecioFisc {
        font-size: 45px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 34px;
    }

    .demTitCa2 {
        font-size: 24px;
    }
}

@media screen and (max-width:1114px) {
    .callTBtn {
        font-size: 16px !important;
    }

    .textCalDe1 {
        font-size: 33px;
    }

    .textCalDe2 {
        font-size: 35px;
    }

    .textCalDe3 {
        font-size: 20px;
    }

    .card-body.padCaIde {
        height: 10rem;
    }
}

@media screen and (max-width:1024px) {
    .mtFiBtC {
        margin-top: -1.5rem;
    }

    .mgFiTB {
        margin-bottom: 1.5rem;
    }

    .text1-fis {
        font-size: 21px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 29px;
    }

    .textDemIn p {
        font-size: 20px;
        margin-left: 0px;
    }
}

@media screen and (max-width:991px) {
    .precio-banner.fisCBC {
        margin-top: 10rem;
        margin-bottom: 5rem;
    }

    .boton-cof.fiscBtn {
        margin-top: 3.25rem;
    }

    .fisBlack {
        width: 95%;
    }

    .text1-fis {
        font-size: 19px;
    }

    .sigFisc-title {
        font-size: 21px;
    }

    .sigFisc-descripcion {
        font-size: 17px;
        line-height: 24px;
    }

    .sigFisc-titlFon2 {
        font-size: 30px;
    }

    .sigFisc.card-body h4 {
        font-size: 19px;
    }

    .sigFisc.card-body p {
        font-size: 14px;
    }

    .subtiFisc {
        font-size: 28px;
    }

    .subtiFisc2 {
        font-size: 25px;
    }

    .subtsaprecioFisc {
        font-size: 35px;
    }

    .leyendaFiscalsi {
        font-size: 15px;
    }

    .lista-beneficios .item {
        font-size: 13px;
    }

    .lsitFIs .item {
        font-size: 17px;
    }

    .tilFisFoo {
        font-size: 45px;
    }

    .mgFiTB {
        margin-bottom: 2rem;
    }

    .btn-autFisCf a {
        font-size: 20px;
    }

    .dFdm1 img {
        width: 100%;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 27px;
    }
    .bannDemoEbook .imgEboSii {
        width: 35%;
        margin-bottom: -11px;
    }

    .text1ebo {
        font-size: 13px;
    }

    .text2ebo {
        font-size: 13px;
    }

    .btn-btn-ebook {
        font-size: 16px;
        width: 85%;
    }

    .imgDoweboo {
        padding: 6px;
    }

    .bannDemoEbook {
        padding: 0rem 1rem;
    }

}

@media screen and (max-width:834px) {
    .mgFiTB {
        margin-bottom: 1.5rem;
    }

    .text1-fis {
        font-size: 21px;
    }

    .titulo-informacion-fiscal h3 {
        font-size: 20px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 24px;
    }

    .textDemIn p {
        font-size: 18px;
        margin-left: 0px;
    }

    .demTitCa2 {
        font-size: 21px;
    }
}

@media screen and (max-width:768px) {
    .precio-banner.fisCBC {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .text1-fis {
        font-size: 16px;
    }

    .titulo-informacion-fiscal h3 {
        font-size: 25px;
    }
    .imgBook {
        content: url('../../img/sistemas/fiscal/fondo-siigo-fiscal-movil.png');
    }

    .dlfEbok {
        justify-content: center;
        align-items: end;
    }

    .bannDemoEbook {
        padding: 0rem 1rem 1rem;
    }

}

@media screen and (max-width:712px) {
    .sigFisc.card {
        padding: 31px 15px 10px 15px;
    }

    .rowCenFis {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .sigFisc.card-body h4 {
        font-size: 16px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 20px;
    }

    .textDemIn p {
        font-size: 16px;
        margin-left: 0px;
    }

}

@media screen and (max-width:540px) {
    .aspel-Fiscal-Siigo {
        width: 60%;
    }

    .icono-sistema.sigFisMo {
        margin-top: 4rem;
        margin-bottom: 1rem;
    }

    .precio-banner.fisCBC {
        margin-top: 2rem;
        margin-bottom: 0rem;
    }

    .sigBlaFis {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }

    .fisBlack {
        width: 40%;
    }

    .text1-fis {
        padding: 0px 30px;
    }

    .revFisCol {
        flex-flow: column-reverse;
    }

    .sigFisc-title {
        font-size: 23px;
        padding: 0px 30px;
        text-align: center;
    }

    .sigFisc-descripcion {
        font-size: 18px;
        line-height: 24px;
        padding: 0px 30px;
        text-align: center;
    }

    .sigFisc-titlFon2 {
        font-size: 21px;
        padding: 0px 30px;
        margin: 25px 0px 5px 0px;
    }

    .pdFiMov {
        padding: 0px 50px;
    }

    .sigFisc.card-body h4 {
        font-size: 22px;
    }

    .titPlanSiigo.fisCTi {
        font-size: 25px;
    }

    .pdCaFiM {
        padding: 0px 45px;
    }


    .tilFisFoo {
        font-size: 45px;
        text-align: center;
    }

    .medCircu {
        padding: 120px 0 0px 0px;
        clip-path: ellipse(90% 87% at 50% 100%);
    }

    .mgFiTB {
        margin-bottom: 30px;
        margin-top: -20px;
    }

    .mgPlaFis {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .gapFis {
        gap: 20px;
        margin-bottom: 20px;
    }

    .pmFis {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .carTitlFis1 p {
        font-size: 20px;
    }

    .carTitlFis1 {
        margin-bottom: 1em;
        margin-top: 1.5em;
    }

    .mrgBT {
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    .boton-cof.fiscBtn {
        margin-top: 1.25rem;
    }

    .btn-autFisCf a {
        font-size: 16px;
    }

    .dFdm1 {
        justify-content: center;
    }

    .dFdm1 img {
        width: 50%;
    }

    .textDemIn p {
        margin-left: 0px;
        padding: 0px 40px;
        margin-bottom: 30px;
        text-align: center;
    }

    .apgDV {
        gap: 25px;
        padding: 0px 0px;
        --bs-gutter-x: 0rem;
    }

    .card-body.DmFisc {
        padding: 10px 15px 0px;
    }

    .titlPasi {
        font-size: 34px;
        margin: 1em 0px 1.5em 0px;
    }

    .titlPasi2 {
        font-size: 35px;
        margin: .5em 0em 1em;

    }

    .card-body.padCaIde {
        padding: 0px 5px 0px 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgCalFi {
        display: none;
    }

    .padMovC {
        padding: 0px 40px;
    }

    .card.deVirC img {
        width: 50%;
    }

    .imgDemBack {
        content: url('../../img/sistemas/fiscal/banner-demo-movil.webp');
    }

    .colDno {
        display: none;
    }

    .bannDemoFis {
        margin-bottom: -3em;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 27px;
        text-align: center;
    }


}

@media screen and (max-width:468px) {
        .titFisVid {
        font-size: 40px;
        margin-bottom: 0;
    }
    .sigFisc.card-body h4 {
        font-size: 20px;
    }

    .sigFisc.card {
        padding: 10px 25px 10px 25px;
    }

    .sigFisc.card-body p {
        font-size: 13px;
    }

    .btn-curso.fiBt1Si {
        font-size: 13px;
    }

    .titPlanSiigo.fisCTi {
        font-size: 18px;
        padding: 0px 0px;
    }

    .pdCaFiM {
        padding: 0px 35px;
    }

    .content-info-fiscal {
        font-size: 15px;
        text-align: center;
    }

    .btn-info .fisBtn {
        font-size: 13px;
        margin: -25px 0px 0px 0px;
    }

    .carTitlFis p {
        font-size: 19px;
        margin-bottom: -5px;
    }

    .custom-next-fis,
    .custom-prev-fis {
        height: 3em !important;
        width: 3em !important;
    }

    .lsitFIs {
        margin-left: 0;
        padding: 0px 20px;
    }

    .btn-info.btnFinFisCal {
        margin: -20px 0px 15px 0px;
    }

    .card-title-fisCar {
        font-size: 20px;
    }

    .card-text-fisCar {
        font-size: 15px;
    }

    .itemC .card-body.fisSii {
        padding: 0px 20px 0px 20px;
    }

    .carTitlFis {
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .bacFiUsu p {
        font-size: 20px;
    }

    .btn-autFisCf a {
        font-size: 13px;
        padding: 5px 10px 2px 10px;
    }

    .btn-autFisCf {
        display: flex;
    }

    .callTBtn {
        font-size: 11px !important;
    }

    .tituloModal.fiscal p {
        font-size: 22px;
        padding: 0px 20px 0px 20px;
        line-height: 40px;
    }
    .mbtTipp {
        margin-bottom: 0px;
    }

    .btn-autFisCf .imgPp2Fi {
        font-size: 20px;
        margin-top: -20px;
    }

    .divImgDemo {
        height: 110px;
    }

    .demTitCa {
        font-size: 18px;
        line-height: 20px;
    }

    .demtexCar {
        font-size: 16px;
        line-height: 21px;
    }

    .divImgDemo img {
        width: 50%;
    }

    .demTitCa2 {
        line-height: 24px;
        font-size: 18px;
    }

    .titlPasi2 {
        font-size: 30px;
        margin: .5em 0em 1em;
    }

    .bordCalDem {
        padding: 20px 15px 30px 15px;
    }

    .textCalDe1 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .textCalDe2 {
        font-size: 27px;
    }

    .textCalDe3 {
        font-size: 17px;
        margin-bottom: 40px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 20px;
    }
    .btn-autFisCf .imgPp3Fi{
        font-size: 17px!important;
    }
}

@media screen and (max-width:360px) {
    .btn-autFisCf a {
        font-size: 12px;
    }

    .callTBtn {
        font-size: 11px !important;
        text-align: center !important;
    }

    .btn-autFisCf .imgPp2Fi {
        font-size: 18px;
    }
}

@media screen and (max-width:344px) {
    .carTitlFis p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .carTitlFis {
        margin: 1.5rem 0rem 1.5rem 0rem;
    }



    .lsitFIs {
        margin-left: 0;
        padding: 0px 30px;
    }

    .demTitCa {
        font-size: 16px;
    }

    .demtexCar {
        font-size: 13px;
    }

    .titlPasi {
        font-size: 29px;
    }

    .titlPasi2 {
        font-size: 25px;
        margin: .5em 0em 1em;
    }

    .padMovC {
        padding: 0px 20px;
    }

    .textCalDe1 {
        font-size: 20px;
    }

    .textCalDe2 {
        font-size: 25px;
    }
}

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

    .btn-meinteresa.btninFisB {
        font-size: 14px;
    }

    .sigFisc.card-body h4 {
        font-size: 17px;
    }

    .sigFisc.card {
        padding: 10px 20px 10px 20px;
    }

    .btn-info .fisBtn {
        font-size: 12px;
        margin: -25px 0px 0px 0px;
    }

    .carTitlFis p {
        padding: 0px 10px;
    }

    .card-title-fisCar {
        font-size: 20px;
    }

    .card-text-fisCar {
        font-size: 15px;
    }

    .lsitFIs .item {
        font-size: 15px;
    }

    .btn-autFisCf a {
        font-size: 11px;
        padding: 3px 5px 2px 5px;
    }

    .desc-cap4 {
        padding: 0px 13px;
    }

    .titulo-informacion-fiscal h3 {
        font-size: 20px;
    }

    .content-info-fiscal {
        font-size: 13px;
        text-align: center;
    }
}

@media screen and (max-width:280px) {
    .btn-autFisCf .imgPp2Fi {
        font-size: 14px;
    }

    .pdFiMov {
        padding: 0px 20px;
    }

    .btn-autFisCf a {
        text-align: center;
    }

    .pdCaFiM {
        padding: 0px 25px;
    }

    .bannDemoFis .txtdo,
    .txtun {
        font-size: 15px;
    }

    .textDemIn p {
        margin-left: 0px;
        padding: 0px 25px;
        margin-bottom: 30px;
    }

    .apgDV {
        gap: 15px;
    }

    .divImgDemo {
        height: 70px;
    }

    .demTitCa2 {
        line-height: 22px;
        font-size: 15px;
    }
}