/* Theme Name: Bautista Central 2025
Theme URI: https://www.ibcentralrd.org/
Author: Iglesia Bautista Central
Author URI: https://www.ibcentralrd.org/
Description: Tema moderno basado en Bootstrap 5 para la Iglesia Bautista Central Santo Domingo.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: bautista-central */
<style>
    /* --- Header Moderno con Logo Reducido --- */
    .site-header {
      backdrop-filter: blur(12px);
      background: rgba(255, 255, 255, 0.9);
      transition: all 0.3s ease;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .site-header.scrolled {
      background: rgba(255, 255, 255, 0.98);
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    /* 🔹 Ajuste del logo y marca */
    .brand img {
      max-height: 36px; /* ← tamaño del logo */
      width: auto;
      transition: max-height 0.3s ease;
    }

    .site-header.scrolled .brand img {
      max-height: 32px; /* logo aún más pequeño al hacer scroll */
    }

    .brand span {
      font-weight: 600;
      font-size: 1.05rem; /* ← texto más compacto */
      color: #1f2937;
      letter-spacing: 0.4px;
    }

    /* 🔹 Navegación */
    .nav a {
      color: #374151;
      font-weight: 500;
      position: relative;
      transition: color 0.3s ease;
      font-size: 0.95rem;
    }

    .nav a:hover {
      color: #0d6efd;
    }

    .nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 0%;
      height: 2px;
      background: #0d6efd;
      transition: width 0.3s ease;
    }

    .nav a:hover::after {
      width: 100%;
    }

    /* 🔹 Botón móvil */
    .navbar-toggler {
      border: none;
      background: transparent;
      font-size: 1.4rem;
    }

    @media (max-width: 768px) {
      .brand img {
        max-height: 32px;
      }
      .brand span {
        font-size: 0.95rem;
      }
    }
  </style>