.client-area{
    display: contents !important;
    margin-left: 0px;
    color: #ffffff !important;
}
header .topInfo li.clientAreaLi span, .homeArea, header .lang li:hover, .domainTop > input[type="submit"], .Btn, .ctaTwo, .domainCheck span > input:checked + label, .clientLogin input[type="submit"], .preloader, .v2 header .langTxt, .v2 header .topInfo li a, header a.cart .count, .v2 .homeBtn a.btnOne, .v2 .domainArea:before, .tstSlider .owl-nav div, .aboutServiceArea, .inputWrep > input[type="submit"], .domainSearchArea .domainSearchForm input.submit, .active .h4.singleDomainName::before, .domainCtaArea, .singleTst::before, .boardMenu, .boardMenu li a:hover, .submitBtn > input, .contactForm .contactSubmit, .cartTable > li.cartHead, .duration > span:hover, .cartOpt > li, .totalBtn, .bill::before, .pagination a:hover, .pagination li.active a, .commentInput > input[type="submit"], .serachForm > input[type="search"], .supportInput > input[type="submit"], .eSearchForm > input[type="submit"], .subsForm > input[type="submit"] {
    background: #1B9F8B;
    color: #fff;
}
.homeContent span.h2 {
    font-size: 34px;
    margin-bottom: 15px;
    line-height: 46px;
    color: #ffd800;
    font-family: 'proxima_nova_rgbold';
}

.singlePrice.active, .priceCol:last-child .singlePrice.active, #nav > li > ul.sub-menu li, #nav > li ul.sub-menu li:first-child, #nav > li ul.sub-menu li:last-child, header nav#navbar ul > li.dropdown-megamenu .mega-menu, .inputWrep, .domainSearchArea .domainSearchForm input.serach:focus, .accountInput input:focus, .contactForm > div > input:focus, .contactForm > div > textarea:focus, .cartTable > li.cartHead div, .checkoutWrep .row > div input:focus, .commentInput > input[type="submit"], .commentInput > *:focus, .fileInput:hover, .supportInput input:focus, .supportInput select:focus, .supportInput textarea:focus, .eSearchForm > input:focus, .subsForm > input:focus {
    border-color:#ffd800;
}
#nav > li ul.sub-menu li:last-child, #nav > li ul.sub-menu li:last-child, .subPar > a::before, .availableDomain.clearfix {
    border-bottom-color:#ffd800;
}
@media only screen and (max-width: 6000px) and (min-width: 992px){
    #nav > li ul.sub-menu li:last-child {
        border-bottom: 2px solid #ffd800 !important;
    }
}
.navbar-toggle {
    color: #1B9F8B;
    outline: 5px auto #1B9F8B;
}
header .topInfo li.clientAreaLi span:hover, .contactBtn.Btn:hover, .Btn:hover, .domainTop > input[type="submit"]:hover, .inputWrep > input[type="submit"]:hover, .domainSearchArea .domainSearchForm input.submit:hover, .submitBtn > input:hover, .supportInput > input[type="submit"]:hover, .contactForm .contactSubmit input:hover, .totalBtn:hover, .commentInput > input[type="submit"]:hover, .eSearchForm > input[type="submit"]:hover, .subsForm > input[type="submit"]:hover {
    background: #105240;
}
.sectionTitle .h2 span, .ctaBtn .btnTwo.Btn, .footerLinkIcon li a:hover, .mMenuCol .menuDiscount .h3, .menuDiscount > a, .clientLogin input[type="submit"] + .h5 a, .v2 .homeContent span.topTxt, .v2 .homeBtn a.btnTwo, .footerLink > li a:hover, .contactInfo span a:hover, h4.price, .singleTst > a:hover, .boardTitle .h4, ul.regDomains .domainName a:hover, .contactInfoCell .h4, span.closeIcon, .checkTitle > a, .author > span, .dt_reply:hover, .supportTitle.h3 span, .fileInput:hover:before, .h1.errorTitle, .errorContent > a:hover {
    color: #1B9F8B;
}
.domainArea1 {
    background: #233141 url(../img/home/domain-bg.jpg);
    color: #fff;
    padding: 60px 0;
    background-repeat: repeat;
    overflow: hidden;
}
.sectionAc{
    margin-bottom: 30px;
}
.sectionAc .nav-tabs{
    border-bottom: 4px solid #ffd800;
}
.sectionAc a{
    background: #1B9F8B;
    color: #fff;

    padding: 21px 22px;
    text-transform: uppercase;
    font-weight: bold;
    /* margin: 0px !important; */
    border-radius: 0px;
    text-align: center;
    margin-right: 1px !important;
    cursor: pointer;
}
.sectionAc a:hover{
    background: #2a6f65;
}
.tab {
    display: block;
    background: #fff;
    margin-bottom: 0.5rem;
    padding: 1rem;
    border-radius: 0.5rem;
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}
.tab:last-of-type {
    margin: 0;
}
.tab.active {
    color: #233141;
    background: transparent;
    border-top: 4px solid #1b9f8bdb;
}

