html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* === NAVBAR personalizado === */
.navbar-custom {
    background: linear-gradient(to right,#e6e6e6, #dcdcdc, #e6e6e6); /* Fondo plata */
    font-family: 'Segoe UI', sans-serif;
    border-bottom: 1px solid #ccc;
}

    .navbar-custom .nav-link {
        color: #444;
        transition: color 0.3s ease;
        font-weight: 500;
    }

        .navbar-custom .nav-link:hover {
            color: #000;
        }

/* === Fondo para contenido principal === */
.main-background {
    background: linear-gradient(135deg, #fdfdfd, #eaeaea); /* metálico claro */
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', sans-serif;
}
footer {
    padding: 5px 0; /* Reduce espacio arriba/abajo */
    font-size: 20px; /* Letra más pequeña */
    background: linear-gradient(to right,#e6e6e6, #dcdcdc, #e6e6e6);
    color: #666; /* Texto gris elegante */
    text-align: center; /* Centrado opcional */
    border-top: 1px solid #ccc;
}

.papa{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 2rem;
}
.galeria-inicio {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}

    .galeria-inicio img {
        width: 275px;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        transition: transform 0.3s ease;
    }

        .galeria-inicio img:hover {
            transform: scale(1.05);
        }