.director-general-section{
    position: relative;
}
.primer-fondo-d{
    position: relative;
    content: "";
    background-image: url("../img/bannerssecciones/b1.webp");
    background-size: cover;
    background-position: center;
    width: 100%; /* Cubre todo el ancho del contenedor */
    height: 300px;
    z-index: 1;
}
.segundo-fondo-d{
    position: relative;
    content: ""; /* Contenido vacío necesario para que el elemento se muestre */
     /* Lo posiciona en relación con el contenedor */
    background-image: url("../img/bannerssecciones/b1.webp");
    background-size: cover;
    background-position: center;
    width: 100%; /* Cubre todo el ancho del contenedor */
    height: 100%; /* Cubre todo el alto del contenedor */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 50%, #c07537 50%);
    opacity: .956; /* Opacidad del fondo */
    z-index: -4;
}
@media (max-width:1000px) {
    .segundo-fondo-d{        
        background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.9) 50%);
        
    }
}


.tercer-fondo-d {
    top:0;
    left: 0;
    right: 0;
    height: 300px;
    position: absolute;
    align-items: center;
    display: flex;
    justify-content: space-between;
    z-index: 2; /* Distribuye el espacio entre los elementos */
}
.tercer-fondo-d > div {
    color: white;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    text-decoration-style: bold;
    text-decoration: none;
    flex: 1; /* Hacer que ambas columnas tengan el mismo ancho */
    /* Otros estilos para las columnas, si es necesario */
}
.detallesuno,.detallesdos{
    margin-left: 20px;
}
.detallesdos {
    display: flex;
    justify-content: space-around; /* Distribuir los elementos equitativamente */
    align-items: center; /* Centrar verticalmente los elementos */
}
.detallesdos a{
    padding: 20px;    
    color: white;
    text-decoration: none;
}
.tercer-fondo-d > div:nth-child(1){ 
    top:0;
    height: 300px;
    margin-right: 0px;
    text-align: right;
}
.tercer-fondo-d > div:nth-child(2){ 
    height: 300px;
    text-align: left;
    display: grid; /* Usar flexbox */
    align-items: center; /
}
/*
.tercer-fondo-d > div:nth-child(1).fondo-logo-d{
    background-color: transparent;
}
.tercer-fondo-d > div:nth-child(2).fondo-logo-d{
    background-color: aqua;
}
*/
.fondo-logo-d img{
    margin-top:-30px;
    height: 330px;
    width: 350px;
}
@media (max-width: 1000px) {
    .primer-fondo-d{
        height: 600px;
    }
    .tercer-fondo-d {
        flex-direction: column; /* Apila las columnas en una sola columna */
    }
}
.appear-from-left {
    opacity: 0; /* Inicialmente la imagen es invisible */
    transition: opacity 0.5s ease, transform 5s ease;  /* Agregar transición de opacidad */
    transform: translateX(-100%);
}

@media (max-width: 600px) {
    .detallesdos {
      flex-direction: column; /* Cambiar la dirección del flujo a columna en pantallas pequeñas */
    }
  
    .detallesdos a {
      width: auto; /* Revertir el ancho a automático para que los enlaces se ajusten al contenido en pantallas pequeñas */
      margin-bottom: 10px; /* Espacio entre enlaces */
    }
  }