.btn { 
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;   
    display: inline;
    text-decoration: none;<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
    width: fit-content;
}

 /* btn1 texto color             : variable #FFFFFF */
 /* btn1 texto unida             : variable px */
 /* btn1 texto size              : variable 15 */
 /* btn1 texto fuente            : variable Poppins */
 /* btn1 texto variant           : variable 600 */
 /* btn1 color de fondo          : variable #448BFF */
 /* btn1 color de fondo hover    : variable #245fbe */
 /* btn1 color de texto hover    : variable #FFFFFF */ 
 /* btn1 border color            : variable #ffffff */
 /* btn1 border style            : variable none */
 /* btn1 border value            : variable 1 */
 /* btn1 border inits            : variable px */
 /* btn1 border radio            : variable 12px */
 /* btn1 espacios margin-top     : variable px */
 /* btn1 espacios margin-bottom  : variable px */
 /* btn1 espacios padding-top    : variable 16px */
 /* btn1 espacios padding-bottom : variable 16px */
 /* btn1 espacios padding-left   : variable 40px */
 /* btn1 espacios padding-right  : variable 40px */
 /* btn1 espacios padding-right  : variable 40px */
 /* btn1 interlineado            : variable 1 */
 /* btn1 interletrado            : variable 0.5px */

.btn1 {
    display:inline-block;
    font-size:       15px;
    font-family:     'Poppins', sans-serif;
    font-weight:     600;    
    border-radius:   12px;
    background:      #448BFF;
    border:          1px none #ffffff;
    color:           #FFFFFF;
    margin-top:      px;
    margin-bottom:   px;
    padding-top:     16px;
    padding-bottom:  16px;
    padding-left:    40px;
    padding-right:   40px;
    line-height:     1;
    letter-spacing:  0.5px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.btn1:hover {
    background:      #245fbe;
    color:           #FFFFFF;
}


 /* btn2 texto color             : variable  #FFFFFF */
 /* btn2 texto unida             : variable  px */
 /* btn2 texto size              : variable  15 */
 /* btn2 texto fuente            : variable  Poppins */
 /* btn2 texto variant           : variable  600 */
 /* btn2 color de fondo          : variable  #448BFF */
 /* btn2 color de fondo hover    : variable  #84B2FF */
 /* btn2 color de texto hover    : variable  #FFFFFF */ 
 /* btn2 border color            : variable  #448BFF */
 /* btn2 border style            : variable  none */
 /* btn2 border value            : variable  2 */
 /* btn2 border inits            : variable  px */
 /* btn2 border radio            : variable  12px */
 /* btn2 espacios margin-top     : variable  px */
 /* btn2 espacios margin-bottom  : variable  px */
 /* btn2 espacios padding-top    : variable  15px */
 /* btn2 espacios padding-bottom : variable  15px */
 /* btn2 espacios padding-left   : variable  18px */
 /* btn2 espacios padding-right  : variable  18px */
 /* btn2 lineado                 : variable  1    */
 /* btn2 h1 lineado              : variable  0.5px    */

.btn2 {
    display:inline-block;
    font-size:       15px;
    font-family:     'Poppins', sans-serif;
    font-weight:     600;    
    border-radius:   12px;
    background:      #448BFF;
    border:          2px none #448BFF;
    color:           #FFFFFF;
    margin-top:      px;
    margin-bottom:   px;
    padding-top:     15px;
    padding-bottom:  15px;
    padding-left:    18px;
    padding-right:   18px;
    line-height:     1;
    letter-spacing:  0.5px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.btn2:hover {
    background:      #84B2FF;
    color:           #FFFFFF;
}


 /* btn3 texto color             : variable  #FFFFFF */
 /* btn3 texto unida             : variable  px */
 /* btn3 texto size              : variable  16 */
 /* btn3 texto fuente            : variable  Poppins */
 /* btn3 texto variant           : variable  600 */
 /* btn3 color de fondo          : variable  #1f2a44 */
 /* btn3 color de fondo hover    : variable  #1f2a44 */
 /* btn3 color de texto hover    : variable  #FFFFFF */ 
 /* btn3 border color            : variable  #FFFFFF */
 /* btn3 border style            : variable  solid */
 /* btn3 border value            : variable  1 */
 /* btn3 border inits            : variable  px */
 /* btn3 border radio            : variable  12px */
 /* btn3 espacios margin-top     : variable  px */
 /* btn3 espacios margin-bottom  : variable  px */
 /* btn3 espacios padding-top    : variable  16px */
 /* btn3 espacios padding-bottom : variable  16px */
 /* btn3 espacios padding-left   : variable  40px */
 /* btn3 espacios padding-right  : variable  40px */
 /* btn3 lineado                 : variable  1    */
 /* btn3 h1 lineado              : variable  0.5px    */

.btn3 {
    display:inline-block;
    font-size:       16px;
    font-family:     'Poppins', sans-serif;
    font-weight:     600;    
    border-radius:   12px;
    background:      #1f2a44;
    border:          1px solid #FFFFFF;
    color:           #FFFFFF;
    margin-top:      px;
    margin-bottom:   px;
    padding-top:     16px;
    padding-bottom:  16px;
    padding-left:    40px;
    padding-right:   40px;
    line-height:     1;
    letter-spacing:  0.5px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.btn3:hover {
    background:      #1f2a44;
    color:           #FFFFFF;
}


 /* btn3 texto color             : variable  #FFFFFF */
 /* btn3 texto unida             : variable  px */
 /* btn3 texto size              : variable  15 */
 /* btn3 texto fuente            : variable  Poppins */
 /* btn3 texto variant           : variable  600 */
 /* btn3 color de fondo          : variable  #ff5318 */
 /* btn3 color de fondo hover    : variable  #e06551 */
 /* btn3 color de texto hover    : variable  #FFFFFF */ 
 /* btn3 border color            : variable  #448BFF */
 /* btn3 border style            : variable  none */
 /* btn3 border value            : variable  1 */
 /* btn3 border inits            : variable  px */
 /* btn3 border radio            : variable  12px */
 /* btn3 espacios margin-top     : variable  px */
 /* btn3 espacios margin-bottom  : variable  px */
 /* btn3 espacios padding-top    : variable  16px */
 /* btn3 espacios padding-bottom : variable  16px */
 /* btn3 espacios padding-left   : variable  40px */
 /* btn3 espacios padding-right  : variable  40px */
 /* btn3 lineado                 : variable  1.25    */
 /* btn3 h1 lineado              : variable  0.5px    */

.btn4 {
    display:inline-block;
    font-size:       15px;
    font-family:     'Poppins', sans-serif;
    font-weight:     600;    
    border-radius:   12px;
    background:      #ff5318;
    border:          1px none #448BFF;
    color:           #FFFFFF;
    margin-top:      px;
    margin-bottom:   px;
    padding-top:     16px;
    padding-bottom:  16px;
    padding-left:    40px;
    padding-right:   40px;
    line-height:     1.25;
    letter-spacing:  0.5px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.btn4:hover {
    background:      #e06551;
    color:           #FFFFFF;
}


 /* Titulo h1 color        : variable  #1f2a44 */
 /* Titulo h1 uidad        : variable  px */
 /* Titulo h1 size         : variable  35 */
 /* Titulo h1 fuete        : variable  Poppins */
 /* Titulo h1 variant      : variable  600 */
 /* Titulo h1 interlineado : variable  1.25 */
 /* Titulo h1 interletrado : variable  0.1px */

h1, .h1 {
    font-size:      35px;
    font-family:    'Poppins',sans-serif;
    color:          #1f2a44;
    font-weight:    600;
    line-height:    1.25;
    letter-spacing: 0.1px;
    margin:         0px;
}

 /* Titulo h2 color        : variable  #1f2a44 */
 /* Titulo h2 uidad        : variable  px */
 /* Titulo h2 size         : variable  35 */
 /* Titulo h2 fuete        : variable  Poppins */
 /* Titulo h2 variant      : variable  600 */
 /* Titulo h2 interlineado : variable  1.25 */
 /* Titulo h2 interletrado : variable  0.1px */

h2, .h2 {
    font-size:      25px;
    font-family:    'Poppins',sans-serif;
    color:          #1f2a44;
    font-weight:    600;
    line-height:    1.25;
    letter-spacing: 0.1px;
    margin:         0px;
}

 /* Titulo h3 color        : variable  #1f2a44  */
 /* Titulo h3 uidad        : variable  px */
 /* Titulo h3 size         : variable  25 */
 /* Titulo h3 fuete        : variable  Poppins */
 /* Titulo h3 variant      : variable  600 */
 /* Titulo h3 interlineado : variable  1.25 */
 /* Titulo h3 interletrado : variable  0.1px */


h3, .h3 {
    font-size:      25px;
    font-family:    'Poppins',sans-serif;
    color:          #1f2a44;
    font-weight:    600;
    line-height:    1.25;
    letter-spacing: 0.1px; 
    margin:         0px;
}

 /* Titulo h4 color        : variable  #1f2a44 */
 /* Titulo h4 uidad        : variable  px */
 /* Titulo h4 size         : variable  25 */
 /* Titulo h4 fuete        : variable  Poppins */
 /* Titulo h4 variant      : variable  600 */
 /* Titulo h4 interlineado : variable  1.25 */
 /* Titulo h4 interletrado : variable  0.1px */


h4, .h4 {
    font-size:      25px;
    font-family:    'Poppins',sans-serif;
    color:          #1f2a44;
    font-weight:    600;
    line-height:    1.25;
    letter-spacing: 0.1px;
    margin:         0px;
}
    
 /* Titulo h5 color        : variable  #1f2a44 */
 /* Titulo h5 uidad        : variable  px */
 /* Titulo h5 size         : variable  25 */
 /* Titulo h5 fuete        : variable  Poppins */
 /* Titulo h5 variant      : variable  600 */
 /* Titulo h5 interlineado : variable  1.25 */
 /* Titulo h5 interletrado : variable  0.1px */


h5, .h5 {
    font-size:      25px;
    font-family:    'Poppins',sans-serif;
    color:          #1f2a44;
    font-weight:    600;
    line-height:    1.25;
    letter-spacing: 0.1px;
    margin:         0px;
} 

 /* Titulo h6 color        : variable  #364057 */
 /* Titulo h6 uidad        : variable  px */
 /* Titulo h6 size         : variable  18 */
 /* Titulo h6 fuete        : variable  Poppins */
 /* Titulo h6 variant      : variable  500 */
 /* Titulo h6 interlineado : variable  1.25 */
 /* Titulo h6 interletrado : variable  0.1px */

h6, .h6 {
    font-size:      18px;
    font-family:    'Poppins',sans-serif;
    color:          #364057;
    font-weight:    500;
    line-height:    1.25;
    letter-spacing: 0.1px;
    margin:         0px;
}

 /* Parrafo p color        : variable  #6b7280 */
 /* Parrafo p uidad        : variable  px */
 /* Parrafo p size         : variable  18 */
 /* Parrafo p fuete        : variable  Poppins */
 /* Parrafo p variant      : variable  regular */
 /* Parrafo p interlineado : variable  1.5 */
 /* Parrafo p interletrado : variable  0.1px */


p {
    font-size:      18px;
    font-family:    'Poppins',sans-serif;
    color:          #6b7280;
    font-weight:    regular;
    line-height:    1.5;
    letter-spacing: 0.1px;
    margin:         0px;
}

@media screen and (max-width : 767px) and (min-width : 300px) {
 
 /* boton 1 interlineado movil : variable 1 */
 /* boton 1 interletrado movil : variable 0.5px */
.btn1 {
    line-height:    1;
    letter-spacing: 0.5px;
} 
    
 /* boton 2 interlinedao movil : variable 1 */
 /* boton 2 interletrado movil : variable 0.5px */    
.btn2 {
    line-height:    1;
    letter-spacing: 0.5px;
} 
  
 /* boton 2 interlinedao movil : variable 1.5 */
 /* boton 2 interletrado movil : variable 0.5px */    
.btn3 {
    line-height:    1.5;
    letter-spacing: 0.5px;
}
  
 /* boton 2 interlinedao movil : variable 1.25 */
 /* boton 2 interletrado movil : variable 0.5px */    
.btn4 {
    line-height:    1.25;
    letter-spacing: 0.5px;
}
    
/* Titulo h1 uidad movil       : variable px */
/* Titulo h1 size movil        : variable 30 */
/* Titulo h1 intelineado movil : variable 1.25 */
/* Titulo h1 interletrado movil: variable 0.1px */

h1, .h1 {
    font-size:      30px!important;
    line-height:    1.25;
    letter-spacing: 0.1px;    
    }
    
    
/* Titulo h2 uidad movil       : variable px */
/* Titulo h2 size movil        : variable 27 */
/* Titulo h2 interlineado movil: variable 1.25 */
/* Titulo h2 interletrado movil: variable 0.1px */
 
h2, .h2{
    font-size:      27px; 
    line-height:    1.25;
    letter-spacing: 0.1px;     
    }
    

/* Titulo h3 uidad movil       : variable px */
/* Titulo h3 size movil        : variable 25 */    
/* Titulo h3 interlineado movil: variable 1.25 */
/* Titulo h3 interletrado movil: variable 0.1px */
 
h3, .h3{
    font-size:      25px;
    line-height:    1.25;
    letter-spacing: 0.1px;     
    }
    

/* Titulo h4 uidad movil       : variable px */
/* Titulo h4 size movil        : variable 25 */  
/* Titulo h4 interlineado movil: variable 1.25 */
/* Titulo h4 interletrado movil: variable 0.1px */
     
h4, .h4{
    font-size:      25px; 
    line-height:    1.25;
    letter-spacing: 0.1px; 
    }
    
    
/* Titulo h5 uidad movil       : variable px */
/* Titulo h5 size movil        : variable 20 */     
/* Titulo h5 interlineado movil: variable 1.25 */
/* Titulo h5 interletrado movil: variable 0.1px */
 
h5, .h5{
    font-size:      20px; 
    line-height:    1.25;
    letter-spacing: 0.1px; 
   }
    
    
/* Titulo h6 uidad movil       : variable px */
/* Titulo h6 size movil        : variable 20 */     
/* Titulo h6 interlineado movil: variable 1.25 */
/* Titulo h6 interletrado movil: variable 0.1px */
 
h6, .h6{
    font-size:      20px;
    line-height:    1.25;
    letter-spacing: 0.1px;     
   }
    
/* Parrafo p uidad movil       : variable px */
/* Parrafo p size movil        : variable 18  */
/* Parrafo p interlineado movil: variable 1.25 */
/* Parrafo p interletrado movil: variable 0.1px */
 
p {
    font-size:      18px;
    line-height:    1.25;
    letter-spacing: 0.1px; 
  }
    
}
@charset "UTF-8";




*,*:after,*:before { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}

html {}
* {margin:0;}

/** Columnas Span **/
[class*="span"] { display: block;float: left; min-height:28px;margin-left:2.5%;}
[class*="span"]:first-child{margin-left:0}

.span12 {width:99.99999998999999%;*width:99.94680850063828%;margin-left:0}
.span11 {width:91.489361693%;*width:91.4361702036383%}
.span10 {width:82.97872339599999%;*width:82.92553190663828%}
.span9  {width:74.468085099%;*width:74.4148936096383%}
.span8  {width:65.95744680199999%;*width:65.90425531263828%}
.span7  {width:57.446808505%;*width:57.3936170156383%}
.span6  {width:48.5%;*width:48.5%;}
.span5  {width:40.425531911%;*width:40.3723404216383%}
.span4  {width:31.3%;*width:31.3}
.span3  {width:23.404255317%;*width:23.3510638276383%}
.span2  {width:14.89361702%;*width:14.8404255306383%}
.span1  {width: 6.6%; margin-left: 0%; *width: 6.6%;}

/** Columnas Por % **/

.col-5, .col-10, .col-15, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-95, .col-100 {float: left;min-height: 1px;}
.col-5  { width: 5%; } .col-10 {  width: 10%; } .col-15 {  width: 15%; } .col-20 {  width: 20%; } .col-25 {  width: 25%; } .col-30 {  width: 30%; } .col-33 {  width: 33.333%; } .col-35 {  width: 35%; } .col-40 {  width: 40%; } .col-45 {  width: 45%; } .col-50 {  width: 50%; } .col-55 {  width: 55%; } .col-60 {  width: 60%; } .col-65 {  width: 65%; } .col-70 {  width: 70%; } .col-75 {  width: 75%; } .col-80 {  width: 80%; } .col-85 {  width: 85%; } .col-90 {  width: 90%; } .col-95 {  width: 95%; } .col-100{  width: 100%; }

hr {display:block;height:1px;border:0 solid #000000;margin:0;padding:0;background:#000000;}
img {max-width:100%;vertical-align:bottom;}
a {color:#444;text-decoration:none;cursor:pointer;}
a:hover {color:#444;}
a:focus {outline:0;}
a:hover,a:active {outline:0;}
input:focus { outline:0;border:1px solid #04A4CC;}
input, button, textarea, select {font:inherit;}
button {cursor:pointer;}
:focus { outline: -webkit-focus-ring-color auto 0px !iportant;}
::-moz-selection { background:transparent; color:#0095eb; text-shadow:none;}
::selection { background:transparent; color:#0095eb; text-shadow:none;}
::-webkit-selection {background:transparent; color:#0095eb; text-shadow:none;}
::-moz-selection { background:transparent; color:#0095eb; text-shadow:none;}

.full {width:100%;float:left}
.boxer {width:1191px;margin:0 auto!important;margin-left:auto!important;margin-right:auto!important;}
.video {width:100%!important;border:0 solid #000!important;margin:0!important;border-radius:0!important}
.ordenador {display:block}
.movil {display:none !important;}
.tablet {display:none !important;}
.ocultar {display:none !important;}
.tablet-movil{display:none!important} 
.centrar {text-align:center;}
.sticky {position: sticky;}
.fixed {position:fixed;}
::-webkit-input-placeholder {color:#fff}
::-moz-placeholder {color:#fff}
:-ms-input-placeholder {color:#fff}
:-moz-placeholder {color:#fff}

.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}

select {-webkit-appearance: none; /* Webkit */-moz-appearance: none; /* FF */-ms-appearance: none; /* Edge */appearance: none; /* Future */}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay: 9999s;}
option {background: transparent;}
::-webkit-file-upload-button {background: #0095eb;color: #fff;padding: 1em;border:0px;display:none;}

/** Clases Flex **/
.flex-r-c {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-c-c {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-r-s {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
.wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.nowrap {-ms-flex-wrap:nowrap;flex-wrap:nowrap;}

/** Medida del Boxer para Tablets **/
@media screen and (max-width : 1200px) and (min-width : 480px) 
{
  .boxer {width:90%;margin:0 auto}
}

/** Medida del Boxer para Mobile **/
@media screen and (max-width : 480px) and (min-width : 300px)
{
  .boxer {width:326px;margin:0 auto}
}

/** Propiedades SOLO para Desktop **/


/** Propiedades para Tablets **/
@media screen and (max-width : 1024px) and (min-width : 767px) 
{
  body {zoom:80%;}
  .ordenador {display:none!important}
  .tablet    {display:block!important}
  .tablet-movil{display:block!important}  
  .col-t-100 {width: 100%;}
  .col-t-90  {width: 90%;}
  .col-t-80  {width: 80%;}
  .col-t-75  {width: 75%;}
  .col-t-50  {width: 50%;}
  .col-t-33  {width: 33%;}
  .col-t-25  {width: 25%;}
}

/** Propiedades para Mobile **/
@media screen and (max-width : 767px) and (min-width : 300px) 
{
  body {
     zoom: 1;
  }
  .ordenador {display:none!important}
  .movil     {display:block!important}
  .tablet-movil{display:block!important}   
  .column    {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
  .col-m-100 {width: 100% !important;}
  .col-m-90  {width: 90% !important;}
  .col-m-80  {width: 80% !important;}
  .col-m-75  {width: 75% !important;}  
  .col-m-50  {width: 50% !important;}
  .col-m-25  {width: 25% !important;} 
  [class*="span"] { width: 100%; display: block;float: left;margin-left:0}
  #hs_cos_wrapper_widget_1706117764476 .sociales .contenedor svg {
    width: 60px;
    height: 60px;
    zoom: 50%;
}  
}


main {
    padding-top: 115px;
}
body.go1432718904 {
    overflow: scroll !important;
}
.col-100.pilar-home, #Recursos-home {
    width: 100%;
    position: relative;
    z-index: 20;
}
.bg-color-contadores, .bg-color-empresas, .bg-color-software {
    background-color: transparent !important;
}
.opasidad-hover{opacity: 100%;}
.opasidad-hover:hover{
opacity: 70%;
}
/* -- progress-bar -- */
#progress-bar.header { position: fixed; top: 110px; z-index: 301; width: 100%; background: transparent;}
#progress-bar.header h2 { text-align: center;}
#progress-bar .progress-container { width: 100%; height: 11px; background: transparent;}
#progress-bar .progress-bar { height: 10px; background: #FF735C; width: 0%;}

/* -- breadcrumb --*/
.breadcrumb{
    margin-bottom: 10px;
}
.breadcrumb p{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
.breadcrumb a{ 
    font-family: Poppins, sans-serif; 
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.25;
    font-weight: 400;
    transition: 0.3s;    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;   
    gap: 10px
    }
.breadcrumb a:hover{ opacity: 70%;}
.breadcrumb .blog-principal{ color:#364057; } 
.breadcrumb .blog-pilar{ color:#448AFF; font-weight: 600;} 
.breadcrumb .blog-tag{ color:#448AFF; font-weight: 600;} 
.col-100.titulo.ajuste h2{ 
    letter-spacing: 0;
    font-size: 30px;
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}


.col-100.titulo.ajuste{
    margin-bottom: 30px;
}

/* -- blog botones --*/
#blog-botones {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#blog-botones .span5{ }
#blog-botones .span5 h2{
    color: #448aff;
    font-size: 25px;
    font-weight: 500;
    margin-right: 160px;
}
#blog-botones .span5 p{
    color:#6b7280;
    font-size: 18px;
    font-weight: 300;
    margin-right: 50%;
    margin-top: 15px;
    line-height: 1.25;
}
#blog-botones .span7 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#blog-botones .span7 .slick-list {
    padding-top: 20px;
}
#blog-botones .span7 .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
    justify-content: space-evenly;
}
#blog-botones .slick-track:after, #blog-botones .slick-track:before {
    content: "";
    display: none;
}
#blog-botones .span7 .cont{ }
#blog-botones .span7 .cont .semi-post {
    background: #fff;
    border: 2px solid #dbdbdb7d;
    border-radius: 30px;
    min-height: 209px;
    padding: 25px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-shadow: 5px -5px 10px rgb(31 42 68 / 4%);
}
#blog-botones .span7 .cont .semi-post:hover {
    margin-top: -20px;
}
#blog-botones .span7 .cont .semi-post img{
    width: 35px;
    height: 35px;
}
#blog-botones .span7 .cont .semi-post h3{
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #1f2a44;
}
#blog-botones .span7 .cont .semi-post p{
    color: #448AFF;
    font-weight: 500;
    font-size: 16px;
}
#blog-botones .span7 .cont .semi-post p svg{
    transition: 0.3s;
    margin-left: 10px;
    margin-right: 10px;
}
#blog-botones .span7 .cont .semi-post:hover p svg{
    margin-left: 20px;
    margin-right: 0px;
}
/* -- mas visto -- */
#contenido-detacado .contenido{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#contenido-detacado .titulo h2 {
    margin-bottom: 40px;
}
#contenido-detacado .contenido .slick-initialized .slick-slide{
    width: 100%;
}
#contenido-detacado .slick-track{display: flex;
    flex-direction: column;
    flex-wrap: nowrap;}
#contenido-detacado .slick-slide {
    width: 99%;
}
/* -- mas visto span7-- */
#contenido-detacado .contenido .span7 .post {
    min-height: 611px;
    position: relative;
}
#contenido-detacado .contenido .span7 .post .imagen { height: 338px;} 
#contenido-detacado .contenido .span7 .post .imagen img{ height: 338px;} 
#contenido-detacado .contenido .span7 .post .centro-v {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 20px;
}
#contenido-detacado .contenido .span7 .post .categorias.flex {
    left: 53px;
    position: absolute;
    row-gap: 5px;
    top: 32px;
}
#contenido-detacado .contenido .span7 .post .texto a h3 {
    color: #1f2a44;
    font-size: 40px;
    font-weight: 400;
    min-height: 100px;
}
#contenido-detacado .contenido .span7 .post .texto {
    min-height: 270px;
    padding: 48px 41px 36px;
}
#contenido-detacado .contenido .span7 .post .texto .clock p, 
#contenido-detacado .contenido .span7 .post .texto .autor{
    font-size: 15px;
}
/* -- mas visto span5-- */
#contenido-detacado .contenido .span5 .post {
    min-height: 289px;
}
#contenido-detacado .contenido .span5 .post .texto a h3 {
    color: #1f2a44;
    font-size: 30px;
    font-weight: 400;
    min-height: 120px;
} 
#contenido-detacado .contenido .span5 .post .texto {
    min-height: 289px;
    padding: 30px 30px 30px;
}
#contenido-detacado .contenido .span5 .post .texto .clock p, 
#contenido-detacado .contenido .span5 .post .texto .autor {
    font-size: 15px;
}

