:root {
        --ccmi-red: #a30000;         /* Vermelho Institucional */
        --ccmi-dark-grey: #1a1a1a;   /* Cinza Antracite (Substituindo o Navy) */
        --ccmi-light-grey: #f4f4f4;  /* Cinza Claro para fundos */
        --text-dark: #222222;        /* Texto Principal */
        --text-light: #ffffff;       /* Texto sobre fundos escuros */
    }

    body {
        margin: 0;
        padding: 0;
        font-family: 'Inter', sans-serif;
        /*background-color: var(--ccmi-dark-grey);*/
        color: var(--text-light);
        /* Overlay em tons de cinza profundo para um look executivo */
        background: linear-gradient(rgba(26, 26, 26, 0.92), rgba(26, 26, 26, 0.92)), 
                    url('../img/banner.jpg') center/cover no-repeat;
    }

    .hero {
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 20px;
    }

    header {
        width: 100%;
        text-align: center;
        z-index: 10;
        padding-top: 40px;
    }

    .logo img {
        width: 250px;
        filter: drop-shadow(0 2px 10px rgba(0,0,0,0.3));
    }

    h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 3rem;
        text-transform: uppercase;
        margin-bottom: 20px;
        letter-spacing: -1px;
        line-height: 1.1;
        color: var(--text-light);
    }

    .tagline {
        font-size: 1.15rem;
        max-width: 750px;
        margin: 0 auto 35px;
        opacity: 0.9;
        line-height: 1.6;
        font-weight: 300;
    }

    .launch-label {
        display: inline-block;
        background: var(--ccmi-red);
        color: #ffffff;
        padding: 6px 22px;
        border-radius: 4px; /* Mais quadrado para parecer mais sério */
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 45px;
        letter-spacing: 2px;
    }

    /* Countdown em tons de cinza e vermelho */
    .countdown {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 50px;
    }

    .countdown-item {
        background: rgba(255, 255, 255, 0.05);
        padding: 25px;
        border-radius: 8px;
        min-width: 110px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(5px);
    }

    .countdown-value {
        display: block;
        font-size: 3rem;
        font-weight: 800;
        color: #ffffff;
        margin-bottom: 5px;
    }

    .countdown-label {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: var(--ccmi-red);
        font-weight: 700;
    }

    .contact-button {
        background: var(--ccmi-red); /* Botão agora é vermelho para destaque */
        color: #ffffff;
        padding: 18px 50px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 0.9rem;
        transition: 0.4s;
        box-shadow: 0 10px 20px rgba(163, 0, 0, 0.2);
        border: 2px solid var(--ccmi-red);
    }

    .contact-button:hover {
        background: transparent;
        color: #fff;
        transform: translateY(-3px);
    }

    /* Footer Cinza Escuro */
    .minimal-footer {
        padding: 50px 0;
        background: #111111;
        font-size: 0.9rem;
        border-top: 1px solid rgba(255,255,255,0.05);
    }

    .footer-contacts {
        display: flex;
        justify-content: center;
        gap: 80px;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .label {
        display: block;
        color: var(--ccmi-red);
        font-weight: 800;
        font-size: 0.75rem;
        text-transform: uppercase;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .contact-col p { margin: 0; opacity: 0.8; font-weight: 400; color: #ccc; }
    .contact-col a { color: #fff; text-decoration: none; transition: 0.3s; }
    .contact-col a:hover { color: var(--ccmi-red); }

    /* Espaço para os 3 Logos */
    .footer-partners {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 60px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(255,255,255,0.03);
    }

    .partner-logo {
        max-width: 130px;
    }

    .partner-logo img{ width: 100%; }

    .footer-bottom {
        text-align: center;
        opacity: 0.3;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
    }

    @media (max-width: 991px) {
        .footer-contacts { gap: 40px; text-align: center; }
        h1 { font-size: 2.2rem; }
        .countdown { gap: 10px; flex-wrap: wrap; }
        .countdown-item { min-width: 80px; padding: 15px; }
        .countdown-value { font-size: 2rem; }
        .footer-partners { gap: 30px; }
    }