/*
 Theme Name:   Rebel Child
 Theme URI:    http://example.com/rebel-child/
 Description:  Tema hijo para el tema Rebel
 Author:       Tu Nombre
 Author URI:   http://example.com
 Template:     rebel
 Version:      1.0.0
*/

/* Aquí puedes añadir tus estilos CSS personalizados */

/* --- Estilos para el Logo Lottie Responsivo --- */

/* 1. Estilo para Escritorio (Desktop) */
div.navbar-header {
  margin-top: 32px;
}

a.navbar-brand.site-logo-lottie {
  display: block;
  height: 24px;
}

.navbar-custom .navbar-brand {
  padding: 0px !important;
}

.site-logo-lottie,
.site-logo-lottie #lottie-logo {
  /* width: 220px; 
  height: auto;  */
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-logo-lottie,
.site-logo-lottie #lottie-logo > svg {
  width: auto !important;
  height: 22px !important;
}

/* 2. Estilos para Móvil (para pantallas de 768px de ancho o menos) */
@media (max-width: 768px) {
  .site-logo-lottie,
  .site-logo-lottie #lottie-logo {
    width: 180px; /* Ancho para móviles */
    height: 45px; /* Alto para móviles */
  }
}

@media (min-width: 1200px) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    width: 850px;
  }
}