/*
Lupe Duarte para Galis

font-family: 'Montserrat', sans-serif;
font-family: 'Nunito', sans-serif;

fucsia		background-color:#f07
amarillo	background-color:#fe0
cyan		background-color:#0ef
gris		background-color:#f5f3f3

*/
#galis figure img{ max-width:100%;width: auto; }
.graybg{background-color:#f5f3f3; }
.button-primary{font-family: 'Montserrat', sans-serif; font-weight: 800; padding: 5px 10px ; text-transform: uppercase;}
.button-sec{ color:#0CC0DF;font-family: 'Montserrat', sans-serif;font-size:18px;font-weight:800; text-transform:uppercase; }
h4{ margin-bottom:30px }

#home{background:url(../images/intro-bg.png) right bottom no-repeat ; }
	#home h4,#about h4{ font-size: 42px; text-transform:none; }
		h4 span{color: #f07;    display: inline;}
	#home h5{font-size: 24px; margin-bottom: 20px;}
		#home h5 span{color: #f07; display: inline;}
	#home p{font-size: 18px}

#skills{padding-bottom: 0}
	#skills figure{background:url(../images/box-2-bg.png) 30px bottom no-repeat ;    }
		#skills figure img{margin: auto;}
	#skills h4{ font-size: 30px;margin-bottom:0 }
	#skills .owl-carousel{ margin-bottom: 30px; margin-top:0 }
		#skills .owl-stage{ padding-left:0 !important }
			#skills h5{ font-size:30px; font-weight:800; text-transform:lowercase; }
			#skills .owl-stage strong{ color: #f07; font-weight:800;}

#guide .button-primary{padding: 10px 30px ; }
#guide .moreinfo-content{text-align: left;}
    #guide .moreinfo-content h5{ font-size:18px; margin: 30px auto 10px;max-width: 85%;  }
        #guide .moreinfo-content h5 span,#guide .moreinfo-content strong{color: #f07;}
        #guide .moreinfo-content ul{color: #f07; margin: 0 auto ; max-width: 85%;}
            #guide .moreinfo-content li{ background: url(../images/guide-bullet.gif) no-repeat left 11px;background-size: 12px;padding: 1px 0 10px 18px}
                #guide .moreinfo-content ul span{ color: #333;}
        #guide .moreinfo-content ul + p{  background: #eee;border-radius: 20px; line-height: 1.5em;  margin-top: 0; padding: 20px;text-align: center; }
        #guide .moreinfo-content h6{color: #f07; margin: 30px auto 20px;text-align: center;}
        #guide .cabecera{ font-size: 16px;font-weight: 600; text-align: center; text-transform: uppercase;}
        #guide table.campos{ background: #eee;border-radius: 20px;display: block;margin: 10px auto; padding: 13px 20px; width: fit-content;}
        #guide .formulario.campos input{ border: 1px solid #ccc;margin-bottom: 5px;  padding: 2px 5px;}
        #guide .formulario + .formulario{    margin: 0 auto; }
            #guide .formulario input[type="submit"]{ background-color: #f07; border: 0;   color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 5px 15px; text-transform: uppercase;}
#helpingyou .blurb-minimal{ margin-top:5px }
	#helpingyou p{font-size: 18px}
	#helpingyou h4 span,#nextsteps h4 span{display: inline;}

	#nextsteps .pricing-table{border: 3px solid #999;-webkit-border-radius: 20px;border-radius: 20px;}
		#nextsteps .step-1 .pricing-table{border-color: #fe0;}
		#nextsteps .step-2 .pricing-table{border-color: #f07;}
		#nextsteps .step-3 .pricing-table{border-color: #0ef;}
		
		#nextsteps .pricing-header{ text-align:center;-webkit-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0; height: 230px; position: relative;}
            #nextsteps .pricing-header img{bottom: 0;left: 0;position: absolute;}
		#nextsteps .step-1 .pricing-header{ background-color:#fe0}
		#nextsteps .step-2 .pricing-header{ background-color:#f07 }
		#nextsteps .step-3 .pricing-header{ background-color:#0ef }
		#nextsteps .step-4 .pricing-header{ background-color:#999 }

		#nextsteps .pricing-body { background-color: #fff;-webkit-border-radius: 20px;border-radius: 20px;height: 260px; line-height: 1.3em;	padding: 40px 20px}
			#nextsteps .pricing-body p{	font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 800}
			#nextsteps .pricing-body p + p{	font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 400;}

#services{ padding-bottom:0 }
	#services .container{ padding:40px 0 }
		#services h5{ color:#f07;font-size:24px; font-weight:800 }
		#services .button-primary{font-size:14px;}
	#coaching{background-color:#f07; color: #fff}
		#coaching h5{color: #fff} 
		#coaching .button-primary{background-color:#fff; color: #f07}
	#services #mentorias .container{ padding:40px 0 0 0 }
		#mentorias figure{ background:url(../images/box-7-bg.png) right bottom no-repeat; }
		#mentorias .button-primary{ margin-bottom:30px }
	#services ul{ color:#0ef;  margin-bottom:30px;padding: 0 30px; }
		#services li {display: list-item;list-style: disc;}
			#services li span{color:#333}
			#services #coaching li span{color:#fff}

#about{background:url(../images/box-8-bg.png) left bottom repeat-y; padding-bottom: 0}
	#about h4 span,#moreabout h4 span,#customers h4 span{ display:inline }

#moreabout figure{ background:url(../images/box-9-bg.png) right top no-repeat; }

#howabout{ background:url(../images/box-10-bg.png) -50px -50px no-repeat; }

#timeline{ background-color:#eee }
#timeline h6{  background: #f07; color: #fff;  margin: 0 auto; padding: 1px 10px; width: fit-content;    }
	#timeline .timeline-item:nth-child(3) h6,#timeline .timeline-item:nth-child(3) .timeline-badge span{background: #fd0;}
	#timeline .timeline-item:nth-child(5) h6,#timeline .timeline-item:nth-child(5) .timeline-badge span{background: #0ef;}
	#timeline .timeline-item:nth-child(4) h6,#timeline .timeline-item:nth-child(4) .timeline-badge span,#timeline .timeline-item:nth-child(7) h6,#timeline .timeline-item:nth-child(7) .timeline-badge span{background: #999;}
/*	#timeline .timeline-item:after{background: #f07; }*/
		#timeline .timeline__item a{ color: #f07; font-family: 'Montserrat', sans-serif;font-size: 18px; font-weight:800 }
		#timeline .timeline__item:nth-child(2) a{color: #fd0;}
	#timeline .timeline__item:nth-child(5) a{color: #0ef;}
	#timeline .timeline__item:nth-child(3) a{color: #999;}
	.timeline-content p{font-size: 12px}
    .panel-title{ line-height: 1.3em;}
    #timeline .timeline-heading p{ max-width: 300px;}

#customers li{ display:inline-block; margin:20px }
	#customers img{ filter:grayscale(100%); }
	#customers img:hover{ filter:grayscale(1%); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

#fourd h4{ font-size:18px;  margin: 0 auto;  max-width: 680px;    width: 90%; }
	#fourd h4 span{ display: inline-block;}
#fourd .pricing-table-wrap{ padding-top:10px }
	#fourd .pricing-table{ background-color: #fff; border:3px solid #0ef;-webkit-border-radius: 20px;border-radius: 20px; padding:15px }
		#fourd img{margin-bottom: 20px}
		#fourd .pricing-body p:first-child{ font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight:600 }
			#fourd .pricing-body p:first-child span{ color:#f07 }
		#fourd .pricing-body p + p{ margin-top:5px }

#clients .owl-prev:before{content:'\ec3b'}
#clients .owl-next:before{content:'\ec3c'}
.quote-default__cite{ font-size:12px }
	.quote-default__cite span{color:#f07; display:block; font-size:14px;font-weight:700 }
.quote-default__text p{font-size:14px}
#clients .owl-nav button{ background-color: #f07; border: 0; color: #fff; border-radius: 20px; height: 40px;  width: 40px;}

#accordion .card,#accordion .card-custom .card-custom-title > a.collapsed{ background-color:transparent; }
.card-custom{ padding:30px 0 }

#faq h5{ font-size:18px }

#contacts{ padding-bottom:100px;padding-top:100px  }
	#contacts .contact{ font-size:18px; }
		#contacts .contact li{ height:67px }
			#contacts .contact svg{color: #f07; fill: #f07; height: 30px; margin-right: 15px ; text-align: center; width: 30px}
	#contacts .social li{ display:inline-block; }
			#contacts .social a{ background: #f07; -webkit-border-radius: 25px;border-radius: 25px; display:block; height: 50px; margin: 10px 10px 10px 0; padding:8px; text-align: center; width:50px }
				#contacts .social svg{color: #fff; fill: #fff; height: 30px;  text-align: center; width: 30px}
    #contacts form{ text-align: left;}
        #contacts label{ font-size: 14px; display: block;}
        #contacts .form-input,#contacts textarea{background: #eee;border:0;border-bottom: 1px solid #f07;margin-bottom: 15px; max-width: 400px; width: 90%;}
	    #contacts input[type="submit"]{  border: 0;  display: block;font-size: 16px;padding: 5px 30px;}

.lups strong{font-family: 'Montserrat', sans-serif;font-weight:600 }
.lups svg{color: #f07; fill: #f07;  vertical-align: baseline; width: 12px}

#wppwidget{   bottom: 40px; left: 40px; position: fixed;     top: auto;    width: 50px;z-index: 98;}
	#wppwidget .btn-whatsapp{background-color: #00d35e; -webkit-border-radius: 25px;  border-radius: 25px; -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);
box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2); color: #fff;  display: block;   float: left;    height: 50px;     padding: 9px 0 0 0; text-align: center; width: 50px;z-index: 999;}
	#wppwidget svg{ color:#fff;fill:#fff; width:30px}

.owl-dots{display: none}

@media (max-width:1399px) {
    #nextsteps .pricing-body{height: 280px; }
}

@media (max-width:1199px) {
    #nextsteps .pricing-body{height: 330px; }
}
@media (max-width:1024px) {
	#texto-maquina{ font-size:16px }
}
@media (max-width:991px) {
	#home {    background-position: right bottom;}
	#galis figure img{    margin: 0 auto;    max-width: 100%;    width: auto;}
    #galis #coaching figure img{ margin-bottom: 30px;}
	#contacts .contact{ margin: 0 auto;   width: 280px;}
    #contacts .social{text-align: center;}

    #home .col-lg-6{margin-bottom: 0; padding-top: 60px;order:1}
    #home .col-lg-5{margin-bottom: 90px;order:2}

    #nextsteps .pricing-header img{ position: relative;}
    #nextsteps .pricing-body{height: 230px;}

}

@media (max-width:768px) {
	#coaching h5{    margin-top: 30px;}
	#about h4 span{ color:#333 }
	#about,#howabout{ background-image: none; }

}
@media (max-width:767px) {#nextsteps .pricing-body{height: auto;}}
@media (max-width:600px) {
	#services .container,#services #mentorias .container{ padding:40px 30px }
    #services #mentorias .container{ padding-bottom:0 }
    #services #mentorias figure img{ margin-bottom: 0;}
	#services figure img{ margin:20px auto; }
    #customers li{ width: 50%;}
}

@media (max-width:375px) {
	#home{ background-image:none; }
    #home h5{font-size: 18px; }
    #skills h4,#skills h5{ font-size: 20px;}
}

.accordion-content {    display: none; }

.accordion-item {
    cursor: pointer;
}

.accordion-content {
    display: none;
   
    transition: max-height 0.3s ease-in-out; /* Agrega una transición suave para la animación */
}

.accordion-item {
    cursor: pointer;
}

.accordion-item.active {
    font-weight: bold;
}

.accordion-item.active + .accordion-content {
    max-height: 1000px; /* Cambia la altura máxima al mostrar el contenido */
    display: block;
}

.moreinfo {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.moreinfo-container{

    margin: 30px auto;
    
    border: 1px solid #ccc;
    width: 80%;
    position: relative;
}
.moreinfo-content{background-color: #fff;padding: 20px; max-height: 90vh; /* Establece la altura máxima que deseas */
    overflow-y: auto; /* Habilita el desplazamiento vertical si el contenido excede la altura máxima */}

/* Estilo para el botón de cerrar (la equis) */
.moreinfo .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;    font-size: 40px;
    line-height: 1em;
}





/* Timeline */
.timeline {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 0;
}
.timeline:after, .timeline:before {
    content: " ";
    display: table;
}
.timeline:after {
    clear: both;
}
.timeline, .timeline>li {
    list-style: none;
}
.timeline>li:nth-child(even) {
    float: left;
    clear: left;
}
.timeline>li:nth-child(odd) {
    float: right;
    clear: right;
}
.timeline-line {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background-color: #ddd;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.timeline-line+.timeline-item {
    margin-top: -20px;
}
.timeline-group {
    display: block;
    position: relative;
    margin: 20px 0;
    text-align: center;
    float: none!important;
    z-index: 1;
}
.timeline-poster {
    margin-top: -20px;
}
.timeline-poster .btn-link {
    color: #a1aab0;
}
.timeline-poster .btn-link.active, .timeline-poster .btn-link:active, .timeline-poster .btn-link:focus, .timeline-poster .btn-link:hover {
    color: #3e5771;
}
.timeline-item {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 0 30px 20px;
}
.timeline-item:nth-child(even):after, .timeline-item:nth-child(even):before {
    content: '';
    position: absolute;
    right: 19px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
   
    z-index: 1;
}
.timeline-item:nth-child(even):after {
    right: 20px;
    top: 11px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #fff;
}
.timeline-item:nth-child(even)>.timeline-badge {
    right: -8px;
}
.timeline-item:nth-child(odd):after, .timeline-item:nth-child(odd):before {
    content: '';
    position: absolute;
    left: 19px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    
    z-index: 1;
}
.timeline-item:nth-child(odd):after {
    left: 20px;
    top: 11px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #fff;
}
.timeline-item:nth-child(odd)>.timeline-badge {
    left: -8px;
}
.timeline-item.block:nth-child(even), .timeline-item.block:nth-child(odd) {
    width: 100%;
    margin-top: 5px;
}
.timeline-item.block:nth-child(even):after, .timeline-item.block:nth-child(even):before, .timeline-item.block:nth-child(odd):after, .timeline-item.block:nth-child(odd):before {
    left: 50%;
    right: auto;
    top: -11px;
    border: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.timeline-item.block:nth-child(even):after, .timeline-item.block:nth-child(odd):after {
    top: -10px;
    border: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
}
.timeline-item.block:nth-child(even)>.timeline-badge, .timeline-item.block:nth-child(odd)>.timeline-badge {
    top: -28px;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.timeline-item>.timeline-badge {
    position: absolute;
    top: 12px;
    z-index: 1;
}
.timeline-item>.timeline-badge>span {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 24px;
    background-color: #f07;
    text-decoration: none;
    transition: all ease .3s;
}
.timeline-item>.timeline-badge>a.active, .timeline-item>.timeline-badge>a:active, .timeline-item>.timeline-badge>a:focus, .timeline-item>.timeline-badge>a:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.timeline-item>.timeline-panel {
    position: relative;
    background-color: #fff;
   
    border-radius: 4px;
}
.timeline-item>.timeline-panel:hover .timeline-actions {
    display: block;
}
.timeline-actions {
    display: none;
}
.timeline-content, .timeline-footer, .timeline-heading, .timeline-liveliness {
    padding: 0 15px 15px 15px;
}
.timeline-heading+.timeline-content {
    padding-top: 0;
}
.timeline-date {
    font-size: 14px;
    color: #aaa;
}
.timeline-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.timeline-embed .embed-element, .timeline-embed embed, .timeline-embed iframe, .timeline-embed object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}

@media (max-width:991px) {
    .timeline {
    padding-left: 15px;
}
.timeline-line {
    left: 15px;
}
.timeline-group {
    display: inline-block;
    margin-left: 4px;
}
.timeline-item {
    width: 100%;
    margin-top: 0!important;
    padding-right: 10px;
}
.timeline-item.block:nth-child(even), .timeline-item.block:nth-child(odd) {
    padding-bottom: 0;
}
.timeline-item.block:nth-child(even):after, .timeline-item.block:nth-child(even):before, .timeline-item.block:nth-child(odd):after, .timeline-item.block:nth-child(odd):before, .timeline-item:nth-child(even):after, .timeline-item:nth-child(even):before, .timeline-item:nth-child(odd):after, .timeline-item:nth-child(odd):before {
    left: 19px;
    top: 10px;
    border: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #ccc;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.timeline-item.block:nth-child(even):after, .timeline-item.block:nth-child(odd):after, .timeline-item:nth-child(even):after, .timeline-item:nth-child(odd):after {
    left: 20px;
    top: 11px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #fff;
}
.timeline-item.block:nth-child(even)>.timeline-badge, .timeline-item.block:nth-child(odd)>.timeline-badge, .timeline-item:nth-child(even)>.timeline-badge, .timeline-item:nth-child(odd)>.timeline-badge {
    top: 12px;
    left: -6px;
    right: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}
@media (max-width:480px) {
    .timeline {
    padding: 0;
}
.timeline-line {
    display: none;
}
.timeline-item {
    display: block;
    padding: 0 0 20px!important;
}
.timeline-item.block:nth-child(even), .timeline-item.block:nth-child(odd), .timeline-item:nth-child(even), .timeline-item:nth-child(odd) {
    float: none;
    clear: both;
}
.timeline-item.block:nth-child(even):after, .timeline-item.block:nth-child(even):before, .timeline-item.block:nth-child(odd):after, .timeline-item.block:nth-child(odd):before, .timeline-item.timeline-poster>.timeline-badge, .timeline-item:nth-child(even):after, .timeline-item:nth-child(even):before, .timeline-item:nth-child(odd):after, .timeline-item:nth-child(odd):before {
    display: none;
}
.timeline-item>.timeline-badge {
    top: -8px!important;
    left: 50%!important;
    margin-left: -6px;
}
}
.wrapkit-content-rtl .timeline-avatar {
    margin-right: 0;
    margin-left: 10px;
}

.timeline-heading { font-size: 16px;    font-weight: 600;}

/*** accordion collapse ***/
.panel-heading{ padding-top:15px } .panel-body { padding: 0; }
.panel-heading.isOpen { color: #333;  }