/* _content/LaTVdelAbuelo/Shared/Components/DonationButtons.razor.rz.scp.css */
/* CSS scoped del componente. Se inyecta después de bootstrap y site.css,
   garantizando que gane la cascada en light/dark mode. */

.donation-buttons[b-ebik45kd5s]{
  display:flex; flex-wrap:wrap; gap:.75rem; align-items:center;
}

/* Ko‑fi */
.btn--kofi[b-ebik45kd5s],.btn-kofi[b-ebik45kd5s]{
  display:inline-flex!important; align-items:center; justify-content:center; gap:.45rem;
  padding:.75rem 1.15rem; min-width:170px; font-weight:700; line-height:1.2;
  border-radius:var(--radius-pill,999px);
  background:var(--kofi)!important; border:1px solid var(--kofi)!important; color:#0E1416!important;
  text-decoration:none; box-shadow:var(--shadow-sm,0 1px 4px rgba(0,0,0,.06));
  transition:background-color .15s ease, transform .15s ease;
}
.btn--kofi:hover[b-ebik45kd5s],.btn-kofi:hover[b-ebik45kd5s]{ background:var(--kofi-600)!important; border-color:var(--kofi-600)!important; color:#fff!important; }
.btn--kofi:active[b-ebik45kd5s],.btn-kofi:active[b-ebik45kd5s]{ transform:scale(.97); }

/* PayPal */
.btn--paypal[b-ebik45kd5s],.btn-paypal[b-ebik45kd5s]{
  display:inline-flex!important; align-items:center; justify-content:center; gap:.45rem;
  padding:.75rem 1.15rem; min-width:170px; font-weight:700; line-height:1.2;
  border-radius:var(--radius-pill,999px);
  background:var(--paypal)!important; border:1px solid var(--paypal)!important; color:#fff!important;
  text-decoration:none; box-shadow:var(--shadow-sm,0 1px 4px rgba(0,0,0,.06));
  transition:background-color .15s ease, transform .15s ease;
}
.btn--paypal:hover[b-ebik45kd5s],.btn-paypal:hover[b-ebik45kd5s]{ background:var(--paypal-600)!important; border-color:var(--paypal-600)!important; }
.btn--paypal:active[b-ebik45kd5s],.btn-paypal:active[b-ebik45kd5s]{ transform:scale(.97); }

/* Foco accesible */
.btn--kofi:focus-visible[b-ebik45kd5s],.btn-kofi:focus-visible[b-ebik45kd5s],
.btn--paypal:focus-visible[b-ebik45kd5s],.btn-paypal:focus-visible[b-ebik45kd5s]{
  outline:3px solid #fff; outline-offset:3px;
}

/* Modo oscuro: reforzar contraste */
@media (prefers-color-scheme: dark){
  .btn--kofi[b-ebik45kd5s],.btn-kofi[b-ebik45kd5s]{ background:var(--kofi-600)!important; border-color:var(--kofi-600)!important; color:#fff!important; }
  .btn--kofi:hover[b-ebik45kd5s],.btn-kofi:hover[b-ebik45kd5s]{ background:#176d8d!important; border-color:#176d8d!important; }
  .btn--paypal[b-ebik45kd5s],.btn-paypal[b-ebik45kd5s]{ background:var(--paypal)!important; border-color:var(--paypal)!important; color:#fff!important; }
  .btn--paypal:hover[b-ebik45kd5s],.btn-paypal:hover[b-ebik45kd5s]{ background:#0044B3!important; border-color:#0044B3!important; }
}
/* _content/LaTVdelAbuelo/Shared/MainLayout.razor.rz.scp.css */
.page[b-iu1ao57ajk] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-iu1ao57ajk] {
    flex: 1;
}

.content[b-iu1ao57ajk] {
    padding: 1rem;
}

@media (min-width: 992px) {
    .content[b-iu1ao57ajk] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
/* _content/LaTVdelAbuelo/Shared/NavMenu.razor.rz.scp.css */
/* Estilos para el navbar horizontal de Bootstrap */
.navbar[b-stjj4tfr37] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-toggler[b-stjj4tfr37] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-stjj4tfr37] {
    font-size: 1.1rem;
    font-weight: 600;
}

.nav-link[b-stjj4tfr37] {
    padding: 0.5rem 1rem !important;
    transition: background-color 0.2s ease;
    border-radius: 0.25rem;
}

.nav-link:hover[b-stjj4tfr37] {
    background-color: rgba(255, 255, 255, 0.1);
}

.nav-link.active[b-stjj4tfr37] {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Asegurar que el dropdown toggle tenga el mismo padding */
.dropdown-toggle[b-stjj4tfr37] {
    padding: 0.5rem 1rem !important;
}

/* Estilo para el men� dropdown */
.dropdown-menu[b-stjj4tfr37] {
    border-radius: 0.25rem;
}

.dropdown-item[b-stjj4tfr37] {
    transition: background-color 0.2s ease;
}

.dropdown-item:hover[b-stjj4tfr37] {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mejorar visibilidad del texto */
.navbar-text[b-stjj4tfr37] {
    font-size: 0.9rem;
}

/* Mejorar espaciado en el men� colapsado m�vil */
@media (max-width: 991.98px) {
    .navbar-collapse[b-stjj4tfr37] {
        padding-top: 0.5rem;
    }

    .nav-item[b-stjj4tfr37] {
        margin-bottom: 0.25rem;
    }
    
    /* Asegurar que el dropdown se vea bien en m�vil */
    .dropdown-menu[b-stjj4tfr37] {
        border: none;
        background-color: rgba(0, 0, 0, 0.3);
    }
}