.iconColor {
    color: #ff0101;
}

.buttonColor
{
    border-color: #ff0101;
    background-color: #ff0101;
    color: white;

}
.buttonColor:hover{
    background-color: #909397;
    border-color: #909397;
    color: white;
 }

 .text-justify
 {
 text-align: justify;
 }

 .ceo-image {
    background-size: cover; /* Cubre completamente el área */
    background-position: center; /* Centra la imagen */
    height: 315px; /* Establece una altura fija */
    width: 267px; /* Establece un ancho fijo */
    float: left;    /* Permite que el texto rodee la imagen */
    margin: 60px 20px 20px 0; /* Añade márgenes para espaciar el texto de la imagen */
    border-radius: 10px; /* Añade bordes redondeados */
}


.custom-card {
    width: 100%;
    max-width: 320px; /* Ancho máximo reducido de la tarjeta */
    height: 430px; /* Altura fija reducida para la tarjeta */
    border: 1px solid #ddd; /* Borde opcional */
    border-radius: 8px; /* Bordes redondeados opcionales */
    overflow: hidden; /* Oculta cualquier contenido que sobresalga */
    display: flex;
    flex-direction: column;
}

.custom-card-img {
    width: 100%; /* Ajusta al ancho del contenedor */
    height: 280px; /* Tamaño fijo para la altura reducida */
    object-fit: cover; /* Mantiene la proporción de la imagen y la recorta si es necesario */
}

.custom-card-body {
    flex: 1; /* Permite que el contenido ocupe el espacio restante */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra verticalmente el contenido */
    padding: 15px; /* Espaciado interno */
}

.custom-card-title {
    margin-bottom: 10px; /* Espacio debajo del título */
    font-size: 1.125rem; /* Tamaño del texto del título */
}

.custom-card-text {
    flex: 1; /* Permite que el texto ocupe el espacio restante */
    margin-bottom: 0; /* Eliminado espacio debajo del texto */
    font-size: 0.875rem; /* Tamaño del texto de descripción */
    color: #666; /* Color opcional */
}