/* ==========================================================
   INDICATIVO POR VOZ
   ========================================================== */

.indicativo-search {
    grid-template-columns:
        minmax(0, 1fr)
        max-content
        max-content
        max-content
        max-content !important;
}


#btnFalarIndicativo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 52px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#btnBuscarIndicativo {
    grid-column: 3 !important;
}


#btnBuscarAnatel {
    grid-column: 4 !important;
}

#btnBuscarHamQth {
    grid-column: 5 !important;
    white-space: nowrap;
}


.indicativo-voz-btn.ouvindo {
    border-color: #dc3545;
    background: #dc3545;
    color: #fff;
    animation: indicativo-voz-pulso 1.1s ease-in-out infinite;
}


@keyframes indicativo-voz-pulso {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, .34);
    }

    50% {
        box-shadow: 0 0 0 7px rgba(220, 53, 69, 0);
    }
}


@media (max-width: 850px) {

    .indicativo-search {
        grid-template-columns: minmax(80px, 1fr) 42px max-content max-content max-content !important;
        gap: 5px !important;
    }

    #btnFalarIndicativo {
        width: 42px;
    }

    #btnBuscarIndicativo,
    #btnBuscarAnatel,
    #btnBuscarHamQth {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: .78rem !important;
        white-space: nowrap;
    }
}


@media (max-width: 600px) {

    #btnFalarIndicativo {
        width: 42px;
    }


    .indicativo-search {
        grid-template-columns: minmax(68px, 1fr) 38px max-content max-content max-content !important;
        gap: 3px !important;
    }

    #btnFalarIndicativo {
        width: 38px;
    }

    #btnBuscarIndicativo,
    #btnBuscarAnatel,
    #btnBuscarHamQth {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: .68rem !important;
    }

    .indicativo-search .indicativo-input {
        font-size: .85rem !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}