/*NAVBAR*/
  .mi-navbar {
    background-color: #b9935a; /* color de fondo personalizado */
}

.mi-navbar .navbar-brand,
.mi-navbar .nav-link {
    color: #3D2217!important; /* color de texto blanco */
}

.mi-navbar .nav-link:hover {
    color: #f5e1ce !important; /* color de texto blanco */
}

.marca-arkana {
    font-family: 'Gayathri', sans-serif;
    font-weight: 700;
    font-weight: bold;
    font-size: 1.8rem;
    color: #7c4d1e !important;
    margin-right: 48px; /* aumenta el espacio a la derecha */
}
.marca-arkana:hover {
    color: #f5e1ce !important; /* color de texto blanco */
}
    :root{
      --arkana-bg:#2b1f1a;     /* chocolate */
      --arkana-accent:#b9935a; /* dorado */
      --arkana-cream:#f8f5f0;  /* crema */
      --arkana-ink:#2b1f1a;
    }
    body{ font-family: "Gayathri", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    h1,h2,h3{ font-family:"Merriweather", serif; }

    /* HERO */
    .contact-hero{
      background: linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.35));
      /* Si tienes una imagen, descomenta y cámbiala:
         background: linear-gradient(135deg, rgba(0,0,0,.5), rgba(0,0,0,.35)), url('img/arkana_poster.jpg') center/cover no-repeat; */
      color:#fff;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
    }

    /* TARJETAS INFO */
    .info-card{
      background: var(--arkana-cream);
      border-radius: 16px;
      padding: 1.25rem;
      text-align: center;
      box-shadow: 0 6px 18px rgba(0,0,0,.06);
      height: 100%;
    }
    .info-card i{
      font-size: 1.8rem; color: var(--arkana-accent); margin-bottom: .5rem;
    }
    .info-card h3{ font-size: 1.1rem; margin-bottom: .25rem; }
    .info-card a{ color:#7c4d1e; text-decoration:none; }
    .info-card a:hover{ text-decoration:underline; }

    /* HORARIO */
    .hours-list{ list-style:none; padding:0; margin:.25rem 0 0; }
    .hours-list li{ margin:.15rem 0; color: var(--arkana-ink); }
    .hours-list strong{ color:#7c4d1e; }

    /* FORMULARIO */
    .contact-form-wrap{
      background:#fff; border-radius:16px; padding:1.25rem;
      box-shadow: 0 8px 24px rgba(0,0,0,.08); height:100%;
    }
    .form-control:focus{
      border-color: var(--arkana-accent);
      box-shadow: 0 0 0 .2rem rgba(185,147,90,.2);
    }
    .btn-arkana{
      background: var(--arkana-accent); color: var(--arkana-bg);
      border:0; padding:.75rem 1rem; font-weight:600; border-radius:12px;
    }
    .btn-arkana:hover{ background:#a6834e; color:#fff; }

    /* MAPA */
    .map-wrap{
      border-radius:16px; overflow:hidden; min-height:340px;
      box-shadow: 0 8px 24px rgba(0,0,0,.08); height:100%;
    }

    /* FOOTER */
    .site-footer{
      background: var(--arkana-bg); color:#fff;
      border-top-left-radius:20px; border-top-right-radius:20px;
      box-shadow:0 -8px 20px rgba(0,0,0,.08);
    }
    .footer-brand{ font-family:"Merriweather",serif; font-weight:700; font-size:1.2rem; letter-spacing:.5px; }
    .footer-social .icon{
      color:#fff; opacity:.85; font-size:1.4rem;
      transition: transform .15s ease, opacity .15s ease, color .15s ease;
    }
    .footer-social .icon:hover{ opacity:1; transform: translateY(-2px); color: var(--arkana-accent); }
    .site-footer .nav-link{ color:rgba(255,255,255,.8); }
    .site-footer .nav-link:hover{ color:#fff; }

    /* RESPONSIVE */
    @media (max-width:576px){
      .contact-hero{ border-radius:0; }
      .site-footer{ border-radius:0; box-shadow:none; }
      .contact-form-wrap, .map-wrap{ border-radius:0; box-shadow:none; }
    }

    /*SELECT ASUNTO*/
    .form-select:focus{
      border-color: var(--arkana-accent);
      box-shadow: 0 0 0 .2rem rgba(185,147,90,.2);
  }