:root {
    --FuentePrincipal: 'Roboto Condensed', sans-serif;
    /* --FondoHeader: linear-gradient(180deg, #0c072a, #0c072a); */
    /* --FondoBanner: linear-gradient(180deg, rgba(236,255,253,1) 3%, rgba(189,252,206,1) 85%); */
    --FondoFranjaInfo: linear-gradient(90deg, #00339a, #00127e);
    --#1F2937: #fff;
    /* --FondoDiv1:; */
}
 

@font-face {
    font-family: 'monse';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Regular.otf');
    /*URL to font "Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

@font-face {
    font-family: 'monse1';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Light.otf');
    /*URL to font*/
}

@font-face {
    font-family: 'monse2';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Regular.otf');
    /*URL to font*/
}

@font-face {
    font-family: 'monse3';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Bold.otf');
    /*URL to fontTruenoSBd*/
}

@font-face {
    font-family: 'monse4';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Light.otf');
    /*URL to font*/
}

@font-face {
    font-family: 'monse5';
    /*a name to be used later*/
    src: url('fonts/OpenSans-Bold.otf');
    /*URL to font*/
}

body {
    /* margin: 0;
    color: #464646; */
    font-family: 'monse', sans-serif;
    font-size: 15px;
    /* background: gray; */
    margin: 0;
    /* font-weight: 400; */
}

.bold {
    font-family: 'monse2', sans-serif;
}

b {
    font-family: 'monse3';
    letter-spacing: 0.5px;
    /* font-weight: bold; */
}

p {
    color: #000000;
    /* font-weight: 400; */
    font-family: monse4;
    line-height: 25px;
    font-size: 17px;
    padding: 0 0 10px;
    /* padding: 0px 15px; */
    /* text-align: justify; */
    /* margin: 10px 0 0 0; */
    /* margin-bottom: 15px; */
}

h1,h2,h3,h4,h5 {
    line-height: 1.1;
}

h1 {
    /* font-family: 'monse1'; */
    font-weight: normal;
    color: #000000;
    font-size: 1.55rem;
    text-align: center;
    /* line-height: normal; */
    /* padding: 0 0 20px; */
    margin: initial;
}

h4 {
    font-size: 1.75em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
    /* color: #ffffff; */
    /* letter-spacing: -1px; */
    /* padding-bottom: 8px; */
    font-family: 'monse2';
}

h3 {
    font-size: 17px;
    text-align: center;
    margin: 4px;
    font-family: 'monse';
    font-weight: 500;
    line-height: initial;
    /* color: #262e29; */
    /* border-bottom: solid 1px #1F2937; */
    padding: 4%;
    /* letter-spacing: 1px; */
}

h2 {
    font-size: 35px;
    /* font-weight: 600; */
    line-height: 36px;
    font-family: 'monse3';
    text-align: center;
    color: #000000;
    /* letter-spacing: 1px; */
    margin: 0.73em 0;
    padding: 10px 0;
    /* border-bottom: solid 1px #6587d7; */
}

img, video {
    /* border-radius: 12px; */
    /* width: 42px; */
    /* max-width: 99%; */
}

.grow2:hover {
    transform: scale(1.02);
}

.grow:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    /* box-shadow: 0 4px 10px rgb(0 0 0 / 16%); */
}

.single-process-inner {
    /* padding: 0 55px; */
    /* margin: 10px 0; */
    position: relative;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease 0s;
    /* background-color: #1F2937eb; */
    text-align: center;
    /* color: #002a97; */
    border-radius: 16px;
}

.single-process-inner2:hover {
    background-color: #ffffff;
    /* background: linear-gradient(180deg, #000ea700 -1%, #ffffff 25%); */
    /* border-color: #ffc771; */
    transform: translate3d(0, -7px, 0) !important;
    /* color: red; */
    box-shadow: 0 4px 10px rgb(0 105 180 / 13%);
}

.single-process-inner2 img {
    width: 308px !important;
}

