* {
    margin: 0;             
    padding: 0;            
    box-sizing: border-box;                            
}

body {
    background-color: #0d0d0d;            
    color: white;                          
    font-family: 'Montserrat', sans-serif; 
    padding: 40px;                       

}


a {
    color: #c9a84c;       
    text-decoration: none; 
    display: block;
    margin-bottom: 50px;
}

a:hover {
    color: white;          
}

.contenedor-videos {
    display: flex;         
    gap: 25px;          
    align-items: flex-start;
}


.caja-video {
    flex: 1;                    
    background-color: #1a1a1a;  
    border-radius: 12px;      
    overflow: hidden;           
    padding-bottom: 20px;       

    /* Sombra neón dorada en 3 capas */
    box-shadow:
        0 0 10px #c9a84c,       /* Capa 1: pegada */
        0 0 20px #c9a84c,       /* Capa 2: media */
        0 0 40px #c9a84c;       /* Capa 3: difusa */
}

.caja-video video {
    width: 100%;           
    height: 280px;
    object-fit: cover;
    display: block; 
}


.caja-video h3 {
    color: #c9a84c;             
    margin: 15px 15px 8px 15px; 
    text-align: center;
}


.caja-video p {
    color: #aaa;           
    font-size: 14px;       
    margin: 0 15px;        
    line-height: 1.6; 
    text-align: center;
}


/* Contenedor de los 3 audios en fila */
.contenedor-audios {
    display: flex;        
    gap: 25px;            
    margin-top: 40px;     
}

.caja-audio {
    flex: 1;                    
    background-color: #1a1a1a;  
    border-radius: 12px;        
    border: 1px solid #c9a84c;  
    padding: 20px;            
}

.caja-audio audio {
    width: 100%;          
    margin-bottom: 15px;  
}

.caja-audio h3 {
    color: #c9a84c;       
   margin-bottom: 8px; 
   text-align: center;  
}

.caja-audio p {
    color: #aaa;         
    font-size: 14px;     
    line-height: 1.6; 
    text-align: center;    
}