:root{
      --color-nostalgia: #401f01;
      --negro-rock: #0f0f0f;
      --gris-rock: #1c1c1c;
      --gris-sec: #2b2b2b;
    }
    
    @font-face {
        font-family: 'Arvo';
        font-display: optional;
        src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    }
    
    body{
      background-color: var(--negro-rock);
      color: #eaeaea;
      font-family: 'Segoe UI', sans-serif;
    }

    .navbar{
      background-color: var(--gris-rock);
    }

    .navbar-brand{
      font-weight: bold;
      letter-spacing: 2px;
    }

    .hero{
      background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)),
      url('https://www.espacioculturalneza.com/img/fondo.jpg');
      background-size: cover;
      background-position: center;
      padding: 120px 0;
    }

    .hero h1{
      font-size: 3rem;
      font-weight: 700;
    }

    .btn-rock{
      background-color: var(--color-nostalgia);
      border: none;
      color: white;
    }

    .btn-rock:hover{
      background-color: #401f01;
    }

    .section-dark{
      background-color: var(--gris-rock);
      padding: 80px 0;
    }

    .section-green{
      background-color: var(--color-nostalgia);
      padding: 80px 0;
    }

    .card{
      background-color: var(--gris-sec);
      border: 1px solid #333;
      color: #ddd;
    }

    .footer{
      background-color: var(--gris-rock);
      padding: 40px 0;
      text-align: center;
      font-size: .9rem;
    }
    

    /* Contenedor centrado */
    .img-logo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Resolución menor a 900px (responsivo real) */
    @media (max-width: 900px) {
        .img-logo img {
            width: min(500px, 90vw);
        }
    }
    

    .img img {
        width: 50px;
        justify-content: center;
        align-items: center;
    }

    /* Contenedor para centrar */
    .img-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* Link sin borde ni subrayado */
    .img-container a {
        text-decoration: none;
        border: none;
        outline: none;
    }


    h1, h2 { 
      color: #f1c40f; 
      text-transform: uppercase; 
      letter-spacing: 1px; 
    }

    h2 { 
      font-size: 1.5rem;
      margin-top: 1.5rem; 
      border-bottom: 1px solid var(--color-nostalgia);
      padding-bottom: 10px; 
    }

    .highlight { 
      color: var(--color-nostalgia);; font-weight: bold; 
    }

    .arco-box { 
      background-color: var(--color-nostalgia);; 
      color: white; 
      padding: 20px; 
      border-radius: 5px; 
      margin: 20px 0; 
    }
    
    a { 
      color: #f1c40f; 
      text-decoration: none; 
    }

    a:hover { 
      text-decoration: underline; 
    }

    .form-container { 
      background: #1e1e1e; 
      padding: 30px; 
      border: 1px solid var(--color-nostalgia);
    }