/* EcoBrisa Portal v1.1.7 — ajustes finais mobile e timeline */

@media (max-width:800px){
    body{padding-bottom:88px!important}

    /* Barra inferior: maior legibilidade e área de toque. */
    .mobile-bottom-nav{
        left:10px!important;
        right:10px!important;
        bottom:8px!important;
        min-height:76px!important;
        padding:7px 5px 8px!important;
        border:1px solid rgba(0,147,152,.16)!important;
        border-radius:22px!important;
    }
    .mobile-bottom-nav a{
        min-width:0!important;
        min-height:58px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:column!important;
        gap:4px!important;
        padding:4px 1px!important;
        font-size:.70rem!important;
        font-weight:650!important;
        line-height:1.05!important;
        white-space:nowrap!important;
    }
    .mobile-bottom-nav span{
        display:block!important;
        font-size:1.38rem!important;
        line-height:1!important;
        color:var(--eco-teal)!important;
    }

    /* Remove somente a lateral 3D que criava a "pá" triangular sobre a grade. */
    .hero-machine .machine-side{display:none!important}
    .hero-machine{right:7%!important}

    /* Timeline: marcador fora do card, data separada e miniatura visível. */
    .timeline-list{padding-left:20px!important}
    .timeline-list:before{left:8px!important}
    .timeline-month{margin-left:0!important;margin-bottom:14px!important}
    .timeline-month span{font-size:.70rem!important;padding:7px 12px!important}
    .timeline-item{
        margin-left:10px!important;
        grid-template-columns:52px 78px minmax(0,1fr) 30px!important;
        gap:10px!important;
        padding:14px 10px 14px 14px!important;
        overflow:visible!important;
        align-items:center!important;
    }
    .timeline-item:hover{transform:none!important}
    .timeline-item__dot{
        left:-22px!important;
        top:50%!important;
        width:14px!important;
        height:14px!important;
        transform:translate(-50%,-50%)!important;
    }
    .timeline-item>time{
        min-width:0!important;
        padding-left:0!important;
        text-align:left!important;
        line-height:1.05!important;
    }
    .timeline-item>time strong{font-size:1.35rem!important;line-height:1!important}
    .timeline-item>time span{margin-top:5px!important;font-size:.62rem!important;white-space:nowrap!important}
    .timeline-item>time small{display:block!important;margin-top:4px!important;font-size:.60rem!important;line-height:1.1!important;color:var(--eco-teal-deep)!important;white-space:nowrap!important}
    .timeline-item__image{
        display:block!important;
        width:78px!important;
        height:78px!important;
        min-width:78px!important;
        border-radius:10px!important;
        overflow:hidden!important;
        background:var(--eco-ice-soft)!important;
    }
    .timeline-item__image img{width:100%!important;height:100%!important;object-fit:cover!important}
    .timeline-item__content{min-width:0!important;padding-left:0!important}
    .timeline-item__content .clima-kicker{
        display:block!important;
        max-width:100%!important;
        margin:0 0 4px!important;
        font-size:.56rem!important;
        line-height:1.25!important;
        letter-spacing:.08em!important;
        overflow-wrap:anywhere!important;
    }
    .timeline-item__content h3{
        margin:0!important;
        font-size:1rem!important;
        line-height:1.2!important;
        letter-spacing:-.015em!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }
    .timeline-item__content p{display:none!important}
    .timeline-item__arrow{width:30px!important;height:30px!important;min-width:30px!important}
}

@media (max-width:520px){
    .mobile-bottom-nav a{font-size:.66rem!important}
    .mobile-bottom-nav span{font-size:1.30rem!important}

    .timeline-item{
        grid-template-columns:46px 68px minmax(0,1fr)!important;
        gap:8px!important;
        padding:13px 38px 13px 11px!important;
    }
    .timeline-item__image{width:68px!important;height:68px!important;min-width:68px!important}
    .timeline-item__content h3{font-size:.92rem!important;line-height:1.2!important}
    .timeline-item__content .clima-kicker{font-size:.51rem!important;line-height:1.2!important}
    .timeline-item>time strong{font-size:1.25rem!important}
    .timeline-item>time span,.timeline-item>time small{font-size:.56rem!important}
    .timeline-item__arrow{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important}
}

@media (max-width:380px){
    .mobile-bottom-nav a{font-size:.61rem!important}
    .mobile-bottom-nav span{font-size:1.20rem!important}
    .timeline-item{grid-template-columns:43px 60px minmax(0,1fr)!important;gap:7px!important}
    .timeline-item__image{width:60px!important;height:60px!important;min-width:60px!important}
    .timeline-item__content h3{font-size:.86rem!important}
}