/* -- mas visto -- */
#mas-visto .titulo h2 {
    margin-bottom: 40px;
}
#mas-visto .post {
    min-height: 171px;
    margin-bottom: 0px;
}
#mas-visto .post .texto a h3 {
    font-size: 22px;
    min-height: 50px;
}

#mas-visto .post .texto .clock {
    width: 100%;
}
#mas-visto .post .texto .clock p {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#mas-visto .post .texto .clock p svg{
    transition: 0.3s;
    margin-right: 15px;
}
#mas-visto .post:hover .texto .clock p svg{ margin-right: 0px; }

#mas-visto .post .texto {
    min-height: 170px;
    gap: 0px;
}
#mas-visto .contenido {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
#mas-visto .span4 .slick-track{
}
#mas-visto .span4 .slick-slide {
   
}

/* -- pilar home -- */
.pilar-home.ancla {
    margin-top: -70px;
    padding-top: 70px;
}
.pilar-home .titulo{
    margin-bottom: 40px;
}
.pilar-home .titulo h2 img{ margin-right: 10px; }
.pilar-home.Oscuro .titulo h2{
    color: #fff;
}
.pilar-home.Oscuro .post {
    border: 0px solid #e9f1fb;
}
.pilar-home .post-personalisados{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.pilar-home .post-personalisados .post {
    min-height: 270px;
}
.pilar-home .post-personalisados .post .texto {
    min-height: 270px;
}
.pilar-home .post-personalisados .span4 .post .categorias.flex {
    left: 00px;
    position: relative;
    row-gap: 5p;
    top: 0px;
}
.pilar-home .boton{
    text-align: right;
}
.pilar-home .boton .btn {
    background: #FF735C;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    padding: 12px 23px;
    font-weight: 600;    
    font-family: Poppins, sans-serif; 
    position: relative;
}
.pilar-home .boton .btn svg{
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.3s;
}
.pilar-home .boton .btn:hover{
    background: #F36233;
}
.pilar-home .boton .btn:hover svg{
    margin-left: 20px;
    margin-right: 0px;
}

.pilar-home .slick-track {
 /*   display: flex;
    flex-direction: row;
    gap: 25px;
    flex-wrap: nowrap;
    justify-content: space-between; */
}
.pilar-home .slick-track:after, .pilar-home .slick-track:before {
    display: none;
}
.pilar-home .post-personalisados .slick-list {
    margin-top: 10px;
    margin: 0px -12px;
    width: calc(100% + 24px);
}
.pilar-home .post { margin-bottom: 20px;}


/* -- post -- */
.post {
    border-radius: 36px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    border: #E9F1FB solid 2px;
    margin-bottom: 35px;
    min-height: 460px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
.post:hover { margin-top: -6px; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);   }
.post .imagen{ height: 203px; overflow: hidden; }
.post .imagen a{ }
.post .imagen a:hover{ }
.post .imagen img {
    height: 203px;
    object-fit: cover;
    width: 100%;
}
.post .texto { background: #fff; padding: 25px 27px 30px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 18px; min-height: 185px; justify-content: space-between;}
.post .texto .clock {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
    width: 50%;
}
.post .texto .clock p { color: #364057; font-size: 14px; font-weight: 500;}
.post .texto a { }
.post .texto a:hover{ }
.post .texto a h3 {
    color: #1F2A44;
    font-size: 18px;
    font-weight: 400;
    min-height: 71px;
}
.post .texto a:hover h3, 
.post:hover .texto a h3 { color: #448AFF;}
.post .texto .link-autor {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
    min-height: 1px;
    padding: 0;
    width: 50%;
}
.post .texto .autor { color: #364057; font-size: 14px; font-weight: 500;}
.post .centro-v{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;width: 100%;}
.post .link-autor .lazyload{
    border-radius: 49px;
    height: 25px;
    width: 25px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); 
}
/* -- post span8-- */
.span8 .post .texto a h3 {
    font-size: 40px;
}
.span8 .post .imagen {
    height: 473px;
    overflow: hidden;
}
.span8 .post .texto {
    min-height: 473px;
}
.span8 .post .imagen img {
    height: 473px;
}
.span8 .post .nombre-post{
    min-height: 280px;
}
.span8 .post .texto {
    gap: 30px;
}
.cate .span8 .post .nombre-post {
    min-height: auto;
}
.pilar-home .span8 .post .texto a h3 {
    font-size: 30px;
}
.pilar-home .post-ultiimos .span8 {
    width: calc(65.95744680199999% - 2.5px);
}
.pilar-home .post-ultiimos .span4 .post .texto {
    min-height: 208px;
}
/* -- post span4-- */
.span4 .post {
    position: relative;
}
.span4 .post .imagen{ 
    height: 265px;
    overflow: hidden;
}
.span4 .post .imagen img {
    height: 265px;
}
.span4 .post .categorias.flex {
    position: absolute;
    row-gap: 5px;
    top: 30px;
    left: 30px;
}
.span4 .post .texto a h3 {
    color: #1f2a44;
    font-size: 25px;
    font-weight: 400;
    min-height: 93px;
}
.span4 .post .texto a:hover h3{ color: #1F2A44; }
.pilar-home .post .texto a h3 {
    font-size: 25px;
}

/* -- post categorias -- */
.categorias {}
.categorias.flex { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 5px; column-gap: 20px;justify-content: flex-start;}
.categorias a.categoria {
    background: #F4E5FF;
    border-radius: 8px;
    color: #8330BE;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 8px 25px;
    transition: all .5s ease;
}
.categorias a.categoria:hover {
    opacity: 80%;
}


/* -- Casos de exito -- */
#Casos-de-exito{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
#Casos-de-exito .span1{ }
#Casos-de-exito .info{
    display: flex;
    flex-direction: column;
}
#Casos-de-exito .info h2{
    font-size: 20px;
}
#Casos-de-exito .info h3 {
    font-size: 30px;
    padding: 20px 21% 20px 0;
    font-weight: 500;
}
#Casos-de-exito .info p {
    font-size: 16px;
    padding: 0px 20% 30px 0px;
}
#Casos-de-exito .btn{
    background: #FF735C;
    border-radius: 8px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 23px;
    position: relative;
}
#Casos-de-exito .btn:hover {
    background: #F36233;
}
#Casos-de-exito .btn svg{
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.3s;
}
#Casos-de-exito .btn:hover svg{  
    margin-left: 20px;
    margin-right: 0px;}

