@keyframes slideInFromUp {
        0% {
            transform: translateY(100%);
        }
        100% {
            transform: translateY(0);
        }
    }
    .promoMes3 {
        color: #ffffff;
        position: fixed;
        bottom: 0;
        z-index: 555;
        text-align: center;
        animation: 1s ease-out 0s 1 slideInFromUp;
        animation-timing-function: ease-in;
    }
    .promoMes3 div p {
        font-size: 18px;
        margin-bottom: 2px
    }
    .promoMes3 span.bold,
    .promoMes3 span.bold a {
        font-size: 1rem;
        color: rgb(255, 255, 255) !important;
        text-decoration: none;
        margin: 0px;
        line-height: 1;
        @media (max-width: 320px) {
            font-size: 0.9rem;
        }
    }
    .promoMes3 span.small {
        font-size: 1rem;
        display: block;
        color: white;
        margin: 0px;
        line-height: 1;
        @media (max-width: 320px) {
            font-size: 0.9rem;
        }
    }
    .promoMes3 .amarillo {
        background: var(--color-c3);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 0px;
          @media (max-width: 320px) {
            padding: 15px 0px;
          }
    }
    .promoMes3 .verde {
        background: var(--color-c3);
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 20px 0px;
          @media (max-width: 320px) {
            padding: 15px 0px;
          }
    }
    .btn-whatsapp {
        background: #ffffff;
        color: #000000;
        margin: 10px auto;
        display: block;
        border-radius: 4px;
        padding: 8px 20px;
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        min-height: 70px;
    }
    .btn-whatsapp img {
        /* margin-right: 8px; */
    }
    .btn-whatsapp span {
        /* width: 165px; */
    }
    .btn-llamar {
        background: #ffffff;
        color: #000000;
        margin: 10px auto;
        display: block;
        padding: 8px 20px;
        cursor: pointer;
        font-size: 22px;
        text-align: left;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
        text-align: center;
    }
    .btn-llamar svg {
        /* display: inline-block; */
    }
    .formularioLayer {
        /* .btn-llamar */
    }
    .contTelefonoLayer {
        /* width: 165px; */
    }
    .btn-llamar span {
        /* padding: 3px 25px; */
    }
    .btn-llamar a {
        color: #000000;
        text-decoration: none;
        font-size: 30px;
    }
    .separador {
        width: 70%;
        border-top: 2px solid #d5d5d5;
        height: 1px;
        margin: 20px auto 15px auto;
    }
    .textoC2CLayer {
        font-size: 14px;
        text-align: left;
        padding: 8px 0 12px;
    }
    .textoC2CLayer span {
        padding-left: 20px;
        text-align: center;
    }
    .modal-content2 .inputnum {
        border-radius: 4px !important;
        padding: 8px 15px;
        border: 2px solid #d5d5d5 !important;
        margin-bottom: 10px;
    }
    .textoLayerCabecera {
        text-align: center;
        background-color: #FF7900;
    }
    .modal-content2 {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: rgb(255, 255, 255);
        background-clip: padding-box;
        outline: 0;
        z-index: 999;
        margin-top: 20px;
    }
    .modal-content2 form .ssl {
        color: #000000 !important
    }
    .modal-content2 h4 {
        font-size: 34px;
        color: rgb(255, 255, 255);
        text-align: end;
    }
    .modal-content2 h5 {
        color: rgb(255, 255, 255)
    }
    .modal-content2 .ocultar {
        display: none !important;
    }
    .modal-header {
        border-bottom: none;
        background-color: var(--color-c3);
        flex-direction: column;
        border-radius: 0px !important;
    }
    .modal-dialog {
        height: 100%;
        z-index: 9999;
    }
    #oForm.formularioLayer {
        background: #ffffff;
        color: #000000;
        margin: 10px auto;
        display: block;
        padding: 8px 20px;
        cursor: pointer;
        font-size: 14px;
        width: 100%;
        border: none;
    }
    .formulariLayer label {
        font-weight: 500;
    }
    .boton {
        padding: 10px 15px;
        background: transparent !important;
    }
    .formularioLayer .btn-enviar {
        width: 100% !important;
        height: 50px;
        font-weight: bold;
        font-size: 20px;
        color: #ffffff;
        background:var(--color-c3);
        margin: 0 auto;
        width: 60%;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 15px;
        display: block;
        border: none;
    }
    .modal {
        z-index: 998 !important;
    }
    .modal-backdrop {
        z-index: 990 !important;
    }
    /* CHECK boX*/
    .control,
    .privacidad {
        font-family: arial;
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 3px;
        padding-top: 3px;
        cursor: pointer;
        font-size: 12px;
        line-height: 14px;
        min-height: 30px;
        text-align: left;
    }
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    .control_indicator {
        position: absolute;
        top: 5px;
        left: 0;
        height: 25px;
        width: 25px;
        background: #e6e6e6;
        border: 1px solid #000000;
        border-radius: 0px;
    }
    .control:hover input~.control_indicator,
    .control input:focus~.control_indicator {
        background: #cccccc;
    }
    .control input:checked~.control_indicator {
        background: #67cd65;
    }
    .control:hover input:not([disabled]):checked~.control_indicator,
    .control input:checked:focus~.control_indicator {
        /*  background: #0e6647d; */
    }
    .control input:disabled~.control_indicator {
        background: #e6e6e6;
        opacity: 6;
        pointer-events: none;
    }
    .control_indicator:after {
        box-sizing: unset;
        content: '';
        position: absolute;
        display: none;
    }
    .control input:checked~.control_indicator:after {
        display: block;
    }
    .control-checkbox .control_indicator:after {
        left: 8px;
        top: 5px;
        width: 4px;
        height: 8px;
        border: solid #ffffff;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }
    .control-checkbox input:disabled~.control_indicator:after {
        border-color: #7b7b7b;
    }
    .control-checkbox .control_indicator::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 3.01rem;
        height: 3.01rem;
        margin-left: -0.781rem;
        margin-top: -0.743rem;
        background: #72ed6f;
        border-radius: 3rem;
        opacity: 0.6;
        z-index: 99999;
        transform: scale(0);
    }
    @keyframes s-ripple {
        0% {
            transform: scale(0);
        }
        20% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(1);
        }
    }
    @keyframes s-ripple-dup {
        0% {
            transform: scale(0);
        }
        30% {
            transform: scale(1);
        }
        60% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(1);
        }
    }
    .control-checkbox input+.control_indicator::before {
        animation: s-ripple 250ms ease-out;
    }
    .control-checkbox input:checked+.control_indicator::before {
        animation-name: s-ripple-dup;
    }
    @keyframes slideInFromDerecha {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(0);
        }
    }
    .necesitasAyudaNew {
        position: fixed;
        bottom: 30px;
        right: 25px;
        cursor: pointer;
        animation: 0.5s ease-out 0s 1 slideInFromDerecha;
        animation-timing-function: ease-in;
        z-index: 888;
        width: 250px;
        height: 35px;
        background-color: var(--color-c3);
        border-radius: 3px;
        text-align: center;
        box-shadow: 0px 5px 10px -5px #000000;
    }
    .necesitasAyudaNew p {
        /* font-family: "Walsheim Medium", sans-serif; */
        color: white;
        margin-top: 5px;
    }
    .necesitasAyudaNew p i {
        margin-right: 15px;
        margin-left: 15px;
    }
    .helpDM {
        display: none !important;
    }
    .fa-comments , .fa-phone,.fa-solid{
        color: #ffffff;
    }
    .whatsapStyle{
        text-decoration: none;
        color:#000000
    }
    .svgStyle{
        color:white;
    }
    .tapaForm{
        background-color: white;;
    }
    @media only screen and (min-width: 1000px) {
        .control,
        .privacidad {
            margin: 5px 0 15px 0 !important;
        }
        .control,
        .btn-llamar,
        .btn-whatsapp,
        .textoC2CLayer span {
            font-size: 22px;
        }
        .btn-llamar a {
            font-size: 30px;
        }
        #oForm.formularioLayer input.inputnum {
            width: 100%;
            border: 2px solid #d5d5d5 !important;
        }
        .contTelefonoLayer {
            width: initial;
        }
        .textoC2CLayer {
            text-align: center;
        }
        .textoC2CLayer span {
            padding-left: 0px;
        }
        .control-checkbox {
            font-size: 12px
        }
    }