.single-process-inner2 {
    padding: 12px 15px 42px;
    /* margin: 10px; */
    position: relative;
    /* border-bottom: 2px solid #0099ff40; */
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease 0s;
    /* background-color: #1F2937eb; */
    /* text-align: justify; */
    color: #0c3166;
    /* border-radius: 10px; */
    border-width: 1px;
    border-style: solid;
    border-color: #b5b5b573;
    background: #ffffff;
    box-shadow: 0 2px 3px #0000000f;
    /* background: linear-gradient(178deg, #1673ae0d 35%, #1673ae14 100%); */
    }	


    .titleform h1 {
        /* font-size: 49px; */
        font-weight: bold;
        font-size: 45px;
        font-family: 'monse3';
        letter-spacing: normal;
        /* color: #00b7ff; */
        line-height: initial;
        /* color: #db6060; */
    }

    .titleform h3 {
        /* font-size: 49px; */
        /* font-weight: bold; */
        font-size: 35px;
        font-family: 'monse3';
        color: #000000;
        padding: 0;
        letter-spacing: normal;
        /* color: #00b7ff; */
        line-height: 1;
        /* color: #db6060; */
    }

    .titleform p{
        font-size: 25px;
    }
    
    .titulo-secund span{
        background: linear-gradient(180deg, rgba(76,226,255,1) 10%, rgba(0,144,214,1) 88%);

    
        -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    color: transparent;
    }

.single-process-inner2 h3 {
    text-align: justify;
}

.single-process-inner3:hover {
    background-color: #ffffff;
    /* background: linear-gradient(180deg, #000ea700 -1%, #ffffff 25%); */
    /* border-color: #ffc771; */
    transform: translate3d(0, -7px, 0) !important;
    /* color: red; */
    box-shadow: 0 4px 10px rgb(0 105 180 / 13%);
}

.single-process-inner3 img {
    width: 104px !important;
}

.single-process-inner3 {
    padding: 12px 15px 12px;
    /* margin: 10px; */
    position: relative;
    /* border-bottom: 2px solid #0099ff40; */
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease 0s;
    /* background-color: #1F2937eb; */
    /* text-align: justify; */
    color: #0c3166;
    /* border-radius: 10px; */
    background: #0f93d91a;
    /* box-shadow: 0 4px 10px rgb(0 0 0 / 23%); */
    /* background: linear-gradient(178deg, #1673ae0d 35%, #1673ae14 100%); */
    }	

a {
    text-decoration: none;
    /* color: #cefbff; */
    /* font-size: initial; */
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: none;
    /* color: #ffffff; */
}

.bigdiv {
    text-align: center;
    /* padding: 30px 0; */
    /* padding-bottom: 0; */
    /* background-color: #FFF9F9; */
}

	.single-process-inner2 p {
        font-size: 15px;
    }
	


.content {
    margin: auto 2%;
}