#Casos-de-exito .caso {
    background: #fff;
    border: 2px solid #e9f1fb;
    border-left: 17px solid #448aff;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    padding: 20px 20px 30px 20px;
}
#Casos-de-exito .caso img {
    height: 53px !important;
    width: 53px !important;
    border-radius: 53px;
}
#Casos-de-exito .caso .texto{
    width: calc(100% - 85px);
}
#Casos-de-exito .caso .texto h3{
    font-size: 22px;
    font-weight: 600;
    color: #1f2a44;
    margin-bottom: 10px;
}
#Casos-de-exito .caso .texto p {
    color: #364057;
    font-weight: 500;
    font-size: 16px;
}
#Casos-de-exito .slick-slide.slick-cloned{
    opacity: 60% !important; 
} 
#Casos-de-exito .slick-slide.slick-active.slick-center {
    opacity: 100% !important;
}  
#Casos-de-exito .slick-slide { 
    opacity: 0% 
}    
#Casos-de-exito .slick-slide.slick-current.slick-center {    
    opacity: 100% !important;
}
/* -- Suscribirme -- */
#Suscribirme {
    align-items: center;
    background: #fff;
    border: 2px solid #e9f1fb;
    border-radius: 30px;
    box-shadow: 7px 7px 13px rgb(0 0 0 / 5%);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: -170px;
    padding: 50px 0;
    position: relative;
}
#Suscribirme .span5{ }
#Suscribirme .span5 h2{
    padding-right: 0%;
    padding-bottom: 15px;
}
#Suscribirme .span4{ }
#Suscribirme select{    
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/flecha.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 20px);
    background-position-y: center;
}
#Suscribirme input[type="email"].hs-input{
background: #fff;    
}
#Suscribirme input[type="email"].hs-input, #Suscribirme select.hs-input {
    border: 1.5px solid rgba(54, 64, 87, .7);
    border-radius: 10px;
    color: #364057;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    height: 47px;
    padding: 0 19px;
    width: 110%;
}
#Suscribirme .legal-consent-container{}
#Suscribirme .legal-consent-container .hs-richtext {
    padding: 15px 0px;
}
#Suscribirme .legal-consent-container .hs-richtext p {
    font-weight: 500;
    font-size: 12px;
}
#Suscribirme .legal-consent-container { }
#Suscribirme .legal-consent-container .inputs-list {
    padding-left: 0;
    list-style-type: none;
}
#Suscribirme .legal-consent-container .inputs-list ::marker {
    display: none;
    list-style-type: none;
}
#Suscribirme .hs_submit .hs-button{
    background-color: #FF735C;
    border: 0px;
    color: #fff !important;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 41px;
    border-radius: 10px;
    font-family: Poppins, sans-serif;
    cursor:pointer;
}
#Suscribirme .hs_submit .hs-button:hover {
    background-color: #FF735C;
}

