/*
 * Zoe Vision - Responsividade
 * Ajustes específicos para telas de até 700px.
 * Este arquivo deve ser carregado por último.
 */

@media(max-width:700px){
        .campos-olhos{grid-template-columns:1fr;}

        .modal-lentes-conteudo{
            max-width:100%;
            margin:0;
            padding:14px;
        }

        .tela-receita-titulo{font-size:28px;}
        .card-receita{padding:18px;}

        .card-tratamento{
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            padding:10px 12px;
        }

        .tratamento-esquerda{
            display:flex;
            flex-direction:row;
            align-items:center;
            gap:10px;
            flex:1;
            min-width:0;
        }

        .tratamento-imagem{
            flex:0 0 68px;
        }

        .tratamento-imagem img{
            width:68px;
            max-width:68px;
            display:block;
        }

        .tratamento-info{
            flex:1;
            min-width:0;
        }

        .tratamento-info h3{
            font-size:16px;
            line-height:1.2;
            margin:0 0 6px;
        }

        .tratamento-info ul{
            margin:0;
            padding-left:16px;
        }

        .tratamento-info li{
            font-size:12px;
            line-height:1.35;
            margin:3px 0;
        }

        .tratamento-direita{
            flex:0 0 82px;
            min-width:82px;
            text-align:right;
            margin:0;
            padding:0;
            border:none;
        }

        .preco-atual{
            font-size:16px;
            line-height:1.1;
        }

        .preco-antigo{
            font-size:11px;
        }

        .saiba-mais{
            font-size:10px;
            margin-top:6px;
        }
    }