body { /* Estilos generales del cuerpo */
      margin: 0;
      padding: 0;
        background-image: url('../imagenes/presentacion2.png');
       background-repeat: no-repeat;  
       background-attachment: fixed; 
      background-size: contain;       
      background-position: center;  
      background-color: #cf1b07;  
      color: white;
    font-family: sans-serif;

}
.boton { /* Estilos del botón */
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px 25px;
    font-size: 24px;
    background-color: #616161;
    color: white;
    border: none;
    border-radius: 80px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

/* menu para celular*/
@media (max-width: 768px) {
  nav ul { display: flex; gap: 12px; flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 6px 4px; white-space: nowrap; }
  nav ul li { display: inline-block; }
  nav ul li a { padding: 8px 12px; font-size: 0.95rem; }
}

/* galleria ajustable */
@media (max-width: 768px) {
    nav { order: 3; width: 100%; }
    /* Compact horizontal menu on mobile */
    nav ul { gap: 12px; flex-direction: row; align-items: center; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 6px 4px; white-space: nowrap; }
    nav ul li { display: inline-block; }
    nav ul li a { padding: 8px 12px; font-size: 0.95rem; }
}