#Suscribirme .hs-error-msgs {
    list-style-type: none;
    padding-top: 10px;
    padding-left: 15px;
}
#Suscribirme .hs-error-msg.hs-main-font-element{
    font-size: 12px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    color: #364057; }
#Suscribirme label span{
    margin: 0;
    display: inline;
    color: #364057;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
}
#Suscribirme .hs-form-field {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}
#Suscribirme .hs-form-field label{
    padding-bottom: 10px; 
}

/* Suscribirme sobre puesto */
#Suscribirme-sobre-puesto{
    background-color: #202a43;
}
#Suscribirme-sobre-puesto #Suscribirme{
    position: relative;
    margin-top: -160px;
}
#Suscribirme .legal-consent-container .inputs-list p {
    font-family: Poppins, sans-serif;
    font-size: 14px; 
    margin-left: 10px;
}
#Suscribirme .legal-consent-container .inputs-list .hs-form-booleancheckbox-display{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* post */
#post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
#post [class*=span] {
    margin-left: 0%;
}
#post .categorias.flex {
    left: 30px;
    position: absolute;
    row-gap: 5px;
    top: 30px;
}
#post .post {
    position: relative;
}
#post .post .texto a h3 {
    font-size: 25px;
    font-weight: 400;
    min-height: 90px;
}
#post .post .imagen img {
    height: 256px;
}
#post .post .imagen {
   height: 256px;
}

.pilar-home.nivel-2 .span8 .post .texto a h3 {
   font-size: 30px;
}
.pilar-home.nivel-2 .span4 .post .texto a h3 {
    font-size: 25px;
    min-height: 100px;
    font-weight: 400;
}

/* banner blog */
#banner-post {
    padding: 30px 0px 90px;
    background-color: #e0ecfd;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/baner.png);
    background-position: top;
    background-position-y: -100px;
    padding: 30px 0 90px;
    background-repeat: no-repeat;
}

