/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.3.1723154119
Updated: 2024-08-08 23:55:19

*/



@charset "UTF-8";


@font-face {
  font-family: 'Poppins Regular'; 
  src: url("fonts/poppins/Poppins-Regular.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Poppins Medium'; 
  src: url("fonts/poppins/Poppins-Medium.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Poppins Light'; 
  src: url("fonts/poppins/Poppins-Light.ttf") format("truetype"); 
}



@font-face {
  font-family: 'Poppins ExtraLight'; 
  src: url("fonts/poppins/Poppins-ExtraLight.ttf") format("truetype"); 
}



@font-face {
  font-family: 'Poppins Bold'; 
  src: url("fonts/poppins/Poppins-Bold.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Poppins SemiBold'; 
  src: url("fonts/poppins/Poppins-SemiBold.ttf") format("truetype"); 
}

@font-face {
  font-family: 'Poppins Italic'; 
  src: url("fonts/poppins/Poppins-Italic.ttf") format("truetype"); 
}

@font-face {
font-family: "Overpass Semibold";
src: url("./fonts/overpass/overpass-semibold.otf") format("opentype");
}


h2{
  font-family: 'Poppins Bold', Arial; 

}

.texto-olvidate{
  font-family: 'Poppins Bold' !important; 
  font-size: 2.2rem !important;
}

.subcaja-olas{
  padding-top: 210px;
  padding-bottom: 200px;
  padding-left: 30px;
  padding-right: 30px;
  color:#ffffff;
  max-width: 991px !important;
}

.subcaja-olas img{
  max-width: 130px;
}

.bajada-icono {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Poppins Bold' !important; 
}

.espaciador-olas{
  display: none;
}

@media (max-width: 991px) {
.espaciador-olas{
  display: block;
}
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2.8rem !important;
  }
}

@media (max-width: 768px) {
.separador-md{
 display: none;
}
}



p{
  font-family: 'Poppins Light', Arial; 
  text-align: justify !important;
}


.caja-olas{
  width: 100% !important;
  min-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-top: -110px !important;
  z-index: 99999;
  position: relative;
margin-bottom: 0px !important;
 
}


.olvida-iconos p{
  text-align: center !important;
  font-family: 'Poppins SemiBold', Arial; 
}

.guten-K0Z9hU{
  margin-top: -30px !important;
}



@media (max-width: 768px) {
  .subcaja-olas img{
    max-width: 80px !important;
  }

  .bajada-icono{
   font-size: 14px !important;
   max-width: 100% !important;
  }

  .caja-conozcamos{
    margin: 0px !important;
  }
  .caja-conozcamos p, .titulo-conozcamos{
    padding-left: 20px !important;
  }

  .titulo-conozcamos{
    margin-top: 0px !important;
  }

  .subcaja-olas{
    padding-top: 100px;
  }

  .texto-olvidate{
    font-size: 1.8rem !important;
  }
}




.site-header {
    padding-top: 0px !important;
  }

  .site-header {
    padding-bottom: 0px !important;
  }


  .site-branding {
    margin-top: 0px !important;
  }

  @media only screen and (min-width: 482px) {
    .site-branding {
      margin-top: 0px !important;
    }


  }

@media only screen and (min-width: 822px) {
    .site-header {
      padding-top: 0px !important;
    }
  }


  @media only screen and (min-width: 482px) {
    .site-header {
      padding-bottom: 0px !important;
    }
  }




  .site-main{
    padding-top: 0px !important;
  }


  .custom-logo{
    max-width: 200px !important;
     
  }


  .site-logo{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }


  #primary-menu-list li a{
    font-family: 'Poppins Medium'; 
    font-size: 14px !important;
    color:#000000 !important;
  }





  #masthead{
    position: fixed;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
    max-width: 100% !important;
    background-color: #ffffff;
    max-height: 140px !important;
    z-index: 99999999;
  
 
  
  
  }


  .contenedor-menu{
    width       : 991px;
    max-width   : 991px; 
    margin-left : auto; 
    margin-right: auto; 
    max-width: 100%;
  }



.contenedor-logo{
  float:left;
  margin-right:90px;
}


.primary-menu-container{
  margin-top: 20px;
}


.primary-navigation > div > .menu-wrapper{
  justify-content: flex-end !important;
}


.btn-primary {
  background-color: #6f019e !important;  /* Nuevo color de fondo */
  border-color: #6f019e !important;     /* Nuevo color de borde */
  font-family: 'Poppins SemiBold' !important;
  color:#ffffff !important;
  font-size: 12px !important;
}

/* Cambiar los colores cuando el botón está activo o enfocado */
.btn-primary:focus, 
.btn-primary:hover {
  background-color: #6f019e !important;  /* Color cuando se pasa el ratón */
  border-color: #6f019e !important;      /* Color del borde cuando se pasa el ratón */
  color:#ffffff !important;
}

/* Colores del botón cuando se hace clic (active) */
.btn-primary:active {
  background-color: #6f019e !important;  /* Color cuando el botón está activo */
  border-color: #6f019e !important;      /* Color del borde cuando está activo */
  color:#ffffff !important;
}



.separador-header{
  width: 100%;
  height: 127px;
}


