/* ==========================================
   PAGE CSS - index.html (Gateway/Landing)
   Page-unique styles NOT in shared CSS files
   ========================================== */

/* --- FONT LOGO --- */
.font-logo { font-family: 'Montserrat', sans-serif; }

/* --- TIMELINE GRID (Agenda Visual) --- */
.timeline-grid {
    background-image: linear-gradient(to bottom, #f1f5f9 1px, transparent 1px);
    background-size: 100% 60px;
}

/* --- WHATSAPP BACKGROUND --- */
.wa-bg {
    background-image: url('https://i.pinimg.com/originals/8f/ba/cb/8fbacbd464e996966eb9d4a6b7a9c21e.jpg');
    background-size: cover;
    background-position: center;
}

/* --- SECTOR CAROUSEL (Empresa Hero) --- */
#sectors-carousel {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 5;
}

.sector-item {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* --- AUDIO BAR OVERRIDES (Page-specific colors/sizes) --- */
.audio-bar {
    width: 3px;
    background-color: #128C7E;
}

/* --- TYPING DOT OVERRIDES (Page-specific sizing) --- */
@keyframes typingBounce {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(-3px); opacity: 1; }
}

.typing-dot {
    width: 5px;
    height: 5px;
    background-color: #9ca3af;
    border-radius: 50%;
    display: inline-block;
    animation: typingBounce 1s infinite;
}

.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }