/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Style
Generic Style
*/
/*@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap");
/* Definicion de propiedades */
:root {
  --main-violeta: #6E5EE0;
  --main-morado: #3C1A75;
  --main-verde: #03E196;
  --main-bg: #F5F3F5;
  --main-gris: #5A5A5A;
  --fuente: "DM Sans", sans-serif;
}

/*GENERICAS*/
* {
  font-size: 16px;
  font-family: "DM Sans", sans-serif !important;
}

body {
  background: #F5F3F5;
}

h1 {
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 115.7%;
  color: #3C1A75 !important;
  margin-bottom: 26px !important;
}

h2 {
  color: #3C1A75;
  text-align: center;
  font-style: normal;
  font-size: 38px;
  font-weight: 700;
  line-height: 42.5px;
  margin-bottom: 65px;
}

h3 {
  font-size: 20px;
  color: #3C1A75;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 23px;
}

p {
  color: #3C1A75;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 29px !important;
}

.btn-morado {
  border-radius: 62px;
  background: #6E5EE0;
  padding: 14px 28px;
  border: 1px solid #6E5EE0;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  min-width: 98px;
  min-height: 24px;
  display: inline-block;
  text-align: center;
}
.btn-morado:hover {
  border: 1px solid #6E5EE0;
  color: #6E5EE0;
  background: #fff;
}

.btn-blanco {
  border-radius: 62px;
  border: 1px solid #6E5EE0;
  padding: 14px 28px;
  color: #6E5EE0;
  text-decoration: none;
}
.btn-blanco:hover {
  background: #6E5EE0;
  border: 1px solid #6E5EE0;
  color: #fff;
}

/* SASS */
.btn {
  border-radius: 45px;
}


@media(max-width: 380px){
  a.cta_button {
    display: inline-block;
    margin: 10px 0;
  }
}

form strong {
    color: #6e5ee0 !important;
    font-size: 12px !important;
    line-height: 12px !important;
}

form .hs-richtext, form .hs-richtext *, form .hs-richtext h1, form .hs-richtext h2, form .hs-richtext h3, form .hs-richtext h4, form .hs-richtext h5, form .hs-richtext h6, form .hs-richtext p {
    color: #6e5ee0 !important;
    font-size: 12px !important;
    line-height: 15px !important;
  
}

.footer__container form .hs-richtext, form .hs-richtext *, form .hs-richtext h1, form .hs-richtext h2, form .hs-richtext h3, form .hs-richtext h4, form .hs-richtext h5, form .hs-richtext h6, form .hs-richtext p {
    color: #6e5ee0 !important;
    font-size: 12px !important;
    line-height: 15px !important;

}

.crm:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.whatsapp:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.stock:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.book:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.web:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.app:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.doctor:hover {
  opacity: 100% !important;
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

.saas:hover {
  box-shadow: 0px 2px 30px 10px rgba(110,94,224,.4) !important;
}

/*Hover de las sub páginas del menú de "Compañía".*/

.mega-menu .style4 .col-md-4 .sector-name:hover {
  text-decoration: underline !important;
  text-decoration-color: #6E5EE0 !important;
  text-underline-offset: 6px !important;
}

/*Hover de las sub páginas del menú de "Recursos".*/

.mega-menu .style3 .col-md-4 .sector-name:hover {
  text-decoration: underline !important;
  text-decoration-color: #6E5EE0 !important;
  text-underline-offset: 6px !important;
}

/*Hover de las sub páginas del menú de "xxxx".*/

.mega-menu .style5 .col-md-4 .sector-name:hover {
  text-decoration: underline !important;
  text-decoration-color: #6E5EE0 !important;
  text-underline-offset: 6px !important;
}

.sector-name:hover {
  text-decoration: underline !important;
  text-decoration-color: #6E5EE0 !important;
  text-underline-offset: 6px !important;
}

/*Hover de todas las subpáginas de Sectores y Productos*/
.hs-menu-item:hover {
  text-decoration: underline !important;
  text-decoration-color: #5E5E5D !important;
  text-underline-offset: 6px !important;
}

.box-title:hover {
  text-decoration: underline !important;
  text-decoration-color: #6E5EE0 !important;
  text-underline-offset: 6px !important;
}

.box-list li:hover {
  text-decoration: underline !important;
  text-decoration-color: #5E5E5D !important;
  text-underline-offset: 6px !important;
}

/*Maquetar correctamente las casillas de multiopción*/
.inputs-list li {
    padding:10px 0 !important;
}

.inputs-list li label {
     display:flex !important;
}

.inputs-list li label input {
     width:50px !important;
     margin-bottom:0 !important;
}

.webinar-form-container fieldset.form-columns-1 .input .inputs-list
.hs-input {
   width: auto !important;
   margin-right: 10px;
}

.legal-consent-container .hs-richtext {
    margin-top: 25px !important;
    margin-bottom: -10px !important;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 5px !important;
}

.blog_index__post_content fontWhite pt20 {
  font-size: 35px !important;
}

/*Alineado de los dos CTAs de la home: Prueba Gratis + Contáctanos*/
.ctas-hero{
  display: flex !important;
}
  
.ctas-hero .hs_cos_wrapper {
  margin: 0 5px !important;
}

/*Tamaño del precio mensual de la página de Precios en todos los idiomas*/

.price-month {
 font-size: 55px !important;
}

/*Espaciado entre los dos CTAs del header*/

.cta-last {
  margin-left: 8px !important;
}

.cta-trial {
  margin-right: 8px !important;
}

.price-subc {
  margin-left: 3px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;

}

.price-subt {
  font-size: 22px !important;
}

.hs-button {
 text-align: center !important;
}*/