html{
/*    overflow-x: hidden;*/
}

body{
  font-family: "Montserrat", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.default-padding{
    overflow-x: hidden;
}

/* --- Desktop --- */
.menu-toggle {
  display: none;
}

a:hover{
    color: #212529;
}

/*********************** HEADER PRINCIPAL *****************************/

/*********************** END HEADER PRINCIPAL *****************************/


.btn{
    text-transform: inherit;
    margin-top: 50px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #2125292b;
    z-index:100;
    
}

.btn.btn-dark::after{
    background: #ffee00;
}

.my-float{
	margin-top:16px;
}

nav.navbar.validnavs{
    background: transparent;
        
}

.sticked{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    background: white!important;
}

nav.navbar ul.nav>li>a{
    font-size: .9em;
}


.logo{
    transition: all 0.3s ease;
}

.logo-size{
/*    max-width: 310px;*/
}

.logo-header{
    max-width: 320px;
    height: auto;
}

#navbar-menu{
    border-radius: 5px;
}


p{
    line-height: 1.9em!important;
}


.header-principal{
    padding: 10px 0;
    position: fixed;
    background: white;
    width: 100%;
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

  .header-principal.visible {
    opacity: 1;
    transform: translateY(0);
  }


.header-principal nav{
    display: flex;
}

.header-principal nav div img{
    max-width: 65px;
}

.header-principal nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-principal{
    display: flex;
    flex-direction: row;
    gap:30px;
    font-size: .8em;
    background: #e9e9e9;
    padding: 15px;
    border-radius: 10px;
}

.menu-principal li a{
    position: relative;
    text-decoration: none;
    color: #292b2f;
    z-index: 2;
}

.menu-principal li a span{
    position: relative;
    z-index: 7;
}

/*
.header-principal nav ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0px;
    background-color: #292b2f;
    background: #ffee00;
    transition: width 0.3s ease-in-out;
    z-index: 1;
}
*/

.header-principal nav ul li a.active::after {
    width: 100%;
}

/********** INTRO *******************/
.intro{
    background: url(../img/portada-intro3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.intro .container{
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 100vh;
}

.intro .container .center{
    transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%;
    width: 100%;
    display: block;
}

.intro .container .bloque-info{
    display: flex;
    flex-direction: row;
    gap:25px;
    align-items: flex-end;
    align-content: center;
    justify-content: center;
}

.intro .container .bloque-info .intro-texto>span{
    color: #ffee00;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    display: block;
}

.intro .container .bloque-info h1{
    color: white;
    font-family: 'Impact', sans-serif;
    font-weight: 100;
    font-size: 5.5em;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1.1em;

}



.intro .container .bloque-info h2{
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    font-weight: 400;
/*    max-width: 320px;*/
    text-align: center;
    color: #fffddb;
}


.intro .container .bloque-info h2 span{
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 1.1em;
    font-weight: 500;
/*    max-width: 320px;*/
    text-align: center;
    color: #fffddb;
}


.intro .container .intro-logo{
/*    margin: 0 auto;*/
    display: block;
    text-align: right;
    width: 100%;
}

.intro .container  img{
    max-width: 280px;
    opacity: 0.8;
    text-align: right;
    padding: 15px 30px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.intro .container .bloque-cta .intro-cta{
    display: flex;
    flex-direction: row;
    gap:70px;
    align-items: flex-end;
    align-content: center;
    justify-content: center;
    margin-top: 30px;
}

.intro .container .bloque-cta .intro-cta a{
    text-transform: uppercase;
}



.intro .container .bloque-cta .intro-cta .cta1{
    width: 220px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: white;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;
}

.cta1:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 15px;
    font-size: 12px;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.cta1:hover{
    background: #f9f9f9!important;
}

.cta1:hover::after {
    padding-left: 5px;
}

.cta3:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 15px;
    font-size: 12px;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.cta3:hover::after {
    padding-left: 5px;
}


.cta2:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 15px;
    font-size: 12px;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.cta2:hover{
}

.cta2:hover::after {
    padding-left: 5px;
}

.intro .container .bloque-cta .intro-cta .cta2{
    width: 220px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: #ffee00;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;

}

/*
.cta1{
	position: relative;
	background: #2B2A3C;
	border: 2px solid #DDCA7D;
	border-radius: 8px;
	padding: 12px 24px;
	box-shadow: 0 2px 8px color-mix(in srgb, #DDCA7D 20%, transparent), inset 0 2px 8px color-mix(in srgb, #DDCA7D 20%, transparent);
	cursor: pointer;
	transition: background 0.2s, transform 0.1s ease-out;
}
*/
/*********************************************************************/
/**************************** SOBRE MI *******************************/
/********************************************************************/
.img-about{
    border-radius: 10px!important;
}

.sobre-mi{
/*    background: url(../img/bg2.jpg);*/
    background-position: left bottom; 
    background-repeat: no-repeat;
    z-index: 3;
    overflow: hidden;
}

.sobre-mi .container{
    z-index: 3;
    position: relative;
}

.sobre-mi .titulo{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
    background: #ffee00;
    
/*    padding-left: 10px;*/
}

.sobre-mi .subtitulo{
    line-height: 1.2em;
    font-size: 4.3em;
    font-weight: 300;
    color: #151514ed;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;
-webkit-text-stroke: 1px black;
text-stroke: 1px black;
    color: white;    
/*    padding-bottom: 15px;*/
}

.sobre-mi .subtitulo span{
-webkit-text-stroke: 1px black;
text-stroke: 1px black;
    color: white;
}

.sobre-mi h4{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.4em;
    color: #262625;    font-family: "Montserrat", sans-serif;

}

.sobre-mi p{
    line-height: 2.1em;
    font-size: .95em;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
}

.sobre-mi p:last-child{
    line-height: 2.1em;
    font-size: .95em;
    padding-bottom: 0;
    margin-bottom: 0;
}

ul.list-style-five h4{
    font-size: .9em;
    opacity: 0.9;
}

.sobre-mi .about-style-four-info .f-flex{
/*    justify-content: flex-end;*/
}

.sobre-mi .about-style-four-info .f-flex .btn:nth-child(2){
    margin-right: 0;
}



.sobre-mi .bloque-cta .intro-cta{
    display: flex;
    flex-direction: row;
    gap:70px;
    align-items: flex-end;
    align-content: center;
    justify-content: center;
    margin-top: 30px;
}

.sobre-mi .bloque-cta .intro-cta a{
    text-transform: uppercase;
}



.sobre-mi .bloque-cta .intro-cta .cta1{
    width: 235px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: white;
    color: #1E1E1E;
    border: 1px solid #1E1E1E;
    font-weight: 700;
    font-size: 1em;
}


.sobre-mi .bloque-cta .intro-cta .cta2{
    width: 235px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: #ffee00;
    border: 1px solid #1E1E1E;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;

}

.sliding-background {
    background: url("../img/texto-marquee.png") repeat-x;
    height: 250px;
    opacity: 0.3;
    bottom: 0;
    width: 5076px;
    animation: slide 100s linear infinite;
    position: absolute;
    z-index: 2;
}

@keyframes slide{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1692px, 0, 0);
  }
}

/*********************************************************************/
/**************************** NUESTRO ENFOQUE ************************/
/********************************************************************/
.bg-2-section{
    background: url(../img/bg-2.jpg);
    background-repeat: no-repeat;
    background-position:30%;;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
    padding-bottom: 0;
}


.nuestro-enfoque{
/*    padding-bottom: 60px;*/
}

.nuestro-enfoque .titulo{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
    background: #ffee00;
}

.nuestro-enfoque .subtitulo{
    line-height: 1.2em;
    font-size: 4.3em;
    font-weight: 300;
    color: #151514ed;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;    
    color: white;
    letter-spacing: 1px;
/*
-webkit-text-stroke: 1px black;
text-stroke: 1px black;
*/
    color: white;  
/*    padding-bottom: 15px;*/
}


.nuestro-enfoque .subtitulo span{
color:"#ffee00";
}

video{
    max-width: 450px;
}
.video-wrapper {
    position: relative;
    max-width: 400px;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: linear-gradient(transparent, #000000e0);
    transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button:hover circle{
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    transition: all 0.5s ease;

}


.video-overlay-play-button:hover polygon{
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    transition: all 0.5s ease;
}

.video-overlay-play-button.is-hidden {
    display: none;
}

.nuestro-enfoque>.container .row{
    align-items: center;
}

.about-style-three-items::after{
    display: none;
}

.enfoque-p{
    line-height: 2.1em;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
    color: white;
}

.lista-beneficios{
    color: #ffee00;
    text-transform: uppercase;
    margin-top: 35px;
    text-align: left;
    font-size: 1.3em;
    border-bottom: 1px solid #ffffff6b;
    padding-bottom: 25px;
}

.nuestro-enfoque ul.list-style-five{
    display: flex;
    margin-top: 25px;
    font-family: "Montserrat", sans-serif;
    color: white;
}

.short-card .icon img{
    min-width: 40px;
    width: 40px;
}

.nuestro-enfoque ul li h4{
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    font-family: "Montserrat", sans-serif;

}

ul.list-style-five li:nth-of-type(1) h4::after{
    content: "🥩";
    font-size: 1.7em;
    /* left: -15px; */
    top: -8px;
}

ul.list-style-five li:nth-of-type(2) h4::after{
    content: "🔋";
    font-size: 1.7em;
    /* left: -15px; */
    top: -8px;
}

ul.list-style-five li:nth-of-type(3) h4::after{
    content: "🎯";
    font-size: 1.7em;
    /* left: -15px; */
    top: -8px;
}


.nuestro-enfoque ul li p{
    font-size: .9em;
    color: white;
        font-family: "Montserrat", sans-serif;

}

.nuestro-enfoque .about-style-four-thumb img:nth-child(2){
    top: 0;
}

.about-style-four-thumb{
/*    padding-right: 60px;*/
/*    padding-top: 25px;*/
    padding-bottom: 0;
}

.about-style-four-thumb .short-card{
    left: inherit;
    right: 0;
}

.nuestro-enfoque .about-style-four-info .f-flex{
/*    justify-content: flex-end;*/
}

.nuestro-enfoque video{
    border-radius: 5px;
    border: 1px solid #ffee00;
}

.nuestro-enfoque .cta1{
    width: 220px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: #ffee00!important;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;
}

.nuestro-enfoque .about-style-four-info .f-flex{
    margin: 25px 0 0 auto;
}

.cta1:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    margin-left: 15px;
    font-size: 12px;
    transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}

.cta1:hover{
/*    background: #f9f9f9!important;*/
}

.cta1:hover::after {
    padding-left: 5px;
}
/*********************************************************************/
/**************************** PLANES **************************/
/********************************************************************/
/*
.planes::after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 120px;
    width: 100%;
    background: var(--white);
    z-index: -1;
}
*/

.planes-texto{
    font-size: 1.2em;
}

.planes .infinite-text{
    font-size: 150px;
    font-weight: 200;
    color: transparent;
/*    -webkit-text-stroke: 1px #ffffff1f;*/
    -webkit-text-stroke: transparent;
/*    color: #ffffff1a;*/
    color: #ffffff24;
    color: #ffffff33;
    display: flex;
    align-items: center;
    line-height: 66px;
    font-family: "Impact";
    letter-spacing: 2px;
    margin-bottom: 120px;
    gap: 30px;
    animation: slide-left 80s linear infinite;
    text-transform: uppercase;
}

.planes .infinite-text-box{
    gap: 35px;
/*    position: absolute;*/
}

.planes .fila{
    align-items: flex-start;
}

.planes{
    background: black;
    padding: 60px 0 0 0;
    background: transparent;
/*    overflow-x: hidden;*/
    background: #2A7B9B;
background: linear-gradient(180deg,rgba(42, 123, 155, 0) 0%, rgba(78, 83, 84, 1) 100%);
}

.planes .header-consultorio{
    justify-content: center;
}

.planes .pricing-header{
    text-align: center;
}

.planes .titulo{
text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex
;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
    background: #ffee00;
}

.planes .subtitulo{
    line-height: 1.2em;
    font-size: 4.5em;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;
/*    color: white;*/
    letter-spacing: 1px;

}

.planes .cajas{
    justify-content: center;
    padding-bottom: 45px;
}

.plan-desc{
/*    border-bottom: 1px solid #cccccc;*/
    padding-bottom: 0;
    margin-bottom: 15px;
}

.plan-desc p:last-child{
    margin-bottom: 0;
}

.planes .site-heading p{
    font-size: 1.4em;
}

.planes .pricing-style-two h4 {
    color: #151514ed;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1.3em;
    background: #ffee00;
    padding: 10px 20px;
    text-align: center;
    margin: 0 auto;
}

.sub-plan{
    font-size: 1.3em;
    max-width: 350px;
    margin: 15px auto;
    font-weight: 700;
    line-height: 1.5em!important;
    text-align: center;
}

.plan-caja ul{
    border-top: 1px solid grey;
    padding-top: 15px;
}

.plan-caja ul li{
    font-weight: 700;
}

.plan-caja .btn.btn-dark{
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: white;
    color: #1E1E1E;
    border: 1px solid #1E1E1E;
    font-weight: 700;
    font-size: 1em;
}

.cta-final-planes{
    padding: 0 0 85px 0;
    max-width: 700px;
    color: white;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3em;
    
}

.bg-2-section{
    padding-bottom: 0!important;
}
/*********************************************************************/
/**************************** FAQ **************************/
/********************************************************************/
.accordion-item .accordion-button:not(.collapsed) span{
    color: #151514ed!important;
    display: inline-flex;
    background: #ffee00!important;
}


.faq{
    padding: 120px 0;
    background: #ffffff;
}

.faq-titulo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.faq-titulo img{
    max-width: 150px;
}

.faq .title{
    font-weight: 300;
    font-size: 3.6em;
    text-transform: uppercase;
    font-family: "Impact";
    text-align: left;
    color: #151514e8;
    letter-spacing: 1px;
}

.faq button span{
    color: var(--color-heading);
    font-size: 18px;
    font-weight: 700;
    background: var(--white) !important;
    position: relative;
    border-radius: 0 !important;
    box-shadow: inherit;
    border-bottom: 1px solid transparent !important;
    text-transform: none;
    margin-bottom: 0;
}

.accordion-style-one button.accordion-button{
    padding: 20px 0!important;
}

.accordion-item .accordion-button:not(.collapsed){

}

.contacto{
    padding: 120px 0 180px 0;;
    background: #27282a;
    z-index: 6;
}

.contacto h2{
    margin-bottom: 50px;
    color: white;
    line-height: 1.2em;
    font-size: 4.3em;
    font-weight: 300;
    color: #151514ed;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    color: white;
    margin-left: 65px;
}

.contacto .texto-final{
    font-size: 1.2em;
    color: white;
}

ul.opening-list{
    font-size: 1em;
}

ul.opening-list b{
    color: #151514ed;
    
}

footer .contact ul li{
    align-items: center;
}

footer .contact ul li i{
    color: #151514ed;
    background: #ffee00;
}
/*********************************************************************/
/**************************** TESTIMONIOS **************************/
/********************************************************************/
.testimonios{
    background: url(../img/bg-test.jpg);
    background-size: cover;
}

.testimonios .container{
    display: flex;
    flex-direction: row;
    padding: 80px 0;
/*    margin: 0 auto;*/
/*    max-width: 100%;*/
}

.testimonios .container>div:nth-child(1) img{
    min-width: 650px;
    border-radius: 5px;
}

.testimonios .titulo{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
    background: #ffee00;
    margin-left: 65px;
}

.testimonios .subtitulo{
    line-height: 1.2em;
    font-size: 4.3em;
    font-weight: 300;
    color: #151514ed;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    color: white;
    margin-left: 65px;
}

.header-testimonio{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.header-testimonio h4{
    margin-bottom: 0;
    font-size: 1.8em;
    font-family: "Montserrat";
    text-transform: uppercase;
}

.header-testimonio img{
    max-width: 70px;
}

.testimonios .caja-testimonio{
    background: var(--white);
    padding: 50px;
    border-radius: 8px;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    left: -7%;
    width: 107%;
    position: relative;
}

/*********************************************************************/
/**************************** REDES **************************/
/********************************************************************/
.redes-podcast .titulo{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
    background: #ffee00;
}

.redes-podcast .subtitulo{
    line-height: 1.2em;
    font-size: 4.3em;
    font-weight: 300;
    color: #151514e8;;
    text-transform: uppercase;
    font-family: "Impact", sans-serif;
/*    -webkit-text-stroke: 1px black;*/
/*    text-stroke: 1px black;*/
    color: white;
    color: #151514e8;
}

.services-five-nav-tabs .nav-item .nav-link.active{
    background: #f5f5f5;
    font-family: "Helvetica";
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    border: 1px solid #00000070;
    background: #fff;
    transition: all 0.1s ease;
    
}

.services-five-nav-tabs .nav-item .nav-link h4{
    font-size: 1.5em;
    display: inline-block;
}

.services-five-nav-tabs .nav-item .nav-link.active h4{
    color: #151514e8;
}

.services-five-nav-tabs .nav-item .nav-link.active p{
    color: #151514e8;
}

.services-five-nav-tabs .nav-item .nav-link{
    border-radius: 5px;
    transition: all 0.1s ease;
}

.services-five-nav-tabs .nav-item .nav-link:hover{
    border: 1px solid #00000070;
    background: #e9e9e9;
    transition: all 0.1s ease;
}

.services-five-nav-tabs .nav-item .nav-link:hover h4{
}

.services-five-nav-tabs .nav-item .nav-link:hover p{
}

.services-five-nav-tabs .nav-item .nav-link img{
    max-width: 80px;
    margin-left: 45px;
}

.services-five-nav-tabs .nav-item:nth-child(2) .nav-link img{
    max-width: 50px;
    margin-left: 45px;
    margin-right: 20px;
}

.services-five-nav-tabs .nav-item .nav-link.active .icon{
    background: inherit;
}

.tab-pane h2{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1.2em;
}

.podcast .btn:nth-of-type(1){
    width: 220px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 9px;
    font-weight: 700;
    font-size: 1em;
    background: white;
    color: #1E1E1E;
    border: 1px solid #1E1E1E;
    margin-top:0;
}

.podcast .btn:nth-of-type(2){
    width: 220px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 9px;
    background: #ffee00;
    border: 1px solid #1E1E1E;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;
    margin-top:0;
}

.podcast .boton-gap{
    justify-content: center;
    display: flex;
    gap:50px;
}

.podcast h5{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin: 25px auto 25px auto;;
    align-items: center;
    font-size: 1.2em;
/*    background: #ffee00;*/
}

.redes-podcast .container{
    z-index: 6;
    position: relative;
}

.redes-podcast iframe{
    border-radius: 8px;
}

.redes-podcast .infinite-text{
    font-size: 18em;
    color: #dcdcdc1c;;
    font-weight: 300;
    display: flex;
    align-items: center;
    line-height: 66px;
    font-family: "Impact";
    letter-spacing: 2px;
    gap: 30px;
    animation: slide-left 80s linear infinite;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #dcdcdccf;
    text-stroke: 1px #dcdcdccf;
    position: relative;
    z-index: 5;
    margin-bottom: -60px;;
    
}

.redes-podcast .infinite-text-box{
    gap: 35px;
    z-index: 5;
    position: relative;
    overflow-x: hidden;
}

/* Solo si owl NO está inicializado */
.only-mobile {
    display: none;
}


/*********************************************************************/
/**************************** CONTACTO **************************/
/********************************************************************/
.contacto .btn{
    width: 320px;
    text-align: center;
    border-radius: 3px;
    padding: 9px;
    background: #ffee00;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    display: block;
    margin: 50px auto 0 auto;
}


.opening-hours h5{
    text-transform: uppercase;
    color: #151514ed;
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: .9em;
    background: #ffee00;
/*    margin-left: 65px;*/
}

footer .f-item.about{
    background: white;
    border-radius: 7px;
}

/*
footer .f-item.about{
    background: white;
}

footer.bg-dark li{
    color: #1E1E1E;
    font-weight: 400;
}
*/

footer .text-end{
    color: #1E1E1E;

}
/*********************************************************************/
/**************************** CASOS **************************/
/********************************************************************/
.casos .titulo{
    text-transform: uppercase;
    color: var(--color-primary);
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
/*    padding-left: 10px;*/
}

.casos .subtitulo{
    line-height: 1.2em;
    font-size: 2.8em;
    font-weight: 400;
    color: #102338;
/*    padding-bottom: 15px;*/
}

.casos .subtitulo span{
    font-weight: 800;
    color: #102338;
}

.casos .estimate-two-box{
    align-items: flex-start;
}

.casos ul.list-style-two li:nth-child(1){
    margin-top: 0;
}


/************************** TECNICA Y EQUIPO **************************/
.short-card{
    display: flex;
    align-items: center;
    padding: 15px;
    max-width: 320px;
    border-radius: 5px;
    box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%);
    background: var(--white);
}
/*********************************************************************/
/**************************** PROCEDIMIENTO **************************/
/********************************************************************/
.choose-us-style-three-area{
    background-size: cover;
    padding-bottom: 80px;
}

.procedimiento .titulo{
    text-transform: uppercase;
    color: var(--color-primary);
    font-weight: 800;
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    align-items: center;
    font-size: 1em;
}

.procedimiento ul.list-style-six li span{
    background: var(--color-primary);
}

.procedimiento ul.list-style-six{
    border-left: 2px solid var(--color-primary);
}

.procedimiento ul.list-style-six li{
    padding-top: 6px;
    padding-left: 45px;
}

.procedimiento .choose-us-style-three-thumb img{
    border-radius: 8px;
    margin-top: 50px;
}

.procedimiento .choose-us-style-three-thumb{
    padding-left: 0;
}

.procedimiento .card-style-two{
    border-radius: 5px;
    padding: 20px 20px ;
}
.procedimiento .choose-us-style-three-thumb .card-style-two img{
    margin-top: 0;
}

.texto-foto-pasos{
    display: flex;
    flex-direction: row;
}

.texto-foto-pasos img{
    max-width: 40px;
    height: auto;
    margin-right: 15px;
}

.texto-foto-pasos h4{
    font-size: .8em;
}

/********* FOOTER *************/
footer .f-item.about{
    top: -130px;
    margin-bottom: -120px;
    padding-bottom: 55px;
}

.footer-bottom p{
    text-align: center;
}

footer.footer-one{
    position: relative;
    z-index: 6;
}

footer .f-item.about::before, footer .f-item.about::after{
    display: none;
}


@media (max-width: 1600px){
    body{
        font-size: 13px;
    }
    
    .header-principal nav div img{
        max-width: 60px;
    }
    
    .header-principal{
        padding: 9px 0;
    }
    
    .container{
        max-width: 80%;    
    }
    
    .img-about{
        max-width: 450px;
    }
    
    .award-thumb{
        padding-right: 50px;
    }
    
    .video-wrapper{
        max-width: 300px;
    }
    
    .testimonios .container>div:nth-child(1) img{
        min-width: 500px;
    }
    
    #contacto img{
        max-width: 200px;
    }
}

@media (max-width: 1080px){
    body{
        font-size: 14px;
    }
    
    .container{
        max-width: 95%;
    }
    
    .only-mobile {
        display: block;
    }
    
    .only-desktop{
        display: none;
    }
    
    .navbar-header{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    
    .default-padding{
        padding: 80px 0;
    }
    
  .menu-toggle {
    display: block;
    background: none;
    border: none;
    font-size: 2.2em;
    padding: 0;
    cursor: pointer;
    z-index: 1001;
    color: #151514e8;
  }
    
    .header-principal{
        border-top: 1px solid #14151729;
        padding: 5px 0;

    }
    
    .header-principal nav div img{
        max-width: 50px;
    }
    
    .header-principal.visible{
    }
    
    .menu-principal{
        position: fixed;
        top: 0;
        left: -100%;
        width: 250px;
        height: 100vh;
        background-color: white;
        display: flex;
        flex-direction: column;
        padding-top: 95px;
        transition: left 0.3s ease-in-out;
        z-index: 1000;
    }
    
    .menu-principal.open {
        left: 0;
    }

    .header-principal nav{
        padding: 0 25px;
    }
/*
    a.navbar-brand{
        position: relative;
        transform: none;
        top: inherit;
        left: inherit;
    }
*/
    nav>div:nth-child(1){
        z-index: 1001;
        
    }
    
    .menu-principal li{
        border-bottom: 1px solid #1f202280;
    }
    /************ INICIO ***********/
    .intro .container .bloque-info{
        text-align: center;
        display: block;
        font-size: .7em;
    }
        
    .intro .container .bloque-info h2{
        text-align: center;
/*        font-size: 1.2em;*/
    }
    
    .intro .container .center{
/*        top: 55%;*/
        top: 53%;
    }
    
    .quien-soy-img-cont{
        display: none;
    }
    
    
    .sobre-mi .container .col-xl-6{
        width: 100%;
    }
    
    .sobre-mi h4{
        font-weight: 700;
    }
    
    .sobre-mi img{
        max-width: 450px;
        text-align: center:
    }
    
    .quien-soy-img{
        text-align: center;
    }
    
    /************ NUESTRO ENFOQUE ***********/
    .nuestro-enfoque ul.list-style-five{
        gap:40px;
    }
    
    .video-wrapper{
        text-align: center;
        margin: 0 auto;
    }
    
    .about-style-four-thumb{
        margin: 30px auto;
        display: block;
    }
    
    .planes .cajas{
        gap:40px;
    }
    
    .cta-planes{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        display: flex;
    }   
    
    .cta-planes a{
        margin-right: 0!important;
    }
    
    .nuestro-enfoque ul li p{
        margin-bottom: 0;
    }
    
    .cta-planes a{
        width: 220px!important;
    text-align: center!important;
    border-radius: 3px!important;
    padding: 9px!important;
    background: #ffee00!important;
    border: 1px solid #1E1E1E;
    color: #1E1E1E;
    font-weight: 700;
    font-size: 1em;
    }
    
    .about-style-four-info .f-flex{
        display: flex;
        justify-content: center;
    }
    
    .pricing-style-two{
        padding: 35px;
    }
    /************ TESTIMONIOS ***********/
    .testimonios .subtitulo{
        margin-left: 0;
        text-align: center;
        max-width: 95%;
    }
    
    .testimonios .titulo{
        text-align: center;
        margin: 15px auto;
        display: block;
        max-width: 125px;
/*        padding: 0 5px;*/
    }
    
    .testimonios .container>div:nth-child(1) img{
        min-width: auto;
        max-width: 95%;
        margin: 0 auto;
    }

    .testimonios .container{
        flex-direction: column;
    }
    
    .caja-testimonio1 img{
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    
    .testimonios .caja-testimonio{
        width: 100%;
        left: 0;
        max-width: 95%;
        margin: 15px auto;
    }
    
    /************** REDES Y PODCAST ********************/
    .redes-podcast h2{
        font-size: 1.5em;
    }
    
    .owl-dots{
        text-align: center;
        margin-top: 20px;
    }
    
    .owl-dots .owl-dot span{
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }
    
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{
        background: #869791;
    }
    
    .owl-dots .owl-dot{
        display: inline-block;
        zoom: 1;
    }
    
    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: 2%;
        top: 50%;
/*        background-color: #ffee00;*/
        display: block;
/*        padding: 0 .3em !important;*/
        font-size: 5em;
        margin: 0;
        cursor: pointer;
        color: #1e1e1ede;
        transform: translate(-50%, -50%);
/*        background: #ffee00;*/
/*        border: 1px solid #1E1E1E;*/
    }
    
    .owl-carousel .owl-nav button.owl-next{
        position: absolute;
        right: -3%;
        top: 50%;
/*        background-color: #ffee00;*/
        display: block;
/*        padding: 0 .3em !important;*/
        font-size: 5em;
        margin: 0;
        cursor: pointer;
        color: #1e1e1ede;
        transform: translate(-50%, -50%);
/*        background: #ffee00;*/
/*        border: 1px solid #1E1E1E;*/
    }
    
    .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
        background: #ffee00;
        border: 1px solid #0000009e;
    }
    
    button:hover::after, button:hover::before{
        background-color: transparent;
        transform: none;
        transition: none;
    }
    
    button::after{
        background-color: transparent!important;
    }
    
    .instagram-media{
        margin: 0 auto!important;
    }
    
    .podcast .boton-gap{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:20px;
    }
    
    .podcast .btn:nth-of-type(1) {
        width: 220px;
        text-align: center;
        border-radius: 3px;
        padding: 9px;
        background: white;
        color: #1E1E1E;
        border: 1px solid #1E1E1E;
        font-weight: 700;
        font-size: 1em;
    }
    
    .podcast .btn:nth-of-type(2){
        width: 220px;
        text-align: center;
        border-radius: 3px;
        padding: 9px;
        background: #ffee00;
        color: #1E1E1E;
        font-weight: 700;
        font-size: 1em;
    }
    /********* CONTACTO ******************/
    .contact-style-one-area col-lg-5{
        text-align: center;
    }
    
    .contact-style-one-area img{
        max-width: 200px;
        margin: 20px auto;
        text-align: center,
    }
    
    .contacto h2{
        margin-left: 0;
    }
    
    .contacto .btn{
        margin-bottom: 50px;
    }
}

@media (max-width: 700px){
    .intro .container .center{
        z-index: 4;
    }
    
    .intro .container{
        background: #00000061;
    }
    
    .intro .container .bloque-cta .intro-cta{
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 40px;
    }
    
    .intro .container .bloque-info h2{
        font-size: 1.2em;
        max-width: 90%;
        margin: 0 auto;
        
/*        padding: 0 45px;*/
    }
    
    .sobre-mi .bloque-cta .intro-cta{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .sobre-mi img{
        max-width: 100%;
    }
    
    .nuestro-enfoque ul.list-style-five{
        flex-direction: column;
    }
    
     .video-wrapper{
        max-width: 90%;
    }
    
    .planes-texto{
        font-size: 1.1em;
    }
    
    .about-style-four-thumb .short-card{
        bottom: 0;
        padding: 8px;
    }
    
    .short-card .icon img{
        min-width: 25px;
        width: 25px;
    }
}


@media (max-width: 400px){
    
    .cta-final-planes{
        max-width: 90%;
    }
    
    .planes .pricing-style-two h4{
        padding: 10px 3px;
    }
}