@media only screen and (max-width: 991px) {
  .primary-navigation-open .primary-navigation > .primary-menu-container {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  border: 2px solid transparent;
  }
  .primary-navigation > div > .menu-wrapper {
  padding-bottom: 100px;
  padding-left: 0;
  }
  .primary-navigation-open .primary-navigation {
  width: 100%;
  position: fixed;
  }
  .menu-button-container {
  display: block;
  }
  .primary-navigation > .primary-menu-container {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
  padding-left: var(--global--spacing-unit);
  padding-right: var(--global--spacing-unit);
  padding-bottom: var(--global--spacing-horizontal);
  background-color: var(--global--color-background);
  transition: all 0.15s ease-in-out;
  transform: translateY(var(--global--spacing-vertical));
  }
  .primary-navigation > div > .menu-wrapper li {
  display: block;
  position: relative;
  width: 100%;
  }

.menu-item-148{
  margin-bottom: 15px !important;
  margin-left: 10px !important;
}

.menu-item-51{
  margin-left: 10px !important;
}

  }




  .item-llamanos {
    background-color: #519cb7;
    color:#ffffff;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 20px;
    text-align: center;
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    position: absolute;
    margin-right: 10px;
    z-index: 999999999;
    position:fixed;
    font-size: 12px;
    right: 220px;
    margin-top: 10px;
  }

  .item-llamanos a{
    color:#ffffff;
    text-decoration: none;
  }

  @media only screen and (max-width: 1500px) {
    .item-llamanos {
      right: 20px !important;
    }
  }



  @media only screen and (max-width: 1150px) {
    .item-llamanos {
    margin-top: 90px !important;
    }
  }


  .section-wrapper{
    max-width: 100% !important;
  }


  .padding0{
    padding-top: 0px !important;
  }


  .entry-header{
    display: none !important;
  }






.joinchat{
  z-index: 99999999 !important;
  }
  
  .sociales{
    position: fixed;
    z-index: 999999999;
    right: 1px;
    top:35%;
  
  }
  
  .item-social{
    background-color: #001f44;
    padding: 8px 6px 8px 8px;
    margin-bottom: 6px;
    border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  }
  
  .item-social:hover{
    background-color: #8ddcfc;
    
  }
  
  .n2-ss-item-content p a{
    color: #001f44 !important;
  }
  
  
  .n2-ss-button-container a:hover{
    background-color: #8ddcfc !important;
    
  }
  
  
  .sociales .fa-brands{
    color: #ffffff;
    font-size:32px;
   
  }

  .icon-transforma  {
   text-align: center !important;
   margin-left: auto;
   margin-right: auto;
  }


  .icon-transforma img{
    width: 90px !important;
    margin-top: 200px;
  }


  @media (max-width: 768px) {
    .icon-transforma img{
      width: 60px !important;
    }
  }


  .caja-3-simples-pasos{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    min-height: 100px !important;
    margin-top: -10px !important;
    padding-bottom: 250px !important;
    text-align: center;
    background-position: bottom;
  }


  .titulo-3simplespasos{
    font-family: 'Poppins SemiBold' !important; 

  }

  .caja-3pasos-2{
    max-width: 991px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .caja-3pasos-2 img{
    height: 110px;
    width: auto;
    margin-top: -50px;
  }

  .numero-1 img{
    height: 114px;
    width: auto;
  }

  .caja-redondeada{
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
  }

  .caja-redondeada h5{
    font-size: 16px;
    font-family: 'Poppins SemiBold' !important; 
  }

  .caja-redondeada p{
    text-align: center !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .btn-solicita-demo{
    border-radius: 24px 24px 24px 24px !important; 
-webkit-border-radius: 24px 24px 24px 24px !important; 
-moz-border-radius: 24px 24px 24px 24px !important; 
padding-left: 22px !important;
padding-right: 22px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
margin-top: 20px;
background-color: #ffffff !important;
color: #181d23 !important;
border-color: #ffffff !important;

  }


  .sp-lc-button-next, .sp-lc-button-prev{
    display: none !important;
  }

  #sp-logo-carousel-id-171{
    padding-top: 00px !important;
  }


  div#logo-carousel-free-171.logo-carousel-free .sp-lc-logo{
    border:0px !important;
  }


  .titulo-nuestros-clientes{
    margin-top: -20px !important;
  }




  @media (max-width: 768px) {
    .titulo-nuestros-clientes{
      margin-top: -70px !important;
    }
  }


  .texto-morado{
    color: #750ac7;
    margin-bottom: 0px !important;
  }

  .fondo-test{
    background-position: bottom !important;
  }


 .pp_pic_holder{
  z-index: 99999999 !important;
 }

 .video_lightbox_anchor_image{
  width: 70px;
  height: auto;
 }


 footer h5{
  margin-bottom: 6px !important;
  font-size: 14px !important;
  font-family: 'Poppins SemiBold'; 
 }

 .rt-tpg-container{
  width: auto;
  max-width: 991px !important;
 }


 .post-meta-user, .tpg-widget-heading-wrapper, .entry-footer{
  display: none !important;
 }


 .titulo-numeros{
  margin-bottom: 10px !important;
 }


 footer h5 a{
  color:#ffffff;
  text-decoration: none;
 }


 footer h5 a:hover{
  color:#ffffff;
  text-decoration: none;
 }

 .tpg-excerpt{
  text-align: justify !important;
}
 

 @media (max-width: 576px) {

  .rt-detail h3{
    font-size: 18px !important;
  }

  .tpg-excerpt{
    font-size: 14px !important;
  }
 

}


.post-meta .read-more a{
  background-color: #6f019e !important;
  border-color: #6f019e !important;
  color: #ffffff !important;
  font-family: "Poppins SemiBold";
  border-radius: var(--bs-border-radius-xxl) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}