.titulo-1 {
    margin-top: 3vh;
    margin-bottom: 3vh;
    color: #3f8b63;
    font-size: 1.5em;
}
.SubTitulos {
    color: #165e1c;
    font-size: 1.2em;
    font-weight: 600;
}

.SubTitulos1 {
    color: #165e1c;
    font-size: 1.1em;
    font-weight: 500;
}

@media (min-width: 360px) {
    .textosJ {
        text-align: justify;
        padding-left: 1vh;
        padding-right: 1vh;
    }
    .textos {
        padding-left: 1vh;
        padding-right: 1vh;
    }
    .titulo-1 {
        padding-left: 1vh;
        padding-right: 1vh;
    }
    .SubTitulos {
        padding-left: 1vh;
        padding-right: 1vh;
    }
    .SubTitulos1 {
        padding-left: 1vh;
        padding-right: 1vh;
    }
}
.ul {
  list-style-type: square;
}
@media (min-width: 768px) {
    .textosJ {
        text-align: left;
        padding-left: 0vh;
        padding-right: 0vh;
    }
    .textos {
        padding-left: 0vh;
        padding-right: 0vh;
    }
    .titulo-1 {
        padding-left: 0vh;
        padding-right: 0vh;
    }
    .SubTitulos {
        padding-left: 1vh;
        padding-right: 1vh;
    }
    .SubTitulos1 {
        padding-left: 1vh;
        padding-right: 1vh;
    }
}

.card {
    background-color: #ededed; /* Cambia el color de fondo de la tarjeta */
    border-color: #dee2e6; /* Cambia el color del borde de la tarjeta */
    border-radius: 10px; /* Añade bordes redondeados */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Añade sombra para dar profundidad */
}

.card-header {
    background-color: #007bff; /* Cambia el color de fondo del encabezado de la tarjeta */
    color: #fff; /* Cambia el color del texto del encabezado */
}

.card-body {
    padding: 20px; /* Ajusta el padding dentro del cuerpo de la tarjeta */
}

.card-title {
    font-size: 1.1rem; /* Ajusta el tamaño del título */
    font-weight: 600;
    color: #FFFFFF;
}
.card-title1 {
    background-color: #c21f28;
    border-radius: 10px; /* Añade bordes redondeados */
    padding: 2vh;
}
.card-title2 {
    background-color: #165e1d;
    border-radius: 10px; /* Añade bordes redondeados */
    padding: 2vh;
}

.card-text {
    font-size: 1rem; /* Ajusta el tamaño del texto */
}

.btn-coop1 {
    background-color: #165e1d; /* Color de fondo */
    border-color: #165e1d; /* Color del borde */
    color: #FFFFFF; /* Color del texto */
    font-size: 1.1em;
    font-weight: 600;
}

.btn-coop1:hover {
    background-color: #165e1d; /* Color de fondo al pasar el mouse */
    border-color: #165e1d; /* Color del borde al pasar el mouse */
    color: #BCBCBC; /* Color del texto */
}

.btn-coop1:focus, .btn-coop1.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.50); /* Sombra al enfocar */
}

.btn-coop2 {
    background-color: #c21f28; /* Color de fondo */
    border-color: #c21f28; /* Color del borde */
    color: #FFFFFF; /* Color del texto */
    font-size: 1.1em;
    font-weight: 600;
}

.btn-coop2:hover {
    background-color: #c21f28; /* Color de fondo al pasar el mouse */
    border-color: #c21f28; /* Color del borde al pasar el mouse */
    color: #BCBCBC; /* Color del texto */
}

.btn-coop2:focus, .btn-coop2.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.50); /* Sombra al enfocar */
}

.btn-coop3 {
    background-color: #1f84c7; /* Color de fondo */
    border-color: #1f84c7; /* Color del borde */
    color: #FFFFFF; /* Color del texto */
    font-size: 1.1em;
    font-weight: 600;
}

.btn-coop3:hover {
    background-color: #1f84c7; /* Color de fondo al pasar el mouse */
    border-color: #1f84c7; /* Color del borde al pasar el mouse */
    color: #BCBCBC; /* Color del texto */
}

.btn-coop3:focus, .btn-coop3.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.50); /* Sombra al enfocar */
}

.btn-coop4 {
    background-color: #a0c49a; /* Color de fondo */
    border-color: #a0c49a; /* Color del borde */
    color: #FFFFFF; /* Color del texto */
    font-size: 1.1em;
    font-weight: 600;
}

.btn-coop4:hover {
    background-color: #a0c49a; /* Color de fondo al pasar el mouse */
    border-color: #a0c49a; /* Color del borde al pasar el mouse */
    color: #000000; /* Color del texto */
}

.btn-coop4:focus, .btn-coop4.focus {
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.50); /* Sombra al enfocar */
}