/*
============= ÍNDICE =============
1. Geral
2. Header
3. Footer
4. Home
==================================
*/

/* ============= 1. Geral ============= */

    .container {
        width: 1180px;
    }

    a:hover,
    a:focus {
        color: #fff;
    }

    .popup_contato ._close:hover {
        color: #ccc;
        background-color: #fff;
    }

    .popup_default .button:hover {
        color: #8cc148;
        background-color: #fff;
    }

/* ============= 2. Header ============= */

    header nav li a:hover {
        color: #aaee54;
    }

    header nav li.button a:hover {
        color: #fff;
        background-color: rgb(124, 196, 92);
    }

    header nav.desktop-only {
        display: block;
    }

/* ============= 3. Footer ============= */

    footer .contato:hover {
        background-color: rgba(124, 196, 92, 0.65);
        border-color: rgba(124, 196, 92, 0.65);
    }

    footer .contato:hover span {
        background-position: 0 -27px;
    }

    footer .hbrd:hover {
        background-position: 0 -15px;
        opacity: 1;
    }

/* ============= 4. Home ============= */

    #quem-somos .roleta .itens .item.video a:hover::after {
        opacity: 0;
    }

    #quem-somos .roleta .itens .item:hover a img {
        transform: scale(1.1);
    }

    #quem-somos .roleta .setas .left:hover,
    #quem-somos .roleta .setas .right:hover {
        transform: scale(1.2);
    }

    #produtos .wrapper-tabs .tabs .tabs-list li:hover {
        background-color: #0c4452;
    }

    #produtos .wrapper-tabs .tabs .tabs-list li:hover a span.soja {
        background-image: url('../img/soja-icon@2x.svg');
    }

    #produtos .wrapper-tabs .tabs .tabs-list li:hover a span.milho {
        background-image: url('../img/milho-icon@2x.svg');
    }

    #produtos .wrapper-tabs .tabs .tabs-list li:hover a span.trigo {
        background-image: url('../img/trigo-icon@2x.svg');
    }

    #produtos .wrapper-tabs .tabs .tab-box .variedades ul li:hover {
        background-color: #7cc45c;
        border-color: #7cc45c;
        opacity: 1;
    }

    #produtos .wrapper-tabs .tabs .tab-box .variedades-box a:hover {
        background-color: rgba(124, 196, 92, 0.65);
        color: #fff;
    }

    #produtos .wrapper-tabs .tabs .tab-box .variedades-box a:hover .plus {
        background-position: 0 -25px;
    }

    #produtos .wrapper-tabs .tabs .tab-box .actions .button.light:hover,
    #produtos .wrapper-tabs .tabs .tab-box .actions .button.dark:hover {
        background-color: rgb(124, 196, 92);
    }

    /* ===== Onde estamos: mapa interativo no desktop ===== */
    #onde {
        position: relative;
        overflow: hidden;
        min-height: 860px;
    }

    #onde .container {
        background-image: none;
    }

    #onde .content {
        width: 50%;
    }

    #onde .onde-select {
        display: none;
    }

    /* Mapa grande, alinhado ao topo-direita (como no site de produção).
       Ancorado no #onde (largura total) para usar a margem do viewport. */
    #onde .onde-map {
        display: block;
        position: absolute;
        top: 90px;
        right: 2%;
        width: 40%;
        max-width: 640px;
    }