/* DIRECTOR */
.contenedorNanoteatro00{
    background-image: url(../instructores/nanoteatrollamado00.webp);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    height: 290px;
    border-radius: 0.6rem;
    margin: 2rem auto;
    background-color: #003165;
}

.nombreDirector00{
    font-family: arial;
    font-size: clamp(3rem, 0.8rem, 1rem);
    color: white;
    width: max(25.9%, 50%, 60px);
    line-height: 2.6rem;	
    padding: 1rem;
    position: relative;
    margin-block-start: 0px;
}

.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;
}

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

.botonDirector01:hover{background-color: white;color: #0192d8;}

@media (min-width: 660px){  
.contenedorNanoteatro00{
    background-image: url(../instructores/nanoteatrollamado00largo.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;}