.pane {
    display: none;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px  solid #eee;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.pane:last-child {
    margin: 0;
}

.tab.active + .pane {
    display: block;
}

@media screen and (min-width: 768px) {
    .sectionAc .container {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .sectionAc .container .tab {
        -webkit-box-ordinal-group: 0;
        order: -1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        margin: 0 0.5rem 0 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .sectionAc .container .tab:last-of-type {
        margin-right: 8px;
    }
    .sectionAc .container .pane {
        flex-basis: 100%;
        margin: 0;
    }
}
.contAc{
    margin: 0 auto;
    padding: 0.5rem;
}
.priceImg {
    height: 145px;
    margin-bottom: 20px;
}
.priceTitle {
    color: #1B9F8B;
}
.section-detail{
    margin-top: 30px;
}
.sectionAc .Btn{
    padding: 0px 9px 0px 0px;
}
.sectionAc .ctaCell a{
    background: #233141;
}

.sectionAc .ctaCell a:hover{
    background: #365272;
}
.sectionAc .ctaCol {
    padding: 0 50px;
}
 .domainArea2 .container::before {
    background: url(../img/contacto/big-search-min.png);
    content: "";
    height: 260px;
    left: -30px;
    margin-top: -130px;
    position: absolute;
    top: 50%;
    width: 260px;
    z-index: -1;
    background-repeat: no-repeat;
}
.domainArea2:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #1B9F8B;
}
.domainTxt {
    padding-top: 0px !important;
}
.domainArea2 {
    background: #233141;
    position: relative;
    z-index: 1;
}
.domainArea2 .call-my{
    display: block;
    width: auto !important;
    padding: 0px 26px;
    margin-bottom: 18px;
    margin-left: 34%;
}
.title-contact{
    color: #ffd800;
}
.domainArea2 .domainBtn{
    background: #233141;
}
header .logo img {
    height: 156%;
    position: relative;
    top: -14px;
    max-width: none;
}
header nav#navbar > ul {
     border-right: 0px solid #e4e9f0;
}
.singleInfo:last-child .singleContactInfo > span {
    width: 105px;
}
.btn-header{
    background: #1B9F8B !important;
}
.pageTitleArea {
    background: url(../img/contacto/baner-superior-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 1px;
}
.pageTitle .h2 {
    color: #ffd800;
}
.pageIndicate a {
    color: #ffffff;
}
.aServiceTxt, .aServiceTxt p {
    text-align: center;
}
.fac-mod .h3{
    color: #ffd800;
}
.section-ltr{
    direction: ltr;
}
.color-b{
    color: #1B9F8B;
}
.section-prueba{
    padding-top: 0px;
}
.icons-fac .serviceIcon {
    height: 169px;
    margin-bottom: 30px;
}
.container-orden .singleService .serviceIcon {
    height: 150px;
    margin-bottom: 30px;
}
.container-orden .singleService {
    margin-top: 0px;
}
.domainTop > input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    float: right;
    font-size: 15px;
    height: 50px;
    padding: 0 25px;
    width: 80%;
    border-radius: 4px;
}
.cont-num-load{
    display: none;
}
.cont-num-load-pre{
    display: inherit;
}
.pricingArea{
    padding-top: 0px;
}
.price-home{
    padding-top: 30px;
}
.elemet-contact{
    width: 40%;
}
.sectionTipe .serviceIcon{
    height: 200px !important;
}
.btnModulos{
    margin-top: 15px;
}
.serviceContent p {
    text-align: justify;
}
.priceBody > li {
    color: #8292a5;
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
    line-height: 27px;
    padding-right: 36px;
    position: relative;
    font-weight: 100;
}
.priceBody > li i.icofont-ui-check {
    color: #2ecc71;
    margin-left: 11px;
    position: absolute;
    right: 12px;
    top: 7px;
}
.priceBody > li i.icofont-ui-close {
    color: #f3746f;
    margin-left: 11px;
    position: absolute;
    right: 12px;
    top: 7px;
}
.video{
    margin-top: 140px;
}
.video-frame{
    width: 95%;
    margin-top: 110px;
    position: relative;
    left: 30px;
}
.text-restaurant{
    direction: initial;
    text-align: initial !important; ;
}
.title-1-res{
    margin-bottom: 17px;
    margin-top: 30px;
    width: 75%;
    margin-left: 12%;
}
.restoranArea1{
    background: #233141 url(../img/restaurante/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.radianArea1{
    background: #233141 url(../img/radian/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.inventarioArea1{
    background: #233141 url(../img/inventario/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.posArea1{
    background: #233141 url(../img/facturacionPos/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.elecArea1{
    background: #233141 url(../img/facturacionElec/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.ropaArea1{
    background: #233141 url(../img/calzado/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.drogueriaArea1{
    background: #233141 url(../img/drogueria/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.hotelArea1{
    background: #233141 url(../img/hotel/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.celArea1{
    background: #233141 url(../img/celulares/fondo1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.generalArea1{
    background: #233141 url(../img/general/fondos/1920x1080/Fondo-1.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.generalArea2{
    background: #233141 url(../img/general/fondos/1920x1080/Fondo-2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.generalArea3{
    background: #233141 url(../img/general/fondos/1920x1080/Fondo-3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.generalArea4{
    background: #233141 url(../img/general/fondos/1920x1080/Fondo-4.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.generalArea5{
    background: #233141 url(../img/general/fondos/1920x1080/Fondo-5.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}


.talleresArea1{
    background: #233141 url(../img/talleres/fondos/Fondo-1.jpg);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.talleresArea2{
    background: #233141 url(../img/talleres/fondos/Fondo-2.jpg);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.talleresArea3{
    background: #233141 url(../img/talleres/fondos/Fondo-3.jpg);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.talleresArea4{
    background: #233141 url(../img/talleres/fondos/Fondo-4.jpg);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}



.text-section-rest p{
    line-height: 25px;
    margin-bottom: 10px;
}
.title-2-res{
    display: none;
}
.mesa-section{
    background: url(../img/restaurante/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.radian-section{
    background: url(../img/radian/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.creacion-section{
    background: url(../img/inventario/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.elec-section{
    background: url(../img/facturacionElec/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.ropa-section{
    background: url(../img/calzado/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.drogueria-section{
    background: url(../img/drogueria/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.comandas-section{
    background: url(../img/restaurante/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.pos-section{
    background: url(../img/facturacionPos/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.hotel-section{
    background: url(../img/hotel/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.cel-section{
    background: url(../img/celulares/fondo2.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.pos2-section{
    background: url(../img/facturacionPos/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.radian3-section{
    background: url(../img/radian/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.inventario3-section{
    background: url(../img/inventario/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.elec2-section{
    background: url(../img/facturacionElec/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.ropa2-section{
    background: url(../img/calzado/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.drogueria2-section{
    background: url(../img/drogueria/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.hotel2-section{
    background: url(../img/hotel/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.cel2-section{
    background: url(../img/celulares/fondo3.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.hotel3-section{
    background: url(../img/hotel/fondo4.png);
    /* color: #fff; */
    /* padding: 60px 0; */
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.priceTitle {
    font-family: "proxima_nova_rgbold";
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.img-interfaz{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.blogArea{
    direction: ltr;
}
.singlePost .postContent {
   background: none;
    border: none;
    color: #232424;
    font-size: 14px;
    padding: 30px 25px;
    line-height: 25px;
}
.singlePost .postImg img:hover {
     -webkit-transition: none;
     transition: none;
 }
.blogArea{
    padding: 0px;
}
.contactArea{
    padding-bottom: 5px;
}
.list-radian{
    direction: initial;
}
.ctaTxt {
    color: #4e4f51;
    font-family: "proxima_novalight";
    font-size: 17px;
    line-height: 30px;
    display: table;
}
.priceBody > li {
    color: #6e7074;
}
header nav#navbar ul > li > a {
    color: #6e7074;
}
.end-section-mc{
    padding-top: 0px;
}
.diferent-payment{
    margin-bottom: 50px;
}
.btn-whatsapp {
    display:block;
    width:320px;
    height:70px;
    color:#fff;
    position: fixed;
    right:20px;
    bottom:20px;
    border-radius:50%;
    line-height:80px;
    text-align:center;
    z-index:999;
    display: inline-block;
    margin: 0 0.5rem;
    animation: bounce; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
}
header nav#navbar ul > li.dropdown-megamenu .mega-menu .mMenuCol:last-child {
    margin-left: 10px;
}
.Btn i {
    margin-left: 0px;
}
.content-prueba-demo-gratis{
    justify-content: center;
    display: flex;
}
.cont-precios-ac  .ctaCol {
    padding: 0 0px;
}
.cont-precios-ac .price {
    margin: 0px;
    padding: 0 0px;
}
.cont-precios-ac{
    width: 100% !important;
    direction: ltr;
}
.cont-precios-ac .contAc{
    width: 100% !important;
}
.cont-precios-ac .pricingArea .container{
    padding-left: 0px !important;
}
.img-precios{
    width: 50%;
}
.contet-img-precios{
    justify-content: center;
    margin-bottom: 5px;
}
.cont-precios-ac .section-detail{
    margin-top: -25px;
}
.img-rest-demo{
    -webkit-box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.75);
}
.img-title-demo-rest{
    margin-bottom: 30px;
}
.btn-demo-rest{
    background: #fab41a !important;
    color: #ffffff !important;
}
.agenda-img{
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}


.con-precios{
    max-width: 100% !important;
}
.con-precios-2{
    max-width: 100% !important;
    padding: 0px;
}
.columnas-new{
    width: 20%; /* Asegura que cada bloque use exactamente el 20% del contenedor */
    float: left; /* Mantiene los bloques alineados correctamente si no estás utilizando Flexbox */
}
.con-precios li{
    font-size: 13px;

}
.con-precios .currency {
    font-size: 23px;
}
.display-colum-prec{
    display: block !important;
}
.directionAcademy{
 direction: ltr;
    padding-top: 0px;
}
.linkAcademy{
    font-size: 17px;
}
.paddAcademy{
    padding: 5px 0px !important;
}
.titleAcademy{
    margin-top: 30px !important;
}
.escuela span{
    background:#e74c3c !important;
    color: #fefefe !important;
}
.escuela span:hover{
    background: #105240 !important;
    color: #fefefe !important;
}

.bg-mascontrol{background-color: #1B9F8B;}

.btn-mascontrol{
    background-color: #1B9F8B;
    color: #ffffff;
    border: solid 1px #1B9F8B;
    padding: 8px 16px;
    transition: all 200ms ease;
    cursor: pointer;
}

.btn-mascontrol:hover{
    transform: scale(1.1);
    font-weight: bold;
    background-color: #188a7a;
    color: #ffffff;
}

.btn-mascontrol:focus-visible,
.btn-mascontrol:focus{
    outline: none;
}

.fsize-08{font-size: 08px !important;}
.fsize-09{font-size: 09px !important;}
.fsize-10{font-size: 10px !important;}
.fsize-11{font-size: 11px !important;}
.fsize-12{font-size: 12px !important;}
.fsize-13{font-size: 13px !important;}
.fsize-15{font-size: 15px !important;}
.fsize-16{font-size: 16px !important;}
.fsize-17{font-size: 17px !important;}
.fsize-18{font-size: 18px !important;}
.fsize-19{font-size: 19px !important;}
.fsize-20{font-size: 20px !important;}
.fsize-21{font-size: 21px !important;}
.fsize-22{font-size: 22px !important;}
.fsize-23{font-size: 23px !important;}
.fsize-24{font-size: 24px !important;}
.fsize-25{font-size: 25px !important;}
.fsize-26{font-size: 26px !important;}
.fsize-27{font-size: 27px !important;}
.fsize-28{font-size: 28px !important;}
.fsize-29{font-size: 29px !important;}
.fsize-30{font-size: 30px !important;}
.fsize-31{font-size: 30px !important;}
.fsize-32{font-size: 32px !important;}
.fsize-33{font-size: 33px !important;}
.fsize-34{font-size: 34px !important;}
.fsize-35{font-size: 35px !important;}
.fsize-36{font-size: 36px !important;}
.fsize-37{font-size: 32px !important;}
.fsize-38{font-size: 38px !important;}
.fsize-39{font-size: 39px !important;}
.fsize-40{font-size: 40px !important;}

.gap-1{gap: 4px !important;}
.gap-2{gap: 8px !important;}
.gap-3{gap: 12px !important;}



/*************************  BOTÓN WHATSAPP ASESOR  ***************/
.container-animation-chat-asesor{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    margin: 10px;
}

.container-animation-chat-asesor .container-animation{
    width: inherit;
    height: 60px;
    border-radius: 50rem 50rem 50rem 50rem;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.container-animation-chat-asesor .container-logo-whatsapp{
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #34b5a4;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.container-animation-chat-asesor .container-logo-whatsapp{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}

.container-animation-chat-asesor .container-slider{
    max-width: 60px;
    height: 60px;
    left: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 50rem 50rem 50rem 50rem;
    border: 2px solid #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #249f8b;
    text-wrap: nowrap;
    transition: all 2s ease;
    overflow: hidden;
    filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.75));
}

.container-animation-chat-asesor .container-slider:before {
    background: none;
    border: 1px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    pointer-events: none;
    border-radius: 50rem 50rem 50rem 50rem;
}

.container-animation-chat-asesor .container-slider-text{
    padding-left: 70px;
    padding-right: 35px;
    color: white;
}

.container-animation-chat-asesor .expandido{
    max-width: 350px !important;
}

.container-animation-chat-asesor .container-bot{
    position: absolute;
    right: -10px;
    bottom: 5px;
    cursor: pointer;
    z-index: 2;
    margin: 0;
    width: 40px;
}

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

.desabilitar-incrementador-input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.deshabilitar_incrementador::-webkit-inner-spin-button,
.deshabilitar_incrementador::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-style .form-style-group label{
    margin-bottom: 4px;
}

.form-style .form-style-group input{
    border: solid 1px #d9e7ea;
    background-color: rgb(247, 254, 255);
    border-radius: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.form-style .form-style-group input:focus{
    border: var(--yellow) solid 1px;
}

.form-style .form-style-group textarea{
    border: solid 1px #d9e7ea;
    background-color: rgb(247, 254, 255);
    border-radius: 0;
    padding: 10px;
    min-height: 40px;
    height: 100px;
    width: 100%;
    margin-bottom: 8px;
}

.form-style .form-style-group textarea:focus{
    border: var(--yellow) solid 1px;
}

.form-style .form-style-group textarea:focus-visible{
    outline: none;
}

.form-style .form-style-submit{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.input-error{
    border-color: red !important;
}

.levitando {
    display: inline-block;
    font-size: 64px;
    animation: flotar 3.5s ease-in-out infinite;
}

@keyframes flotar {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}



.levitando::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 15px;
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    filter: blur(4px);
    animation: sombraFlotante 3.5s ease-in-out infinite;
}

@keyframes sombraFlotante {
    0%, 100% {
        transform: translateX(-50%) scale(1);
        opacity: 0.6;
        bottom: 0;
    }
    50% {
        transform: translateX(-50%) scale(0.8);
        opacity: 0.3;
        bottom: -15px;
    }
}