#banner-post .boxer{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#banner-post h1{
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.25;
    font-size: 40px;
}
#banner-post .iframe_wrapper, #banner-post .hs-video-wrapper {
    border-radius: 8px;
    overflow: hidden;
}
#banner-post .centro-v{ }             
#banner-post .centro-v .link-autor {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 20px;
}
#banner-post .centro-v .link-autor img{
    border-radius: 49px;
    filter: grayscale(1);
}
#banner-post .centro-v .link-autor .autor{ }
#banner-post .clock{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}
#banner-post .clock svg{ }
#banner-post .clock p{ }
#banner-post .categorias{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 30px;
}
#banner-post .categorias a.categoria {
    background: #fff;}
#banner-post .info{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 6px;
}
#banner-post .info .autor{
    color: #364057;
    font-weight: 600;
    font-size: 16px;
}
#banner-post .info .descripcion{
    color: #364057;
    font-weight: 400;
    font-size: 16px;
}
#banner-post .span5.titulo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 466px;
    justify-content: space-between;
}
#banner-post .span6.imagen img{
    width: 100%;
    height: 390px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

/* table of contents*/
.table-of-contents {
    background-color: #fff;
    border: 2px solid #ecf3fc;
    border-radius: 24px;
    padding: 39px;
    position: relative;
}
.table-of-contents a{
    color: #448AFF;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 500;
    transition: 0.3s;
    
}
.table-of-contents a:hover{
    opacity: 70%;

}
.table-of-contents h3{
    color: #1f2a44;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    font-size: 20px;
}
.table-of-contents ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
    list-style: decimal;
    margin-top: 20px;
    padding-left: 0px;
}
.table-of-contents ul li {
    margin-left: 23px;
}
.table-of-contents ul li::marker {    
    color: #448AFF;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 500;}

/* post-body */
#blog.por-defecto{    
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/fondo-blog.png);
    background-position: 40% top;
}
#blog.sobrepuesto{    
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/fondo-blog.png);
    background-position: 40% top;
}
#contenido {
    padding: 30px 0px;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/fondo%20articulos%20adorno.webp);
    background-position: 40% top;
}

#contenido .post-body {
    padding: 30px 0px;
}
#contenido .post-body h2 {
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin-top: -115px;
    padding-top: 125px;
    margin-bottom: 15px;
}
#contenido .post-body h2 span{    
    color: #1f2a44 !important;
    font-size: 20px;
    font-weight: 600;
}
#contenido .post-body h3 {
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 14px;
}
#contenido .post-body h4 {
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 14px;
}
#contenido .post-body h5 {
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 14px;
}
#contenido .post-body h6 {}
#contenido .post-body p {
    color: #364057;
    line-height: 1.6;
    padding-bottom: 20px;    
    text-align: left !important;
}
#contenido .post-body ol, #contenido .post-body ul {
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;
}
#contenido .post-body ul li, #contenido .post-body ol li {
    color: #364057;
    line-height: 1.6; 
    font-family: Poppins, sans-serif;
}
#contenido .post-body a {
    color: #448aff;
    text-decoration: underline;
}
#contenido .post-body img{
    padding: 10px 0px; height: auto;
}
#contenido .post-body .hs-embed-content-wrapper{
    padding:15px 0px;
}
#contenido .post-body .hs-embed-content-wrapper iframe{
    overflow: hidden;
    border-radius: 26px;
}
#contenido .post-body {}
#contenido .super{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* relacionados */
#relacionados {
    background-color: #E0EBFC;
    padding: 90px 0px 190px;
}
#relacionados h2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
}
#relacionados .post, #relacionados .post .texto {
    min-height: 270px;
}
#relacionados .slick-initialized .slick-slide {
    padding: 20px 11px;
}
#relacionados .slick-list {
    margin: 0px -11px;
    width: calc(100% + 22px);
}
#relacionados .post .texto a h3 {
    font-size: 25px;
    font-weight: 400;
}
#relacionados .flexl{
    margin-bottom: 15px;
}
#relacionados .slick-dots {
    bottom: 0px;
    text-align: right;
}

#relacionados .slick-dots li button:before {
    height: 15px;
    line-height: 15px;
    width: 15px;
}
#relacionados .slick-dots li button {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
#relacionados .slick-dots li {
    margin: 0 11px;
}

.slick-dots li button {
    background: #9CA7BA !important;
    padding: 5px !important;
    border-radius: 15px !important;
    transition: 0.3s;
}
.slick-dots li button:before { opacity: .0 !important;}
.slick-dots li.slick-active button { background: #448AFF !important;}

/* paginatio */
#pagination {
    padding: 25px 0 30px;
}
#pagination .blog-pagination{ }
#pagination .blog-pagination .pagination { 
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
#pagination .blog-pagination .pagination .active{ }
#pagination .blog-pagination .pagination .active a, 
#pagination .blog-pagination .pagination li a:hover {
    background: #448AFF;
    border-radius: 10px;
    color: #fff;
}
#pagination .blog-pagination .pagination .derecho a, 
#pagination .blog-pagination .pagination .izquerdo a {
    align-items: center;
    background: #E9F1FB;
    border: 0px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#pagination .blog-pagination .pagination li{ }
#pagination .blog-pagination .pagination li::before{ display:none; }
#pagination .blog-pagination .pagination li a {
    background: transparent;
    color: #364057;
    float: left;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 400;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 47px;
    transition: 0.3s;
    border-radius: 10px;
}
#pagination .blog-pagination .pagination li a svg path{ fill: #364057; }
#pagination .blog-pagination .pagination li a:hover svg path{ fill: #fff; }
#pagination hr { 
    background: #2A2E38;
    border: 0 solid #2A2E38;
    display: block;
    height: 1px;
    margin: 21px 0px;
    padding: 0;}

/* Articulos recomendados */
.Articulos_recomendados {
    border: #E9F1FB solid 2px;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 30px;
}
.Articulos_recomendados h3 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 30px;
}
.Articulos_recomendados .flex-conten{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
}
.Articulos_recomendados .publicacion {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}
.Articulos_recomendados .col-40 {}
.Articulos_recomendados .col-40 a { }
.Articulos_recomendados .col-40 img {
    object-fit: cover;
    width: 100%;
    height: 115px;
    border-radius: 17px;
}
.Articulos_recomendados .col-60 { }
.Articulos_recomendados .categorias.flex { }
.Articulos_recomendados .categorias.flex .categoria {
    color: #1f2a44;
    background: #e0ebfc;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 11px 18px;
    width: max-content;
}
.Articulos_recomendados h4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #364057;
    margin-top: 12px;
}
/* pastilla */
.pastilla {
    background: #1F2A44;
    border-radius: 30px;
    height: auto;
    max-width: 334px;
    padding: 43px 33px 38px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    cursor: pointer;  
    
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    
    border: #e0ebfc solid 1px;
}
.pastilla:hover {
    transform: scale(1.05);
}
.pastilla .textos{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pastilla .textos h5{
    color: #ffffff;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3;
}
.pastilla .textos h5 b{
    color: white;
}
.pastilla .textos p{
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.25;
}
.pastilla .boton{ }
.pastilla .boton button{
    font-size: 14px;
    font-family: Poppins, sans-serif;
    background: #448BFF;
    height: 33px;
    padding: 0px 20px;
    color: #ffffff;
    border-radius: 8px;
    appearance: none;
    border: 0px;
    gap: 15;
}
.pastilla .boton button:hover{ }

.Topic-Cluster{}
.Topic-Cluster a{
    font-family: Poppins, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
    color:#1F2A44;
    font-weight: 500;
}
.Topic-Cluster a:hover{ color:#448AFF; }

/* sidevar*/
.sidevar .pastilla {
    height: auto;
    margin-top: 30px;
    max-width: 100%;
    width: 100%;
    gap: 20px;
}

/* The Modal (background) */
.modal {
    background-color: rgb(22,30,46,75%);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding-top: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
/* Modal Content */
.modal-content {
    margin: auto;
    max-width: 1024px;
    padding: 0px;
    position: relative;
    width: 90%;
}
.modal-content h3{
    text-align: center;
}
.modal-content p{
   text-align: center;
   padding: 5px;
   font-size: 27px;
   font-weight: 600;
   color: #1f2a44;
}
.modal-content .form-section {
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    padding-top: 43px;
    padding-right: 56px;
    padding-bottom: 43px;
    padding-left: 56px;
    border-radius: 30px;
    margin-top: 50px;
}
.modal-content form fieldset {
    max-width: 100%;
}
.modal-content .form p{
    padding: 0px;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    margin-left: 20px;
}
.modal-content .hs-richtext p{
    padding: 20px 30px 40px;
    font-size: 15px;
}
.modal-content .hs_submit{
    text-align: center;
}

/* The Close Button */
.close {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    position: absolute;
    right: 45px;
    top: 45px;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.compartir {
    border-top: #C9CCD2 solid 1.5px;
    padding-top: 33px;
}
.compartir h4 {
    font-size: 20px;
    letter-spacing: 0px;
    margin-bottom: 20px;
}
.compartir p {
    color: #364057;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 25px;
}
.compartir .social-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12px;
    padding: 30px 0px 0px;
}
.compartir .social-buttons .btn {
    padding: 0px;
    border: 0px;
    appearance: none;
}
.compartir .social-buttons .btn img{
    transform: scale(1.0);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
}
.compartir .social-buttons .btn:hover img{
    transform: scale(1.3);
}
.compartir #link{
    opacity: 0;
    visibility: hidden;
}

#hs_cos_wrapper_cta-inline{ margin-left: 0%; }
.super .col-100.flex{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 22px;}
/** -- footer -- **/
footer.extra{
    padding-top: 145px;
    background-color: #202a44;
}
#mas-visto .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
    margin: 5px 0;
}
.pilar-home .slick-slide {
    margin: 15px 16px;
}

/* podcast */
#podcast { }
#podcast h2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}
#podcast h3 {
    color: #ffffff;
    font-weight: 500;
    font-size: 35px;
    padding: 17px 0px;
}
#podcast h3 b{
    color: #FF735C;
    font-weight: 500;
}
#podcast p {    
    color: #ffffff;
    font-size: 16px;
    font-weight: 400; 
}
#podcast .botones {
    margin-top: 40px;
}
#podcast .botones a { }
#podcast .botones a img {
    transform: scale(1.0);
    transition: 0.3s;
}

