/** Shopify CDN: Minification failed

Line 180:45 Expected identifier but found "'Montserrat'"
Line 343:12 Unexpected "only"

**/
body{font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
.centrado{text-align:center;}
.site-header{ background:black; }

#PageContainer{background-color: #f6e23a!important;}
.price-item {
   color: black!important;
    font-weight: 700;
}
#option1{   /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom:25px;
 }

.custom__item--47b1f3c0-1b4a-4a23-b8b0-5e53a17930f2{

}



#option1.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1marem + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

#option1:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}




#option1.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

#option1.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}





#option1.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

#option1.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.continue_button{    color: #ffffff!important;
    border-width: 10px!important;
    border-color: #000000;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #000000;
    cursor: pointer;
    width: 350px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;}
.custom__item--760ba3bd-b2ff-4fff-a8b4-718ed6be7aab{margin-top:-80px;}
#shopify-section-product-template{background:#f6e23a!important;}
.shopify-section{width:100%; }
.white-icon{color:white!important;}
.site-nav__label{color:white;}
.Price{ font-size:xx-large;}
.Bienestar{background-color: #27d6b1;}
.SectionInformacion{padding-bottom: 30px;}
.blanco{color: #f9fafb;}
.blanco:hover{color: #f6e23a!important;}
.Amarillo{background:#f6e23a!important;color:black;}
.row-teles{padding-bottom: 30px;padding-top: 30px;}
   .m-b-25{ margin-bottom: 25px; font-size: 18px; font-family: 'Montserrat';font-weight: 400; color: #000;}
.Qsomos{ line-height: 1.7em; color: #777777; 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size:16px;padding-right: 10px; }
.h3small{    font-size: 22px;line-height: 1.7em;}
.liConoceMas{ color: #777777; line-height: 35px; }
.liConoceMas a{ color: #777777; line-height: 35px; }
#shopify-section-1614875333dc31c623{background:#f6e23a!important;color:black;padding-top: 30px}
#shopify-section-feature-columns{background:#f6e23a!important}
#shopify-section-161487976678562fba{ background:white; }
#shopify-section-16148836506da805fa{background:black;    padding-top: 30px; padding-bottom: 30px;}
#shopify-section-16148848992491b8f5{background-color: #f2f4f5;}
.curso{
  	text-align:center;color:white;    
	color: #777777!important;
    line-height: 1.9em;
    background-size: initial;
    background-color: #f6e23a!important;
    padding-top: 60px!important;
    padding-right: 40px!important;
    padding-bottom: 30px!important;
    padding-left: 40px!important;
    margin-bottom: 10%!important;
background-position: 50%;
    background-repeat: no-repeat;
      min-height: 255px;
  box-sizing: border-box;
  margin-left: 20px!important;
  margin-right: 20px!important;
  background-size: contain;
    background-repeat: no-repeat;
  box-shadow: 0px 0px 60px 0px rgb(71 74 182 / 12%);
}
.Headercurso{
font-weight: 700;
    font-size: 20px;
    color: #ffffff!important;
    line-height: 1.5em;
      max-width: 1100px;
    padding-top:40px;
}


.btnAmarillo{
    color: #000000!important;
    border-radius: 37px;
    font-size: 20px;
    font-weight: 600!important;
    background-color: #f6e23a;
  padding:10px;
    margin:20px;
  float: left;
}
.iconFons{float:left;}
.SpanTel{float:left;}
.btnBlanco{
    color: #000000!important;
    border-radius: 37px;
    font-size: 23px;
    font-weight: 600!important;
    background-color: #FFFFFF;
  text-align:right;
  padding:10px;
  float: left;
  margin:20px;
}
.Interesado{ color:white;font-weight: 700;
    font-size: 36px;
    color: #ffffff!important;
    line-height: 1.3em;}
.Ponte{ 
  font-size: 18px!important;
  line-height: 1.9em;
  color:white;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;}
.cursoAprende{
  background-image: url(https://desarrolloprofesional.harmonhall.com/wp-content/uploads/2021/01/HH-KV-Business_ST_300x220px.png);
}

.cursoCompartir{
 background-image: url(https://desarrolloprofesional.harmonhall.com/wp-content/uploads/2021/01/HH-KV-Digital-Teaching_ST_300x220px.png);
}
.cursoResilencia{
 background-image: url(https://desarrolloprofesional.harmonhall.com/wp-content/uploads/2021/01/HH-KV-Adaptability_ST_300x220px.png);
}
.cursoEcomerce{
 background-image: url(https://desarrolloprofesional.harmonhall.com/wp-content/uploads/2021/01/HH-KV-Ecommerce_ST_300x220px.png);
}
.cursoCommunity{
 background-image: url(https://desarrolloprofesional.harmonhall.com/wp-content/uploads/2021/01/HH-KV-Community-Manager_ST_300x220px.png);
}
.aCURSOS{
  text-align:center;color:white;
  font-weight: 700;
    font-size: 20px;
    color: #ffffff!important;
    line-height: 1.5em;}
.row{float:left;width:100%;}
@media only screen  and (max-width: 600px) and  (min-width: 350px){
.container {
    width: 100%;
    }
		.Element100{width:100%;float: left;}
		.Element80{width:100%;float: left;}
		.Element75{width:100%;float: left;}
		.Element70{width:100%;float: left;}
		.Element60{width:100%;float: left;}
		.Element50{width:100%;float: left;}
		.Element40{width:100%;float: left;}
		.Element30{width:100%;float: left;}
		.Element25{width:100%;float: left;}
		.Element20{width:100%;float: left;}
  .Element10{width:100%;float: left;}
		.Element5{width:100%;float: left;}
      .row-teles-mobile{display:inline!important;}
.row-teles{display: none!important;}
  .btnAmarilloMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 23px;
    font-weight: 600!important;
    background-color: #f6e23a;
  text-align:right;
  padding:10px;
   margin:25px auto 25px auto;
  float: left;
    width:100%;
    box-sizing:border;
}
.btnEmailoMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 14px;
    font-weight: 600!important;
    background-color: #f6e23a;
  text-align:right;
  padding:10px;
   margin:25px auto 25px auto;
width:100%;
    box-sizing:border;
  float: left;
}
.btnBlancoMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 23px;
    font-weight: 600!important;
    background-color: #FFFFFF;
  text-align:center;
  padding:10px;
  float: left;
  margin:25px 0px 25px 0px;
  width:100%;
    box-sizing:border;
}
  .fitMobileBtn{ margin:auto;text-align:center;}
  .iconFons{margin-right:10%;margin-left:10%;}
    .SpanTelMobile{margin-right:10%;float: left;
    text-align: center;box-sizing:border!important;}
}
@media only only screen  and (max-width: 768px) and  (min-width:601px) {
	.container {
    width: 100%;
    }
		.Element100{width:100%;float: left;}
		.Element80{width:100%;float: left;}
		.Element75{width:100%;float: left;}
		.Element70{width:100%;float: left;}
		.Element60{width:100%;float: left;}
		.Element50{width:100%;float: left;}
		.Element40{width:100%;float: left;}
		.Element30{width:100%;float: left;}
		.Element25{width:100%;float: left;}
		.Element20{width:100%;float: left;}
  .Element10{width:100%;float: left;}
		.Element5{width:100%;float: left;}
  
		.line{width: 100%;height: auto;}
  .custom__item--ed402a6f-c14c-4049-ad86-1df151432345{width:100%!important;}
  .custom__item--47b1f3c0-1b4a-4a23-b8b0-5e53a17930f2{width:100%!important;}
    .row-teles-mobile{display:inline!important;}

  .row-teles{display: none!important;}
    .btnAmarilloMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 23px;
    font-weight: 600!important;
    background-color: #f6e23a;
  text-align:leftt;
  padding:10px;
  float: left;
  margin:25px 0px 25px 0px;
  width:100%;
    box-sizing:border;
}
.btnEmailoMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 14px;
    font-weight: 600!important;
    background-color: #f6e23a;
  text-align:right;
  padding:10px;
   margin:25px auto 25px auto;
width:100%;
    box-sizing:border;
  float: left;
}
.btnBlancoMobile{
    color: #000000!important;
    border-radius: 37px;
    font-size: 23px;
    font-weight: 600!important;
    background-color: #FFFFFF;
  text-align:center;
  padding:10px;
  float: left;
  margin:25px 0px 25px 0px;
  width:100%;
    box-sizing:border;
}
  .fitMobileBtn{ margin:auto;text-align:center;}
  .iconFons{margin-right:10%;margin-left:10%;}
    .SpanTelMobile{margin-right:10%;float: left;
    text-align: center;box-sizing:border!important;}

}
@media only screen and (max-width: 992px)  and (min-width:769px){
.container {
    width: 970px;
        margin: auto;
    }
		.Element100{width:100%;float: left;}
		.Element80{width:80%;float: left;}
		.Element75{width:75%;float: left;}
		.Element70{width:70%;float: left;}
		.Element60{width:60%;float: left;}
		.Element50{width:50%;float: left;}
		.Element40{width:40%;float: left;}
		.Element30{width:30%;float: left;}
		.Element25{width:25%;float: left;}
		.Element20{width:20%;float: left;}
  .Element5{width:5%;float: left;}
  .Element10{width:10%;float: left;}
		.item33{width:33%;float: left;}
  .row-teles-mobile{display:none!important;}
.row-teles{display:inline!important;}

}

@media only screen  and (max-width: 2000px)  and (min-width:993px){
.container { width: 1000px;margin: auto;}
		.Element100{width:100%;float: left;}
		.Element80{width:80%;float: left;}
		.Element75{width:75%;float: left;}
		.Element70{width:70%;float: left;}
		.Element60{width:60%;float: left;}
		.Element50{width:50%;float: left;}
		.Element40{width:40%;float: left;}
		.Element30{width:30%;float: left;}
		.Element25{width:25%;float: left;}
		.Element20{width:20%;float: left;}
    .Element10{width:10%;float: left;}
		.Element5{width:5%;float: left;}
		.item33{width:33%;float: left;}
.row-teles-mobile{display:none!important;}
.row-teles{display:inline!important;}

}