/* Inicio */
  /* Sincronizado exactamente con los 60px de la navbar en tu base.html */
  #avigaCarouselContainer {
    width: 100vw !important;
    height: calc(100vh - 60px) !important; /* Cambiado de 56px a 60px */
    position: relative !important;
    overflow: hidden !important;
    background-color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Aseguramos que el cuerpo de la página no meta espacios en blanco abajo */
  body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
  }

  /* Contenedor estricto para la imagen */
  .aviga-img-wrapper {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Ajuste de imagen tipo "Cover" para que llene todo el espacio sin dejar bandas */
  .aviga-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  /* Barra de texto oscura sobrepuesta de forma fija en la base inferior */
  .aviga-caption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.50) !important; 
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 20px 20px 45px 20px !important; 
    text-align: center !important;
    z-index: 5 !important;
    margin: 0 !important;
  }

  .aviga-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 4px !important;
  }

  .aviga-desc {
    font-size: 15px !important;
    color: #cccccc !important;
    margin: 0 !important;
  }

  /* Ajuste de las rayitas indicadoras */
  .aviga-indicators {
    bottom: 12px !important;
    margin: 0 !important;
    z-index: 10 !important;
  }

  /* Círculos oscuros en las flechas de navegación */
  .aviga-ctrl-icon {
    background-color: rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
    border-radius: 50% !important;
    background-size: 50% !important;
  }

  
.rubro-card {
        height: 400px; /* Altura fija para ambos */
        cursor: pointer;
    }

    .rubro-img {
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .rubro-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        transition: background 0.4s ease;
    }

    .rubro-text {
        transition: opacity 0.4s ease;
    }

    /* Efecto Hover */
    .rubro-card:hover .rubro-img {
        transform: scale(1.08);
    }

    .rubro-card:hover .rubro-overlay {
        background: rgba(0, 0, 0, 0.75);
    }

    .rubro-card:hover .rubro-text {
        opacity: 1 !important;
    }