#Suscribirme-simple{}
#Suscribirme-simple form{
    max-width: 488px;
    width: 100%;
    background: #fff;
    border: #E9F1FB solid 2px;
    border-radius: 10px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}
#Suscribirme-simple .hs_email{
    width: 100%; padding: 0px 20px;
}
#Suscribirme-simple input.hs-input {
    height: 43px;
    width: 100%;
    background: #fff;
    border: 0px;
    font-size: 14px;
    font-family: Poppins, sans-serif;
    color:#364057;
}
#Suscribirme-simple input.hs-input::placeholder{ color:#868C9A; font-style: italic; }

#Suscribirme-simple .hs-button{
    background-color: #FF735C;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/flecha-blanca.svg);
    border: 0px;
    height: 43px;
    width: 177px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    transition: 0.3s;
    background-repeat: no-repeat;
    background-position-x: 84%;
    background-position-y: center;
}

#Suscribirme-simple .hs-button:hover {
    background-color: #F55723;
    background-position-x: 90%;
}

.banner-blog-list #title-txt h1 span {
    font-weight: 400;
    color: #448AFF;
}
.topic-page{
    background-color: #e0ecfd;
    padding: 50px 0px 180px;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/baner.png);
    background-position: center top;
}
.carrusel-2 .post { margin-bottom: 23px;}
.banner-blog-list-2 .banner-row-0-background-color{ 
    background-color: #e0ecfd;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/baner.png);
    background-position: top;
    background-position-y: -100px;
    background-repeat: no-repeat;
}
.banner-blog-list .banner-row-0-background-color{ 
    background-color: #e0ecfd;
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/baner.png);
    background-position: top;
    background-position-y: -100px;
    background-repeat: no-repeat;
}
.columns.fff- .row-number-4.seccion-2-row-1-margin{
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/homer-1.png);
    background-position-y: -100px;
    background-position-x: 30%;
    background-repeat: no-repeat;
}
.columns.fff- .row-number-6.seccion-2-row-2-margin{
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/home-2.png);
    background-position-y: -100px;
    background-position-x: 60%;
    background-repeat: no-repeat;
}
.columns.fff- .row-number-10.seccion-2-row-4-margin{
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/home-2.png);
    background-position-y: -100px;
    background-position-x: 60%;
    background-repeat: no-repeat;    
}
.columns.fff- .row-number-19.seccion-2-row-8-background-color{
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/homer-1.png);
    background-position-y: -100px;
    background-position-x: 30%;
    background-repeat: no-repeat;
}
#header .hs-search-field__suggestions li {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    display: block;
    font-family: Poppins, sans-serif;
    color: #364057;
    font-size: 14px;
}
.topic-page .post-ultiimos .span8 .post .texto a h3 {
    font-size: 30px;
}

.modal-content form {
  display:flex;
  flex-direction:column;
  width:100%;
} 




.modal-content #contact_form form {
    position: relative;
}
.modal-content #contact_form form h6 {
    color: #394049;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;    
    padding: 0 38px;
}
.modal-content #contact_form form fieldset.form-columns-1 .hs-form-field {
  width:100%;
}
.modal-content #contact_form form fieldset.form-columns-2 .input,
.modal-content #contact_form form fieldset.form-columns-1 .input {
  margin-right:0;
}
.modal-content #contact_form form fieldset {
  max-width: unset;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.modal-content #contact_form form p {
    font-family:Poppins,sans-serif;
    text-align: left; 
    padding-bottom: 20px; 
    letter-spacing: 0px; 
    padding-right: 0%; 
    font-size: 12px; 
    padding-top: 0;
    font-weight:400;
    color:#374151;
}
.modal-content #contact_form form .hs-richtext p {
  font-family:Poppins,sans-serif;
  font-weight:400;
  font-size:14px;
  color:1F2A44;
}
.modal-content #contact_form form .hs-form-booleancheckbox p {
  font-family:Poppins,sans-serif;
  font-weight:400;
  font-size:16px;
  color:1F2A44;
}
.modal-content #contact_form form fieldset {
    max-width:unset;
}
.modal-content #contact_form form {}
.modal-content #contact_form form input,
.modal-content #contact_form form select.hs-input,
.modal-content #contact_form form textarea {
    background-color: #f1f7fd;
    border: 2px solid #cce2f8;
    border-radius: 12px;
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    padding: 0 20px;
    transition: .3s;
    width: 100%;
    margin-top: 20px;
}
.modal-content #contact_form form textarea::placeholder {
  padding-top:10px;
  color:#1F2A44;
}
.modal-content #contact_form form input.hs-input:focus {
    opacity:0.8;
}
.modal-content #contact_form form input.hs-input::placeholder, #contact_form .modal-content form select {
    font-family:Poppins,sans-serif;
    font-size: 16px;
    font-weight:400;
    color:#1F2A44;
}
.modal-content #contact_form form label span {
    font-family:Poppins,sans-serif;
    font-size: 16px;
    font-weight:500;
    padding-bottom:10px;
    float:left;
    color:#1F2A44;
}
.modal-content #contact_form form .hs-error-msg { 
    font-size: 14px; 
    color: #ff0000; 
    margin: 10px 0 0 5px;
}
.modal-content #contact_form form .hs-form-field{ 
    margin-bottom: 20px; 
}
.modal-content #contact_form form .actions{ 
    text-align: center;
}
.modal-content #contact_form form textarea {
    width:100%;
    min-height:74px;
}
.modal-content #contact_form form select.hs-input {
    background: #F1F7FD url(//1231510.fs1.hubspotusercontent-na1.net/hubfs/1231510/andimol-new-site/forms/image.svg) no-repeat center right 10px;
    background-size:24px;
}

.modal-content #contact_form form .hs-button.primary {
    background: #FF735C;
    border-radius: 8px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    margin-top: 0px;
    padding: 0 37px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: a;
    width: fit-content !important;
    z-index: 1;
    border: 1px !important;
    border-color: transparent !important;
}
.modal-content #contact_form form .hs-button.primary:hover {
    background: #F36233 !important;
    color: #ffffff !important;
}
.modal-content #contact_form .hs-dependent-field{
    width: 100%;
}
.modal-content #contact_form form hr {
    background: #418fde;
    border: 0 solid #418fde;
    display: block;
    height: 1px;
    margin: 10px 0px;
    padding: 0;
    width: 98%;
}
.modal-content #contact_form form label.hs-form-booleancheckbox-display {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.modal-content #contact_form form .hs-form-booleancheckbox-display input[type=checkbox]:checked {
    border: 3px solid #4a5568;
    border-right: 0;
    border-top: 0;
    content: "";
    height: 26px;
    left: -10px;
    position: relative;
    top: 6px;
    width:24px;
    display:block;
}
.modal-content #contact_form form input[type=checkbox] {
    background: #f1f7fd;
    border: 2px solid #cce2f8;
    border-radius: 8px;
    color: #1f2a44;
    cursor: pointer;
    height: 26px;
    margin-left: 10px;
    width: 24px !important;
}
.modal-content #contact_form form ul.inputs-list {
  
  padding:0;
}
.modal-content #contact_form form ul.inputs-list li {
  display:flex;
}
.modal-content #contact_form form ul.inputs-list li span {
  padding:0;
}
.modal-content #contact_form form ul.inputs-list li::marker {
  display:none;
}
.modal-content #contact_form form .form-columns-2 {
  display:flex;
  gap:14px;
} 

#hs_cos_wrapper_post_body #hs_cos_wrapper_suscribe-embed{ display:none !important; }

.buscar .topic-page .hs-search-field--open .hs-search-field__suggestions {
    background: #fff;
    border: 1px solid #e9f1fb;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1;
}
.buscar .topic-page .hs-search-field__suggestions a {
    display: block;
    font-family: Poppins, sans-serif;
    color: #364057;
    font-size: 14px;
    font-weight: 400;
}
.buscar .topic-page .hs-search-field__suggestions li {
    color: #364057;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 0;
}

