body {
    font-family: 'Poppins', sans-serif;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  canvas {
  pointer-events: none;
}

  .t-presto-brand {
    color: #6BC129;
  }
   
  
  h2 {
    font-weight: 700;
    color: #6BC129;
  }
  
  .card-title {
    color: #6BC129;
    font-weight: 600;
  }
  
  .titulo-con-barra {
    position: relative;
    font-weight: bold;
    padding-left: 20px;
    color: #6BC129; /* color de Bootstrap primary */
    font-family: 'Poppins', sans-serif;
  }
  
  .titulo-con-barra::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 80%;
    background-color: #6BC129;
    border-radius: 5px;
  }
  
  .titulo-con-barra2 {
    display: inline-block;  /* Hace que el título se comporte como un bloque en línea */
    border-left: 5px solid #6BC129; /* Barra de color */
    padding-left: 15px;
    font-weight: bold;
    text-align: center;  /* Centra el texto */
    margin: 0 auto;  /* Asegura que el bloque se centre horizontalmente */
  }


.icono-verde {
  font-size: 60px;
  color: #6BC129;
  margin-bottom: 1rem; /* Equivale a mb-3 de Bootstrap */
}


  .btn-presto {
    background-color: #6BC129;
    border-color: #6BC129;
    color: white;
  }
  
  .btn-presto:hover {
    background-color: #5aae22; /* un tono más oscuro al pasar el mouse */
    border-color: #5aae22;
  }

  .bg-presto {
    background-color: #6BC129 !important;
  }

  .accordion-button {
    position: relative;
    padding-right: 3rem; /* espacio para el ícono a la derecha */
  }

    .faq-icon-circle {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-color: #6BC129;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    font-family: sans-serif;
  }


  /* Color cuando el acordeón está abierto */
  .accordion-button:not(.collapsed) {
    background-color: #6BC129;
    color: white;
  }

  .accordion-button:not(.collapsed) .faq-icon-circle {
        background-color: white;
    color: #6BC129;
  }

  .accordion-button::after {
  display: none;
}



.pdf-viewer-container {
  width: 80%;               /* Cambia el ancho a algo menor, por ejemplo 80% */
  max-width: 700px;         /* Para limitarlo aún más en pantallas grandes */
  margin: 0 auto;           /* Esto lo centra horizontalmente */
  max-height: 600px;
  overflow: auto;
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  text-align: center;
}


#pdf-canvas {
    max-width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}   

/* Estilo para el botón de WhatsApp flotante */
.whatsapp-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background-color: #25d366;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
  }
  
  .whatsapp-btn:hover {
    background-color: #128c7e;
  }
  
  /* Estilo del icono de WhatsApp */
  .whatsapp-icon {
    color: white;
    font-size: 30px; /* Ajusta el tamaño del icono */
  }

  .hero-section-inicio {
    background-image: url('../img/inicio.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px; /* Ajusta la altura al gusto */
    overflow: hidden;
  }
  
  .hero-section-inicio .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    z-index: 1;
  }
  
  .hero-section-inicio .container {
    z-index: 2;
  } 

  .hero-section-personal {
    background-image: url('../img/personal.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px; /* Ajusta la altura al gusto */
    overflow: hidden;
  }
  
  .hero-section-personal .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    z-index: 1;
  }
  
  .hero-section-personal .container {
    z-index: 2;
  }


  .hero-section-comercial {
    background-image: url('../img/comercial.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px; /* Ajusta la altura al gusto */
    overflow: hidden;
  }
  
  .hero-section-comercial .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    z-index: 1;
  }
  
  .hero-section-comercial .container {
    z-index: 2;
  }
  

  .hero-section-moto {
    background-image: url('../img/moto.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px; /* Ajusta la altura al gusto */
    overflow: hidden;
  }
  
  .hero-section-moto .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    z-index: 1;
  }
  
  .hero-section-moto .container {
    z-index: 2;
  }
  

  
  .hero-section-educacion {
    background-image: url('../img/educacion.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px; /* Ajusta la altura al gusto */
    overflow: hidden;
  }
  
  .hero-section-educacion .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
    z-index: 1;
  }
  
  .hero-section-educacion .container {
    z-index: 2;
  }