/* Nuevas clases boostrap */

.card:hover{
    transform: scale(1.03);
    transition-duration: 0.5s;
}

.border-left-primary {
    border-left: 0.25rem solid #3384C6 !important;
}

.border-left-orange {
    border-left: 0.25rem solid #E95A27 !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a!important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e!important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc!important;
}

.border-left-danger {
    border-left: 0.25rem solid #e74a3b!important;
}

.text-orange {
    color: #ec6d32;
  }
  
.bg-orange {
    background-color: #ec6d32 !important;
}

.btn-orange {
    background-color: #ec6d32; /* Color naranja */
    color: white; /* Color del texto */
    border: none; /* Sin borde */
    padding: 0.375rem 0.75rem; /* Espaciado interno */
    font-size: 1rem; /* Tamaño de fuente */
    line-height: 1.5; /* Altura de línea */
    border-radius: 0.25rem; /* Bordes redondeados */
    cursor: pointer; /* Cursor de mano */
    transition: background-color 0.15s ease-in-out; /* Transición suave */
}

.btn-orange:hover {
    background-color: #e75d1d; /* Color de fondo al pasar el ratón */
    color: white; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
}

.btn-orange:focus {
    outline: none; /* Sin contorno */
    box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.5); /* Sombra en el enfoque */
    color: white; /* Color del texto */
}

.btn-orange:active {
    background-color: #d55c2e !important; /* Color de fondo al hacer clic */
    color: white !important; /* Color del texto al hacer clic */
}

.btn-outline-orange {
  color: #d55c2e; /* naranja */
  border: 1px solid #d55c2e;
  background-color: transparent;
}

.btn-outline-orange:hover {
  color: #fff;
  background-color: #d55c2e;
  border-color: #d55c2e;
}


/* Custom style */
.text-justify {
    text-align: justify;
}

.text-title {
  font-size: clamp(1.2rem, 2vw, 2rem);
}

.text-subtitle {
  font-size: clamp(1rem, 2vw, 1.5rem);
}

.text-fluid {
  font-size: clamp(0.95rem, 2vw, 1.8rem);
}

.text-card-desc {
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.55;
}

/* reCAPTCHA badge - elevar sobre el botón scroll-top */
.grecaptcha-badge {
  bottom: 70px !important;
}