.headerdiv {
    padding-top: 20px;
    padding-bottom: 10px;
    /* background-color: var(--FondoHeader); */
    background: linear-gradient(180deg, #0c072a, #0c072a);
    ; }

.headerdiv-espacio {
    margin: 10px 45px;
    background-color: var(--FondoHeader);
}

@media only screen and (max-width: 500px) {
    .headerdiv-espacio {
        margin: 0;
    }
}

.section {
    /* background: linear-gradient(0deg, #000ea700, #0f93d914); */
    text-align: center;
    background: white;
    padding: 2.5% 0;
}

.sectionheader {
    text-align: center;
    /* padding: inherit; */
    background: #002a52;
    /* background: linear-gradient(53deg, #001d5f -15%, #003bab 88%); */
    /* border-bottom: solid 4px #1cb8b1; */
    /* -webkit-box-shadow: 1px 13px 26px -11px rgba(0,0,0,0.54); */
    -moz-box-shadow: 1px 13px 26px -11px rgba(0,0,0,0.54);
    /* box-shadow: 1px 13px 26px -11px rgba(0,0,0,0.54); */
}

.sectionbanner {
    /* background: linear-gradient(341deg, #43bcff 28%, #002a89, #00101d 99%); */
    background: #ffffff;
    /* background-image: url("media/weighloss.webp"); */
    /* background-size: cover;
    background-repeat: no-repeat; */
    /* height: calc(100% - (20px + 30px));; */
    text-align: center;
    /* padding: 2% 0 0; */
}

.section-padding {
    padding: 1% 0;
    text-align: center;
}
.franja-info {
    padding: 2% 20px;
    /* background-color: var(--FondoFranjaInfo); */
    background: linear-gradient(90deg, #1F2937, #293949);
}

.franja-info h3 {
    color: #fff;
    margin: 0 7%;
    font-size: 20px;
}

.meddiv100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    /* margin: 0 1%; */
}

.meddiv90 {
    width: 91%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.meddiv80 {
    width: 80%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
}

.meddiv75 {
    width: 74%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    padding: 0 15px;
}

.meddiv66 {
    width: 64%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    /* margin: 0 1%; */
}

.meddiv50 {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    /* margin: 2% 0 0; */
    padding: 0 15px;
    border-radius: 99px;
    justify-content: center;
}

.meddiv50 img {
    width: 93%;
}

.meddiv40 {
    width: 39%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    padding: 0 15px;
}

.meddiv33 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    padding: 10px 13px;
}

.meddiv25 {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    /* padding: 0 15px; */
}

.meddiv20 {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    /* padding: 0 15px; */
}

.meddiv10 {
    width: 9%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    padding: 0 15px;
}


.meddiv5 {
    width: 4%;
    display: inline-block;
    vertical-align: top;
    /* margin: 2%; */
    padding: 0 15px;
}
 
.vertam {
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    /* padding: 0.1% 0; */
}

.leftalign {
    text-align: left;
}

.rightalign {
    text-align: right;
}

.logo img {
    width: 144px;
    padding: 16px 0;
}

.contacticons a {
    color: #011b4e;
    width: 100px;
}


.card {
    background: linear-gradient(360deg, transparent, #1F2937, #2b3138);
    margin: 20px;
    /* padding: 10px; */
    display: inline-block;
    width: 334px !important;
    height: 330px;
    border: 2px solid #000000;
}

.card-titulo {
    color: #dea651;
    /* text-transform: uppercase; */
    font-size: 50px;
    font-family: 'monse3';
    /* font-weight: bold; */
}


.c11 {
    /* border-right: 5px solid #dea651; */
}

.c12 {
    /* border-right: 5px solid #dea651; */
    /* border-left: 5px solid #dea651; */
}

.c13 {
    /* border-left: 5px solid #dea651; */
}

.c1 {
    border-bottom: 5px solid #dea651;
    border-right: 5px solid #dea651;
}

.c2 {
    /* border-bottom: 5px solid #dea651; */
    /* border-right: 5px solid #dea651; */
    /* border-left: 5px solid #dea651; */
}

.c3 {
    /* border-bottom: 5px solid #dea651; */
    /* border-left: 5px solid #dea651; */
}

.c4 {
    /* border-top: 5px solid #dea651; */
    /* border-right: 5px solid #dea651; */
}

.c5 {
    /* border-top: 5px solid #dea651; */
    /* border-right: 5px solid #dea651; */
    /* border-left: 5px solid #dea651; */
}

.c6 {
    /* border-top: 5px solid #dea651; */
    /* border-left: 5px solid #dea651; */
}

.contacticons img {
    background-color: #ffffff;
    padding: 3px;
    border-radius: 15px;
    width: 15px;
    vertical-align: sub;
    /* margin: 0  8px 0 0; */
}


.banner {
    /* padding-top: 0px; */
    /* margin-top: 117px; */
    text-align: center;
    /* padding-bottom: 40px; */
    /* background: var(--FondoBanner); */
    /* background-image: url('media/fondoban2.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative; */
    /* background: rgb(236,255,253);
background: linear-gradient(180deg, rgba(236,255,253,1) 3%, rgba(189,252,206,1) 85%); */
}

.banner2 img {
    /* width: 100%; */
}

.banner2 {
    /* padding-top: 0px; */
    text-align: center;
    padding-bottom: 19%;
    background: url('media/fondoban3.png') no-repeat center center;
    background-size: cover;
    /* position: relative; */
    /* background: rgb(236,255,253);
background: linear-gradient(180deg, rgba(236,255,253,1) 3%, rgba(189,252,206,1) 85%); */
}

.banner img {
    width: 100%;
    /* padding-top: 10px; */
}

.banner>.meddiv66{
    padding-top: 0;
	animation: salirDesdeIzquierda 0.25s ease-in-out forwards; 
}



.img-ban {
    /* margin-left: -45px; */
    /* width: auto; */
	
}


.img-cir {
    /* margin-left: -45px; */
    /* width: auto; */
    /* border-radius: 84px; */
}


input, textarea {
    width: 100%;
    border: solid 1px #464646;
    margin-bottom: 5px;
    border-radius: 4px;
    font-size: 20px;
    padding: 8px 0;
    font-family: 'monse', sans-serif;
}

input[type="checkbox"] {
    width: inherit;
}

.captcha {
    align-items: center;
}

.g-recaptcha {
    /* margin: 0 9% !important; */
    display: inline-block;
}

.formbox {
    background-color: #f3f3f3d1;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}

.titleform {
    font-size: 17px;
    line-height: initial;
    /* background-color: #00339a; */
    color: #fff;
    border-radius: 8px;
    /* padding-bottom: 8px; */
    /* padding: 1px; */
}

.titleform-txt {
    text-align: justify;
}

/* .titleform-txt h1, .titleform-txt h2 {
    /* text-transform: uppercase; 
} */

/* .titleform-txt h2{
    font-family: 'monse';
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.titleform-txt h2 span{
color: #ffca7a;
} */


.titleform-txt h2 {
    font-family: 'monse4';
    font-weight: normal;
    text-align: center;
    font-size: 21px;
    color: #ffffff;
    line-height: 138%;
}

.titleform-txt h2 span {
    color: #1673ae;
    font-weight: 600;
}

.titleform-txt h3 span {
    color: #ffca7a;
}

.titleform-txt h1 {
    font-size: 30px;
}

.titleform-txt h1 span {
    font-size: 34px;
    /* font-family: monse3; */
    color: #1673ae;
}


.titleform h2 span {
    color: #1673ae;
    font-weight: 600;
}

.titleform h3 span {
    color: #ffca7a;
}


.titleform h1 span {
    font-size: 49px;
    font-family: 'monse3';
    letter-spacing: normal;
    color: #00b7ff;
    line-height: initial;
}

.calltoaction-form {
    color: white;
    font-size: 18px;
    border-radius: 24px;
    margin: 5px 0;
    cursor: pointer;
    background-color: #ff0400;
    border: none;
    padding: 10px;
    font-weight: bold;
}

.herramientas-img img {
    /* background-color: #FFF9F9; */
    width: 60%;
}

.herramientas-img2 img {
    /* background-color: #FFF9F9; */
    width: 60%;
}

/* .finalicons img{
    width: 200px !important;
} */
.onlytext {
    line-height: 24px;
}

video {
    width: 92%;
    cursor: pointer;
}

#owlc2 img {
    background-color: #fff0;
    /* border-radius: 380px; */
    /* border-bottom: 5px solid #dea651; */
    /* border-right: 5px solid #dea651; */
}

.titletext {
    /* font-size: 30px; */
    text-align: center;
    /* border-bottom: solid 3px #fec60b; */
    margin-bottom: 30px;
}

.titletext h1 {
    /* color: #0079fa; */
    font-size: 38px;
    padding: 30px 0 0 0;
    /* font-weight: bold; */
}

.finalicons {
    text-align: center;
    /* margin-top: 60px; */
}

.margsepright {
    margin-right: 10px;
}

.margsepleft {
    margin-left: 10px;
}

.callltoaction {
    background-color: #d3af5c;
    border-radius: 57px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
}

.callltoaction:hover {
    background-color: #bd9946;
}

.subtitletext {
    font-size: 20px;
    font-weight: bold;
}

/* .content img {
    /* width: 100%;
} */

.iconcontact {
    /* background-color: #00223d96; */
    background: #f0f4fa;
    padding: 16px;
    width: 55px;
    border-radius: 50px;
    margin: 15px 0 0;
}

.iconcontact:hover {
    background-color: #dce5f2;
    /* padding: 3px; */
    border-radius: 50px;
    /* width: 28px; */
}

footer {
    text-align: center;
    padding: 20px 0 40px;
    background: #002a52;
}

.buttcallb {
    text-decoration: none;
    color: #636363;
}

.buttcallb:hover {
    color: #00223d;
}

.buttcall {
    background-color: #ff0400;
    color: white;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 2px;
    border-radius: 10px;
    position: fixed;
    bottom: 65px;
    right: 3px;
    z-index: 9999;
    width: 116px;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}

.buttcall:hover {
    background-color: #c70300;
    color: white;
}

.butchatwhatsapp {
    position: fixed;
    bottom: 34px;
    right: 3px;
    padding: 2px;
    padding-right: 20px;
    padding-left: 0px;
    text-align: center;
    width: 100px;
    background-image: url(media/whatsapp_logo.webp);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #1a9f0f;
    color: white;
    border-radius: 9px;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    z-index: 999;
    font-family: 'monse3';
}

.butchatwhatsapp:hover {
    background-color: #136d0b;
    color: white;
}

.butshare {
    position: fixed;
    bottom: 3px;
    right: 3px;
    padding: 2px;
    padding-right: 20px;
    padding-left: 0px;
    text-align: center;
    width: 100px;
    background-image: url(media/share.webp);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #305898;
    color: white;
    border-radius: 9px;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    z-index: 999;
    font-family: 'monse3';
}

.butshare:hover {
    background-color: #234171;
    color: white;
}

.contactinfo {
    padding-bottom: 0px;
}

.contactinfo a, .headerdiv a {
    color: #ffffff;
}

#popupprivacy {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #00000091;
}

.popupprivacywhite {
    background-color: #fff;
    margin-top: 10%;
    padding: 20px;
}

.closepopupprivacy {
    float: right;
    font-size: 29px;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
}

.hidepopuppolicies {
    display: none;
}

.showpopuppolicies {
    display: block;
}

form a {
    cursor: pointer;
    /* text-decoration: underline; */
    color: #6e8283;
}

.loadingform {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 99999999;
    background-color: #ffffff8a;
    text-align: center;
    display: none;
}

.loadingshow {
    display: block;
}

.owlnext {
    height: 21px;
    width: 21px;
    border: 1px solid #114b80;
    border-width: 6px 6px 0 0;
    /* border-radius: 4px; */
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: 50%;
    right: 9px;
    cursor: pointer;
    box-shadow: 3px -2px 2px rgb(0 0 0 / 0%);
    background-color: transparent;
}

.owlprev {
    height: 21px;
    width: 21px;
    border: 1px solid #114b80;
    border-width: 0 0 6px 6px;
    /* border-radius: 4px; */
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 9px;
    bottom: 50%;
    cursor: pointer;
    box-shadow: -3px 2px 2px rgb(0 0 0 / 0%);
    background-color: transparent;
}

.owl-dots {
    text-align: center;
    width: 100%;
    /* padding: 20px 0 0 0; */
}

.owl-dot.active {
    background-color: #00223d;
}

.owl-dot {
    background-color: #a6a6a6c7;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 10px;
    margin: 0 7px;
}

.underpictitel {
    margin-top: 10px;
    font-weight: bold;
}

.underpictidescrip {
    margin-bottom: 15px;
}

/*------------------------------*/
.accordion {
    background-color: #f0f4fa;
    color: #003b3d;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    font-family: 'monse';
    transition: 0.4s;
}

.accordiondiv .active, .accordiondiv .accordion:hover {
    background-color: #00223d;
    color: white;
}

.accordion:after {
    content: '\002B';
    /* color: #a7a7a7; */
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordiondiv .active:after {
    content: "\2212";
}

.panel {
    /* padding: 0 18px; */
    /* background-color: #0a0a0e; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 2px solid #ffffff;
}

/*------------------------------*/
.panel p {
    /* text-align: left; */
    font-size: 17px;
    line-height: inherit;
    padding: 0px 15px;
}



.btn-gray {
    color: #fff;
    background: #e3ca72;
}

.btn-gray:focus, .btn-gray:hover {
    background-color: #bc8755;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    animation: pulse 0.5s ease-in-out;
}

.btn-orange {
    color: #fff;
    background-color: #c68f69;
    display: inline-block;
}

.btn-orange:focus , .btn-orange:hover {
    background-color: #c4753f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    animation: pulse 0.5s ease-in-out;
}

.btn-red {
    color: #fff;
    background-color: #ff0400;
}

.btn-red:focus, .btn-red:hover {
    background-color: #c30300;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.btn-blue {
    color: #ffffff;
    background-color: #0f93d9;
}

.btn-methods:hover {
    background-color: #384d61;
}

.btn-methods {
    color: #fff;
    background-color: #2B3A48;
}

.btn-bluedark:focus, .btn-bluedark:hover {
    background-color: #213f6f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.btn-bluedark {
    color: #fff;
    background-color: #305898;
}

.btn-blue:focus, .btn-blue:hover {
    background-color: #0077b6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.btn-blue.btn-bordered {
    background-color: transparent;
    border: 2px solid #1f1f72;
    color: #1f1f72;
}

.btn-green {
    color: #fff;
    background-color: #828282;
}

.btn-green:focus, .btn-green:hover {
    background-color: #00509d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
}



.footer_info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #272626;
    padding: 40px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.footer_contenido {
    margin-left: 15px;
    margin-right: 15px;
}

.text-capitalize {
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 10px;
    text-align: justify;
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    font-family: var(--FuentePrincipal2);
}

.footer_info p {
    margin-bottom: 30px;
    text-align: justify;
    line-height: 24px;
    font-size: 17px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    text-align: justify;
}

.list-unstyled li {
    padding: 5px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.list-unstyled a {
    text-decoration: none;
    outline: none;
    color: #fff;
}

.list-unstyled a:hover {
    margin-left: 3px;
    color: #008cba;
}

.list-social {
    display: flex;
    justify-content: start;
    column-gap: 8px;
}

.nomayus {
    text-transform: none !important;
}

h1.secondtitle {
    color: #0c3166;
    /* font-size: 38px; */
    padding: 30px 0;
    /* font-weight: bold; */
}

h4.secondtitle {
    color: #0c3166;
    /* font-size: 38px; */
    padding: 30px 0;
    /* font-weight: bold; */
}

.agenda {
    padding: 10px 20px;
    background-color: #000000;
    border-radius: 33px;
    color: #fff;
    /* font-weight: 700; */
    font-size: 19px;
    /* font-family: 'monse2'; */
    /* margin: 14px 0 14px 0; */
    /* letter-spacing: 2px; */
}

.agenda:hover {
    color: #fff;
    background: #002780;
    /* transform: scale(1.1) !important; */
}

.metodtr {
    background-color: #fff;
    margin-top: 25px;
    padding: 10px;
    border-radius: 16px;
    font-size: 16px;
    border-bottom: 5px solid #dea651;
    border-right: 5px solid #dea651;
    color: #00003e;
    text-align: justify;
}

.metodtr span {
    color: #dea651;
}

.sectentre {
    text-align: center;
    /* color: #fff; */
}

.owl-carousel .item {
    text-align: center;
    color: #fff;
    line-height: 1.4;
    padding-bottom: 10px;
}

.iconinside {
    width: 38px !important;
    float: left;
    padding: 5px;
}

.circulo-equipo {
    width: 135px;
    height: 150px;
    border-radius: 38px;
    display: inline-flex;
    overflow: hidden;
    /* border: solid #dea651 2px; */
    /* background: linear-gradient(180deg, #4296e554, #13008600); */
    background: #dea651;
}

.circulo-equipo img {
    width: 120px;
    justify-content: end;
    align-self: end;
    align-items: end;
}

.item-equipo p {
    font-weight: bold;
    margin-bottom: 2px;
}

.item-equipo span {
    color: #ccc;
    font-weight: 200;
    font-size: 14px;
}

.copyright {
    color: #fff;!i;!;
    font-family: 'monse2';
}

.copyright a {
    color: #76e6ea;
}

.whatsapp-button {
    display: inline-block;
    background-color: #25d366;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 43px;
    font-size: 28px;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.whatsapp-button:hover {
    background-color: #136d0b;
}

ul {
    font-size: initial;
    text-align: left;
    list-style: auto;
    /* display: block; */
    font-size: 18px;
    /* list-style-type: disc; */
    /* margin-block-start: 1em; */
    /* margin-block-end: 1em; */
    /* margin-inline-start: 0px; */
    /* margin-inline-end: 0px; */
    padding-inline-start: 30px;
    padding-bottom: 13px;
    }

li {
    line-height: 32px;
    /* font-family: 'monse3'; */
    /* display: list-item; */
    /* text-align: -webkit-match-parent; */
}

#iconos {
    display: inline-flex;
    align-items: flex-start;
}

.img-ban {
    /* margin-left: -60px; */
    margin-bottom: -5px;
}

.garti {
    /* background: #173446; */
    padding: 10px 0;
    color: #fff;
    text-align: center;
    /* border-radius: 27px; */
    /* font-weight: 700; */
    /* font-family: 'monse2'; */
    font-size: 13px;
}

#video-container {
    position: relative;
    /* width: 640px; */
    /* height: 10px; */
    padding-bottom: 100%;
    }

#video3 {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 100%;
    /* display: none; /* Oculta el video inicialmente */
}

.formleads {
    /* background: linear-gradient(180deg, #00223d17, #00223d33); */
    background: #0f93d936;
    border-radius: 8px;
    padding: 10px;
    display: block;
    text-align: center;
    /* max-width: 600px; */
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 4%;
    /* color: white; */
}

/* .textintroform {
    /* color: white; 
} */

.form-title.text-center {
    font-size: 19px;
    font-family: 'monse1';
    color: #FFFFFE;
    margin-bottom: 5px;
    border-radius: 8px;
    padding: 10px 5px;
    line-height: 26px;
    /* font-weight: bold; */
    background: #00223d;
    /* background: #002265; */
}

.inputform22 {
    width: 100%;
    height: 36px;
    border: none;
    margin-bottom: 7px;
    border-radius: 4px;
    font-size: 18px;
    font-family: inherit;
    padding: 0px;
    color: gray;
}

button.btn.standard-button {
    color: white;
    font-size: 18px;
    border-radius: 24px;
    margin-top: 5px;
    cursor: pointer;
    font-family: inherit;
    background-color: #00223d;
    font-weight: bold;
    padding: 10px 20px;
    margin: 20px;
    border: white;
}

.butchatwhatsapp2 {
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #27D362;
    transition: .2s linear;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    color: white;
    border-radius: 50%;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    z-index: 999;
}
.butchatwhatsapp2:hover{
    background-color: #128C7E;
}
.butcall {
    position: fixed;
    bottom: 90px;
    right: 15px;
    padding: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #d34127;
    transition: .2s linear;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    color: white;
    border-radius: 50%;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    z-index: 999;
}
.butcall:hover{
    background-color: #8c1212;
}

button.btn.standard-button:hover {
    background-color: #b70044;
}

.text-captcha {
    font-weight: bold;
    font-size: 9px;
    /* line-height: 18px; */
}

.refiereswhatsapp {
    background: linear-gradient(180deg, #25d366, #93df8e);
    padding: 20px;
    margin: 20px 0 0;
    border-radius: 20px;
}

.justify {
    text-align: justify;
}

.section-padding {
    padding: 5% 0;
    text-align: center;
}

.section-padding2 {
    padding: 1% 0;
}

.section-padding3 {
   padding: 0 10px;
   text-align: center;
}



/*----------------------------------------
13. PRICING SECTION
------------------------------------------*/

.single-price-table-inner {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 10px;
}

.pricing-head>h4 {
    font-family: 'monse2';
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 20px 0;
    /* text-transform: uppercase; */
    color: #562577;
    border-bottom: none;
}

.pricing-head>h5 {
    font-family: monse3;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 20px 0;
    text-transform: uppercase;
}

.pricing-value {
    background-color: #f1f1f1;
    padding: 10px 0 20px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pricing-value>h1 {
    color: #9f62b0;
    /* display: inline-block; */
    font-size: 36px;
    font-family: 'monse2';
    /* line-height: 45px; */
    margin-bottom: 0;
    padding: 0 5px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.pricing-value sub {
    bottom: 6px;
    line-height: 0;
    /* position: initial; */
    /* -webkit-transition: all 0.2s; */
    /* transition: all 0.2s; */
    font-size: 12px;
    font-family: 'monse2';
}

.doller-sign {
    font-size: 18px;
    right: 100%;
}

.duration {
    color: #858585;
    font-size: 18px;
    font-weight: 500;
    left: 100%;
    text-align: left;
    /* text-transform: capitalize; */
}

.pricing-content {
    padding: 19px 0px;
}

.pricing-content>ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.pricing-content li {
    font-size: 15px;
    /* font-weight: 500; */
    margin-bottom: 7px;
    text-transform: inherit;
}

.pricing-content li:last-child {
    margin-bottom: 0;
}

.pricing-footer {
    /* border-top: 1px solid #f1f1f1; */
    padding: 0 0 40px 0;
}

.pricing-footer .btn {
    padding: 13px 33px;
    background: #8b008b2e;
    border-radius: 10px;
    color: #1F2937;
}

.single-price-table-inner:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10);
}

.single-price-table-inner:hover .pricing-value {
    background: linear-gradient(0deg, #773282 0%, #AF3BB1 100%);
}

.single-price-table-inner:hover .pricing-value h1,
.single-price-table-inner:hover .pricing-value sub {
    color: #fff;
}

.single-price-table-inner:hover .pricing-footer .btn {
    background: linear-gradient(0deg, #773282 0%, #AF3BB1 100%);
    color: #fff;
}
	
.pricing-value h1 span	{
    font-size: 15px;
}



@keyframes salirDesdeIzquierda {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
} 

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.icon-circle {
        width: 110px;
        color: white;
        height: 110px;
        background: white;
        /* background: #7cce00; */
        /* background: linear-gradient(20deg, rgb(0, 25, 82), rgb(0, 124, 255)); */
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 4px #E1F5FE;
        /* box-shadow: 0 2px 5px #87776663; */
      }

.center2 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 21vh;
      }	
	   
.precio  {
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'monse3';
    text-align: center;
    color: #1F2937;
    /* letter-spacing: 1px; */
    /* margin: auto; */
    /* padding: 19px 0; */
    /* border-bottom: solid 1px #d8e1ff; */
}	   


.contenedor {
  width: 100%; /* Ajusta el ancho seg?n tus necesidades */
  /* max-height: 377px; */ /* Altura m?xima del contenedor antes de mostrar la barra de desplazamiento */
  overflow-y: auto; /* Mostrar barra de desplazamiento vertical cuando el contenido exceda la altura m?xima */
}

.accordion-container {
  padding: 10px; /* Ajusta el relleno seg?n tus necesidades */
}	  


.calltoaction {
    /* font-family: 'monse2'; */
    /* text-transform: uppercase; */
    /* background-color: #4baecc; */
    border-radius: 57px;
    /* color: #fff; */
    font-size: 19px;
    /* font-weight: bold; */
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    margin: 5px 0;
    cursor: pointer;
    border: none;
} 


.image_icon {
    /* background: white; */
    max-width: 100%;
    /* padding: 15px 10px; */
    /* margin: 0 0 20px 0; */
    text-align: center;
    border-radius: 88px;
    display: flex;
    justify-content: center;
    }

.image_icon:hover {
    
/* background: white; */
   }


.image_icon2 {
    background: white;
    width: 100%;
    height: 147px;
    
margin: 12px 0 12px 0;text-align: center;border-radius: 13px;}

.image_icon2:hover {
   background: white);
   }

.item2 {
    background: #ffffff;
    /* border-radius: 20px; */
}

.hover-button:hover {
            color: #ffffff; /* Cambia a un color dorado */
        }


@media only screen and (max-width: 767px) {
	.titleform h1 span {
    font-size: 25px;
    /* font-family: 'monse3'; */
    /* letter-spacing: normal; */
    /* color: #00b7ff; */
    /* line-height: initial; */
}
	.titleform h1 {
    font-size: 25px;
    /* font-family: 'monse3'; */
    /* letter-spacing: normal; */
    /* color: #00b7ff; */
    /* line-height: initial; */
}

.titleform h3{
font-size: 20px;
}

.titleform p{
    font-size: 16px;
}

.titulo-secund span{
    font-size: 25px;
}



    .bigdiv {
        padding: 3px 0;
    }

    .single-process-inner2 img {
        /* width: 215px !important; */
    }

    .single-process-inner2 {
        /* padding: 12px; */
        margin: 0 0 10px;
    }

    .single-process-inner2 p {
        font-size: 18px;
    }

    .card {
        background-color: #00003e;
        margin: 25px;
        padding: 10px;
        width: 80% !important;
        height: 250px;
    }

    .card-titulo {
        font-size: 37px;
        padding: 10px 0;
    }

    .franja-info h3 {
        /* color: #fff; */
        margin: 0;
        font-size: 15px;
        text-align: justify;
    }

    .img-ban {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .banner {
        animation: salirDesdeIzquierda 0.5s ease-in-out forwards;
    }

    .meddiv10, .meddiv20, .meddiv25, .meddiv33, .meddiv40, 
    .meddiv50, .meddiv66, .meddiv75, .meddiv80, .meddiv90, .meddiv100 {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    body {
        margin: 0px;
    }

    .herramientas-img img {
        width: 60%;
    }

    .herramientas-img2 img {
        width: 40%;
    }

    .c3 img {
        width: 80%;
    }

    .footer_info {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: row dense;
    }

    .titleform {
        padding: 10px;
    }

    .titleform-txt {
        text-align: center;
    }

    .titleform-txt h1 {
        font-size: 26px;
        line-height: normal;
    }

    .titleform-txt h2 {
        font-size: 19px;
        text-align: center;
        line-height: 27px;
        padding: 0 10px;
    }

    h1.secondtitle {
        font-size: 28px;
        margin-top: 0;
    }

    .agenda {
        font-size: 22px;
    }

    .section {
        padding: 1% 10px;
    }

    .sectionheader {
        padding: 10px 10px;
    }

    .hidden {
        display: none;
    }

    li {
        padding: 0 20px;
    }

    #iconos {
        display: initial;
    }

    video {
        width: 100%;
    }

    .video-responsive {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        padding-top: 30px;
        position: relative;
    }

    .video-responsive iframe, .video-responsive object, .video-responsive embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .finalicons {
        width: 100%;
    }
}