.buscar .hs-search-highlight {
    color: #448AFF;
}
.buscar .col-100.titulo.ajuste {
    margin-bottom: 75px;
}
.buscar .hs-search-results__description .hs-search-highlight {
    color: #364057;
    font-weight: 400;
}
.buscar .hs-search-results__featured-image img{
    width: 100%;
    height: 382px;
    object-fit: cover;
}
.buscar .hs-search-results__title {
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 16px;
    transition: 0.3s;
}

.buscar .hs-search-results__description {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
    color: #364057;
    font-weight: 400;
}
.buscar .hs-search-results .col-60{
    background-color: #fff;
    padding: 37px 70px 39px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 382px;
}
.buscar .hs-search-results__listing li {
    border: 2px solid #e9f1fb;
    border-radius: 26px;
    overflow: hidden;
    background-color: #fff;   
    position: relative;
    transition: 0.3s;
}
.buscar .hs-search-results__listing li:hover {

}
.buscar .hs-search-results__listing li:hover .hs-search-results__title {
    color: #448aff;
}
.buscar .contenedor-principal{
    width: 100%;
    height: auto;
    display: block;
}
.buscar .hs-search-results__listing {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.buscar .topic-page {
    padding: 50px 0 344px;
}
.buscar .sobreponer {
    position: relative;
    margin-top: -266px !important;
}
.buscar .topic-page .hs-search-field__input {
    background: #fff;
    border: 8px;
    border-radius: 8px 0 0 8px;
    color: #364057;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: 43px;
    max-width: 100%;
    padding: 0 15px;
    width: calc(100% - 177px);
}
.buscar .topic-page .hs-search-field__input::placeholder {
 color:#364057; font-style: italic;  
}
.buscar .topic-page .hs-search-field form {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 8px;
    background-color: white;
    border-radius: 10px;
}
.buscar .topic-page .hs-search-field button {
    background: #448aff;
    border: 0;
    border-radius: 8px 8px;
    height: 43px;
    width: 177px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    padding: 0px 30px;
    transition: 0.3s;
}
.buscar .topic-page .hs-search-field button:hover {
    background: #3574e0;
}
.buscar .topic-page .hs-search-field__bar button svg {
    height: 14px;
}
.buscar .hs-search-results__pagination {
    padding: 70px 0;
    width: 100%;
    float: left;
}

.buscar .hs-search-results__next-page { }
.buscar .hs-search-results__prev-page { }

.buscar .hs-search-results__next-page, 
.buscar .hs-search-results__prev-page {
    font-family: Poppins, sans-serif;
    font-size: 23px;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
    background-color: #E9F1FB;
    padding: 13px 26px;
    border-radius: 9px;
    color:#364057;transition: 0.3s;
}
.buscar .hs-search-results__next-page:hover, 
.buscar .hs-search-results__prev-page:hover {
    color:#fff;
    background-color: #448AFF;
}
.buscar .hs-search-results__title:hover {
    color: #448AFF; 
 }

.buscar .cuerpo {
    background-image: url(https://2081075.fs1.hubspotusercontent-na1.net/hubfs/2081075/raw_assets/public/Nubox%20-%20W%20-%202024/Blog/imagen/fondo-post.png);
    background-position: 40% -610px;
}

#hs_cos_wrapper_cta-sidebar-tofu.py-24.overflow-hidden {
    padding-bottom: 0px;
    padding-top: 0px;
    overflow: unset !important;
}
#Suscribirme h6{
    color: #1f2a44;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

.sidevar .Cta-hubspot{
    margin-bottom: 30px;
}
/** Propiedades para Mobile **/
@media screen and (max-width : 765px) and (min-width : 300px) {
#banner-post .boxer{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
    
.post .texto .link-autor, .post .texto .clock {
    width: 100%;
}

 main {
        padding-top: 82px;
    } 
#Suscribirme-sobre-puesto {
    background-color: #ffffff;
}
#Suscribirme-sobre-puesto #Suscribirme {
        margin-bottom: -360px;
    } 
    
#progress-bar.header {
    top: 91px !important;
} 
#progress-bar .progress-bar {
    height: 3px;
}    
.buscar .hs-search-results__featured-image img {
    height: 178px;
}    
.buscar .hs-search-results .col-60 {
    padding: 30px 25px 39px; height: auto;
}  
.buscar .hs-search-results__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}  
.buscar .hs-search-results__description {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}   
.buscar .sobreponer {
    padding: 0px 8%;
} 
.buscar .breadcrumb {
    margin-bottom: 40px;
    padding: 0 8%;
}    
.buscar .col-100.titulo.ajuste {
    margin-bottom: 15px;
}
.buscar .col-100.flex {
    padding: 0px 8%;
}   
.buscar .topic-page {
    padding: 35px 0 240px;
}   
.buscar .sobreponer {
    margin-top: -205px !important;
    position: relative;
}  
.buscar .hs-search-results__next-page, .buscar .hs-search-results__prev-page {
     font-size: 12px;
     padding: 10px 17px;
}   
.buscar .hs-search-results__pagination {
    padding: 50px 0 70px;
    width: 100%;
}
.buscar .topic-page .hs-search-field button {
    padding: 0 14px;
    width: 122px;
}
.buscar .topic-page .hs-search-field__input {
    padding: 0 15px;
    width: calc(100% - 122px);
}  
.buscar #Suscribirme-sobre-puesto #Suscribirme {
    margin-top: 0px;
}    
main .boxer {
    margin: 0 0% !important;
    width: 100%;
} 
.post-ultiimos {
        margin: 0 8%;
        width: 84%;
        margin-top: 20px;
    }
.post-ultiimos .span8 .post .texto a h3,
.post-ultiimos .span4 .post .texto a h3 {
    font-size: 22px;
} 
.post-ultiimos .span4{
display:none;
    } 
.topic-page{ 
    padding: 30px 0px 780px;
}
.topic-pag #post {
    margin: 0px 8%;
    width: 84%;
    position: relative;
    margin-top: -780px;
} 
.topic-pag #Suscribirme {
        margin-bottom: -360px;
    }   
    
.banner-blog-list #title-txt h1 {
        font-size: 40px !important;
}
.banner-blog-list #title-txt p {
        font-size: 16px !important;
    }    
#Suscribirme-simple .hs-button {
    background-position-x: 89%;
    font-size: 14px;
    height: 43px;
    width: 131px;
}
#Suscribirme-simple .hs-button:hover {
    background-color: #3574e0;
    background-position-x: 92%;
}
#blog-botones .span7 .cont .semi-post h3 {
    width: 88%;
    line-height: 25px;
}  
#blog-botones .span7 .cont .semi-post {
    border-radius: 15px;
}  
#blog-botones .span5 p {
    margin-bottom: 20px;
}  
#blog-botones .span7 .slick-list {
    padding-top: 20px;
    padding-bottom: 25px;
}
#blog-botones .span5 {
    padding: 0px 8%;
}
    
#blog-botones .slick-dots li, 
#contenido-detacado .slick-dots li,
#mas-visto .slick-dots li, 
.post-personalisados .slick-dots li,
#Recursos-home .slick-dots li,
#Casos-de-exito .slick-dots li {
    margin: 0 10px;
} 
 

#blog-botones .slick-dots li, 
#blog-botones .slick-dots li button,
#contenido-detacado .slick-dots li,     
#contenido-detacado .slick-dots li button,
#mas-visto .slick-dots li,
#mas-visto .slick-dots li button,
.post-personalisados .slick-dots li,
.post-personalisados .slick-dots li button,
#Recursos-home .slick-dots li,
#Recursos-home .slick-dots li button,
#Casos-de-exito .slick-dots li, 
#Casos-de-exito .slick-dots li button {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
 
    
#blog-botones .slick-dots li button:before,
#contenido-detacado .slick-dots li button:before,
#mas-visto .slick-dots li button:before,
.post-personalisados .slick-dots li button:before,
#Recursos-home .slick-dots li button:before,
#Casos-de-exito .slick-dots li button:before {
    height: 15px;
    line-height: 15px;
    width: 15px;
}    
 
#podcast h2, #podcast h3, #podcast p {
    text-align: center;
}    
#podcast h2 {
    font-size: 18px;
}
#podcast h3 {
    font-size: 25px;
}
#podcast .botones a img {
    width: 147px;
} 
#podcast .botones {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}    
#podcast p br { display:none; } 
.row-number-15 .span1{ display:none; }   

#Casos-de-exito .info h2 {
    font-size: 18px;
    text-align: center;
}    
#Casos-de-exito .info h3 {
    font-size: 27px;
    padding: 15px 0% 15px 0;
    text-align: center;
    line-height: 35px;
}
#Casos-de-exito .info p {
    font-size: 18px;
    padding: 0 0% 40px 0;
    text-align: center;
    line-height: 20px;
}
#Casos-de-exito .info{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 50px;
    padding: 0px 8% 50px;
} 
    
#Casos-de-exito .slick-slide.slick-cloned{
    opacity: 60%; 
} 
    
#Casos-de-exito .slick-slide.slick-active.slick-center {
    transform: scale(0.9) !important; 
    opacity: 100% !important;
}  
    
