/* DIRECTOR */
.contenedorDirector{
    background-image: url(../img-lacarpa/omar-san-lucas-director-00.webp);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    height: 290px;
    border-radius: 0.6rem;
    margin: 2rem auto;
    background-color: #5f97be;
}

.nombreDirector{
	font-family: arial;
	font-size: clamp(3rem, 0.8rem, 1rem);
	color: white;
	width: max(25.3%, 30%, 60px);
	line-height: 2.6rem;	
	padding: 1rem;
	position: relative;
}

.nombreCargoDirector{
font-family: arial;
font-size: clamp(0.88rem, 1.05rem, 1.2rem);
color: white;
line-height: 0px;
position: relative;
margin-left: 1rem;
letter-spacing: 0.15rem;
position: relative;
bottom: 60px;
}

.botonDirector00{
    bottom: 3rem;
    margin-left: 1rem;
    font-family: arial;
    font-size: clamp(1.15rem, 0.8rem, 1rem);
    background-color: white;
    border-radius: 0.6rem;
    color: #1f4252;
    padding: 0.9rem;
    text-decoration: none;
    position: relative;
}

.botonDirector00:hover{background-color: #770f95;color: white;}

@media (min-width: 660px){  
.contenedorDirector{
    background-image: url(../img-lacarpa/omar-san-lucas-director-01.webp);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 65%;
    height: 290px;
    border-radius: 0.6rem;
    margin: 2rem auto;
} 

.botonDirector00{margin-left: 1rem;}