/* Estilo de las tarjetas para que tengan el mismo tamaño */
.cobranza-judicial .card {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Ajustar el margen y el tamaño de los elementos en el proceso judicial */
.cobranza-judicial .card-body h4 {
    font-size: 1.5rem;
    color: #003f88;
}

.cobranza-judicial .card-body p {
    font-size: 1rem;
    color: #333;
}

.cobranza-judicial .card-body {
    padding: 20px;
}

/* Ajuste de la imagen para que sea más grande */
.abogados img {
    width: 130%; /* Aumenta el ancho al 100% del contenedor */
    max-width: 500px; /* Define un tamaño máximo para que no sea demasiado grande */
    margin-right: 10px; /* Reduce la distancia a la derecha */
    float: left; /* Hace que el texto fluya alrededor de la imagen */
    margin-bottom: 1rem; /* Ajusta la distancia inferior entre la imagen y el texto */
}

/* Ajuste del contenedor de texto para que esté más cerca de la imagen */
.abogados .col-md-6 {
    flex: 1; /* Asegura que el contenedor de texto se ajuste al tamaño restante */
    margin-left: 5px; /* Agrega margen a la izquierda para separar el texto de la imagen */
}

/* Ajuste general para mantener los textos y las imágenes juntos */
.row {
    align-items: center; /* Asegura que los elementos de la fila estén alineados verticalmente */
    margin-bottom: 1.5rem; /* Reduce el espacio entre las secciones */
}

.abogados img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
}
/* Efecto de hover en las tarjetas */
.card {
    
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transición para suavizar el efecto */
}

.card:hover {
    transform: translateY(-10px); /* Hace que la tarjeta se eleve ligeramente */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Añade una sombra alrededor de la tarjeta */
}

/* Ajuste de margen en la sección de abogados */
.abogados {
    margin-bottom: 2rem; /* Ajusta el margen inferior si es necesario */
}
/* Centrar el texto del equipo legal */

.abogados h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000881;
}

.abogados h3 {
    font-size: 1.5rem;
    margin-top: 20px;
    color: #000881;
}

.abogados p {
    text-align: justify;
    font-size: 1.2rem;
    margin-bottom: 40px;
    color: #444;
}

/* Sección de contacto */
.contacto {
    background-color: #f0f0f5;
    padding: 40px 0;
}

.contacto h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000881;
}

.contacto p {
    font-size: 1.2rem;
    margin-bottom: 40px;
    color: #444;
}

.contacto .btn-primary {
    background-color: #003f88;
    border-color: #003f88;
    padding: 10px 20px;
    font-size: 1.2rem;
}

.contacto .btn-primary:hover {
    background-color: #002b66;
    border-color: #002b66;
}