/* ==========================================
   MENU DE CATEGORIAS - CONECTA SOLAR
   ========================================== */

/* Barra principal */
.bg-primary-500.efa-categories-navbar.shadow-lg.hidden.xl\:flex.efa-categories-navbar-wrapper{
    background:#fff !important;
    border-radius:28px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:6px 12px;
}

/* Remove fundo dos botões */
.efa-categories-navbar-item-btn{
        background: transparent !important;
    color: #111 !important;
    border-radius: 14px;
    padding: 5px 5px !important;
    transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;
}

/* Hover */
.efa-categories-navbar-item-btn:hover{
    background:#F5F6F7 !important;
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Container dos itens */
.efa-categories-navbar-carousel-container{
    display:flex !important;
    align-items:center;
    /*justify-content:center !important;*/
    gap:0 !important;
}

/* Cada categoria */
.efa-categories-navbar-carousel-slide{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 auto;

    padding:0 18px;
}

/* Separadores */
.efa-categories-navbar-carousel-slide:not(:last-child){
    border-right:1px solid #E5E5E5;
}

/* Layout horizontal */
.efa-categories-navbar-item-btn > div{

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:center !important;

    gap:14px !important;

    width:auto !important;

    margin:0 !important;
}

/* Ícone */
.efa-categories-navbar-item-image-wrapper{

    width:38px !important;

    height:38px !important;

    flex-shrink:0;
}

/* Ícone */
img.efa-categories-navbar-item-image{

    object-fit:contain;

    filter:invert(1);

    transition:
        transform .35s ease,
        opacity .35s ease;
}

/* Animação do ícone */
.efa-categories-navbar-item-btn:hover
img.efa-categories-navbar-item-image{

    transform:scale(1.08);
}

/* Texto */
.efa-categories-navbar-item-label{

   display: block !important;
    color: #111 !important;
    font-size: 13px;
    /* font-weight: 600; */
    line-height: 1.25;
    text-align: left !important;
    max-width: 142px;
    height: auto !important;
    white-space: normal;
    transition: color .35s ease;
}

/* Hover do texto */
.efa-categories-navbar-item-btn:hover
.efa-categories-navbar-item-label{

    color:#0B7A4A !important;
}


/* Esconde gradiente dos botões do carrossel */
.efa-categories-navbar-next-btn + .efa-next-button-shadow, 
.efa-categories-navbar-prev-btn + .efa-prev-button-shadow {
    display: none;
}



.bg-primary-500.efa-categories-navbar.shadow-lg.hidden.xl\:flex.efa-categories-navbar-wrapper {
    background: #fff !important;
    border-radius: 28px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    padding: 6px 17px;
    margin: 0 auto;
}


.bg-primary-500.efa-categories-navbar.shadow-lg.hidden.xl\:flex.efa-categories-navbar-wrapper {
    z-index: 1;
}

.bg-primary-500.efa-categories-navbar.shadow-lg.hidden.xl\:flex.efa-categories-navbar-wrapper {
    margin-bottom: -21px;
}












/* ===========================
   INFO CARDS
=========================== */

.efa-info-carousel-wrapper{
     
    background:#fff;
}

.efa-info-carousel-container{
    gap:48px;
}

/* Card */

.efa-info-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:10px 6px;
    transition:.25s ease;
}

.efa-info-card:hover{
    transform:translateY(-2px);
}

/* Ícone */

.efa-info-card-icon{
    width: 20px !important;
    height: 20px !important;
    color: #f97f45 !important;
    flex-shrink: 0;
}

/* Textos */

.efa-info-card-text-container{
    display:flex;
    flex-direction:column;
    line-height:1.15;
}

.efa-info-card-text1{
    font-size:13px !important;
    font-weight:300 !important;
    color:#5d646b;
    letter-spacing:.2px;
}

.efa-info-card-text2{
    font-size:15px !important;
    font-weight:500 !important;
    color:#202124;
    letter-spacing:-.2px;
}

nav.mb-4.w-full.py-2.text-sm.text-zinc-500 {
    padding: 30px 0px 20px; 
}