/* =========================================
   Calcular.app.br
   Custo de Carro Elétrico — estilos específicos
   ========================================= */

.custo-eletrico-resultado{
    display:flex;
    flex-direction:column;
}

.custo-eletrico-titulo{
    margin-bottom:14px;
    color:var(--white);
    font-size:1.15em;
    font-weight:700;
}

.custo-eletrico-linha{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:10px 0;
    color:var(--muted);
    line-height:1.4;
}

.custo-eletrico-linha strong{
    color:var(--white) !important;
    font-weight:700;
    white-space:nowrap;
}

.custo-eletrico-separador{
    margin:12px 0 8px;
    border-top:1px solid rgba(255,255,255,.10);
}

.custo-eletrico-economia{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:20px;
    padding:10px 0;
}

.custo-eletrico-economia span{
    color:var(--green);
    font-weight:700;
}

.custo-eletrico-economia strong{
    color:var(--green) !important;
    font-weight:700;
    white-space:nowrap;
}

.custo-eletrico-economia-principal{
    margin-top:3px;
    padding-top:14px;
}

.custo-eletrico-economia-principal span{
    font-size:1.05em;
}

.custo-eletrico-economia-principal strong{
    font-size:1.35em;
}

.custo-eletrico-sem-economia span,
.custo-eletrico-sem-economia strong{
    color:var(--white) !important;
}

@media(max-width:600px){
    .custo-eletrico-linha,
    .custo-eletrico-economia{
        gap:12px;
    }

    .custo-eletrico-economia-principal strong{
        font-size:1.2em;
    }
}