#Casos-de-exito .slick-slide { 
    transform: scale(0.9) !important;
    opacity: 0% ;
    box-shadow: 7px 7px 13px rgb(0 0 0 / 5%);
    margin-bottom: 13px;
    border-radius: 26px;
}    
#Casos-de-exito .slick-slide.slick-current.slick-center {    
    transform: scale(0.9) !important; 
    opacity: 100% !important;
}
#Casos-de-exito .slick-slide .caso{
    border-radius: 26px;
    }    
#Casos-de-exito .slick-slider .slick-list{
    padding: 0px 80px 20px 5% !important;
}
#Recursos-home .slick-track {
    gap: 0px;
}
#Recursos-home .slick-slider .slick-list{
    padding: 0px 80px 20px 5% !important;
}
#Recursos-home .titulo{
    padding: 0px 8%;
} 
    
#blog-botones .slick-slider .slick-list{
    padding: 0px 80px 20px 30px !important;
}  
    
#mas-visto .slick-slider .slick-list{
    padding: 0px 80px 20px 6% !important;
}
#mas-visto .titulo{
    padding: 0px 8% !important;
}
#mas-visto .post {
        margin: 0 10px;
        min-height: 200px;
        width: calc(100% - 20px);
} 
    
.pilar-home .titulo {
    padding: 0px 8%;
} 
.pilar-home .post-ultiimos {
    padding: 0px 0%; 
} 
.pilar-home .slick-slider .slick-list{
    padding: 0px 80px 20px 5% !important;
} 
.pilar-home .boton {
    text-align: right;
    padding: 0px 8%;
}
    
#contenido-detacado .contenido .span7 .post .imagen {
    height: auto;
} 
#contenido-detacado .contenido .span7 .post .imagen img {
    height: 178px;
}
#contenido-detacado .contenido .span7 .post .texto {
    min-height: auto;
    padding: 24px 21px 31px;
}
#contenido-detacado .contenido .span7 .post .texto a h3 {
    color: #1f2a44;
    font-size: 22px;
    font-weight: 400;
    min-height: auto;
    margin-bottom: 10px;
}
#contenido-detacado .contenido .span7 .post .centro-v {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
}
#contenido-detacado .contenido .span7 .post {
    min-height: auto;
}  
#contenido-detacado .contenido .span7 .post .categorias.flex {
    left: 18px;
}  
#contenido-detacado .titulo{
    padding:0px 8%;
} 
#contenido-detacado .contenido .span7{
    padding:0px 8%;
}    
#contenido-detacado .slick-slider .slick-list{
    padding: 0px 80px 20px 6% !important;
}     
#contenido-detacado .contenido .span5 .post .texto a h3 {
    font-size: 18px;
    font-weight: 500;
    min-height: auto;
}
#contenido-detacado .contenido .span5 .post {
    min-height: 289px;
    margin: 0px 10px;
    width: calc(100% - 20px);
}  
#contenido-detacado .contenido .span5 .post .texto {
    min-height: 289px;
    padding: 25px 20px 30px;
}
    
#contenido .super {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
.pilar-home .span8 .post .texto a h3, 
.pilar-home .span4 .post .texto a h3 {
    font-size: 22px;
}    
.pilar-home .span4 .post .texto a h3 {
    font-weight: 400;
    min-height: auto;
}  
.pilar-home .span4 .post .categorias.flex {
    left: auto;
} 
#Suscribirme {
        margin-left: 8%;
        margin-right: 8%;
        width: 84%;
    } 
.pilar-home .post-personalisados .slick-list {
    margin: 0px;
    width: calc(100% + 0px);
}
.col-100.titulo.ajuste {
        margin-bottom: 0px;
        padding: 0 8%;
    }   
.breadcrumb {
        margin-bottom: 50px;
        padding: 0px 8%;
    }
    
.col-100.titulo.ajuste h1 {
        font-size: 25px !important;
        font-weight: 500;
    }
#blog .titulo {
    margin-bottom: 22px;
}
#blog .titulo h2 {
        font-size: 25px;
    }
#blog {
    margin-top: 0px !important;
}

#banner-post .boxer, #contenido .boxer  {
        width: 300px;
        margin: 0 auto !important;
    }
#banner-post .boxer .breadcrumb {
        margin-bottom: 40px;
        padding: 0 0%;
    }   
#contenido .post-body .hs-embed-content-wrapper iframe {
    border-radius: 8px;
}
.Articulos_recomendados .col-40 img {
    height: 100px;
    width: 90px;
}
  
.sidevar .pastilla {
    height: auto;
    margin-top: 0px;
    max-width: 100%;
    width: 100%;
    gap: 10px;
}
  
.pastilla {
    padding: 35px 30px 35px;
}
    
.Articulos_recomendados .categorias.flex .categoria {
    font-size: 10px; 
    padding: 8px 10px;
} 
.Articulos_recomendados h3 {
    font-size: 18px;
}
.super .col-100.flex {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 22px;
    justify-content: flex-start;
}
    
#banner-post h1{
    font-size: 32px !important;
    line-height: 1.25;
}  
  
#banner-post .centro-v .link-autor {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
  
#banner-post .clock p {
    font-size: 14px; } 
  
#banner-post .span6.imagen img {
    height: 290px;}
  
.pastilla.Personalizado3 .textos h5 {
        font-size: 20px !important;
    }  
  
.pastilla.Personalizado3 .textos p {
    font-size: 16px;
}
  
.pastilla.Personalizado5 {
    padding: 30px;
    border-radius: 30px;
}
  
#banner-post {
        padding: 30px 0 0;
        margin-bottom: 203px;
    }  
#banner-post .span6.imagen {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        margin-bottom: -50%;
}
    
#banner-post .categorias {
    margin-bottom: 0px; margin-top: 12px;
}    
#banner-post .categorias a.categoria {
    background: #E9EFFC;
}
.font-control {
    width: 44px !important;
    height: 44px !important;}
.font-controls {
    padding-bottom: 30px !important;

}    
.table-of-contents {
    padding: 25px 20px;
}    
.table-of-contents a { font-size: 14px; }
.table-of-contents ul li::marker { font-size: 14px; }
.compartir p br { display: none; } 
#relacionados {
    display: none;
} 
#relacionados h2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
}
#contenido .super .sidevar{
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    margin-bottom: 190px;
}
.banner-row-0-background-color {
    float: left;
    width: 100%;
}    
.col-100.pilar-home.nivel-2{
    margin-top: 20px;
}
    
.span8 .post .imagen {
    height: 178px;
}    
.span8 .post .imagen img {
    height: 178px;
}
.span8 .post .categorias.flex {
        position: absolute;
        top: 23px;
    } 
.span8 .post{
position: relative;        
    } 
.pilar-home.nivel-2 .post .texto a h3 {
    font-size: 22px !important;
    min-height: 71px;
}
.span8 .post .nombre-post {
    min-height: auto;
}
.span8 .post .texto {
    min-height: auto;
}  
.post {
    min-height: auto;
} 
#post .post .imagen, 
#post .post .imagen img {
    height: 256px;
    display: none;
}   
#post .categorias.flex {
    left: 0px;
    position: relative;
    row-gap: 8px;
    top: 0px;
}
#post .post .texto a h3 {
    font-size: 18px; 
    min-height: auto;
}   
.post  .centro-v {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    gap: 13px;
}  
.span4 .post .imagen img {
    height: 178px;
}    
.span4 .post .imagen {
    height: 178px;
} 
.slick-list {
    overflow: visible;
}
#contenido-detacado .slick-track {
    display: block;}
#mas-visto .span4 .slick-track {
    display: block;}    
#blog-botones {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}   
#contenido-detacado .contenido {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}  
#contenido-detacado .contenido .slick-initialized .slick-slide {

} 
.pilar-home .post-personalisados {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}    
#Casos-de-exito {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
} 
#Casos-de-exito .caso {
    border: 2px solid #e9f1fb;
    border-left: 2px solid #e9f1fb;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    padding: 27px 30px 27px 30px;
}   
#Casos-de-exito .caso .texto {
    width: calc(100% - 0px);
} 
    
.columns .row-fluid-wrapper .row-fluid .span12.widget-span.widget-type-cell {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
} 
#Suscribirme {
    margin-bottom: -400px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
} 
#Suscribirme .span5 h2 {
    padding-bottom: 20px;
    padding-right: 0%;
    font-size: 27px;
    text-align: center;
}
#Suscribirme .span5 p {
    padding-right: 0%;
    text-align: center;
} 
#Suscribirme .actions{
    text-align: center;
} 
    
footer.extra {
    padding-top: 360px;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 40px;
}  
#blog.por-defecto{ padding: 0px 8%; }
.col-100.pilar-home.nivel-2 .post-ultiimos {
        padding: 0 0%;
    }
    
.post .imagen img { height: 156px;} 
.post .imagen { height: 156px;} 
.post .texto .clock p { font-size: 14px;}
.post .texto .autor { font-size: 14px;} 
.post .texto { min-height: 185px; padding: 17px 20px 24px;}    
.categorias a.categoria { font-size: 12px ;}
.post .texto a h3 { font-size: 16px;}
    
}