/* Página de avaliar empresa (form). Extraído de
   v2/pages/company/avaliacao.blade.php (<style>). Estático, sem Blade. */

        .pg-avaliar { background: #fff; }
        .pg-avaliar .container-avaliar { max-width: 1080px; margin: 0 auto; padding: 32px 16px 64px; }
        .pg-avaliar .grid-avaliar { display: grid; grid-template-columns: 1fr; gap: 28px; }
        /* Mobile: form primeiro, card com dados da empresa por último. */
        .pg-avaliar .col-dir { order: 1; }
        .pg-avaliar .col-esq { order: 2; }

        /* Coluna esquerda: headline display + card da empresa (padrão TripAdvisor) */
        .pg-avaliar .headline-avaliar { font-size: 38px; line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; color: #1c1c1c; margin: 0 0 20px; }
        .pg-avaliar .headline-avaliar em { font-style: normal; color: #c51d25; }
        .pg-avaliar .card-empresa { border: 1px solid #e5e2dd; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
        .pg-avaliar .card-empresa .foto { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; background: #f7f5f2; }
        .pg-avaliar .card-empresa .foto--logo { object-fit: contain; padding: 24px; background: #fff; box-sizing: border-box; }
        .pg-avaliar .card-empresa .corpo { padding: 16px; display: flex; gap: 12px; align-items: flex-start; }
        .pg-avaliar .card-empresa .logo { width: 52px; height: 52px; border-radius: 10px; object-fit: contain; border: 1px solid #eee; background: #fff; flex-shrink: 0; }
        .pg-avaliar .card-empresa .nome { font-weight: 700; color: #1c1c1c; font-size: 16px; line-height: 1.3; margin: 0; }
        .pg-avaliar .card-empresa .endereco { font-size: 13px; color: #777; margin: 4px 0 0; }
        .pg-avaliar .chip-nota { display: inline-block; margin-top: 8px; background: #fff7e6; border: 1px solid #f0d9a8; color: #8a6100; font-weight: 700; font-size: 13px; border-radius: 999px; padding: 3px 10px; }

        /* Coluna direita: form seccionado */
        .pg-avaliar .avaliacoes-tp { margin-top: 0 !important; }
        .pg-avaliar .avaliacoes-tp h2 { display: none; }
        .pg-avaliar section.avaliacoes-tp > .d-flex { display: none !important; }
        .pg-avaliar .form-avaliar-titulo { font-size: 18px !important; font-weight: 800 !important; color: #1c1c1c !important; margin-top: 4px; }
        .pg-avaliar .form-avaliar-sec { margin-bottom: 18px; }
        .pg-avaliar .avaliacoes-tp form > .form-avaliar-sec .estrelas-input:not(.estrelas-input--sm) { font-size: 44px; }
        .pg-avaliar .avaliacoes-tp form > .form-avaliar-sec .estrelas-input:not(.estrelas-input--sm) label { padding: 0 4px; transition: transform .08s ease; }
        .pg-avaliar .avaliacoes-tp form > .form-avaliar-sec .estrelas-input:not(.estrelas-input--sm) label:hover { transform: scale(1.12); }
        .pg-avaliar [data-nota-legenda] { font-size: 16px; min-width: 110px; }
        .pg-avaliar .avaliacoes-tp textarea { min-height: 140px; }
        .pg-avaliar .avaliacoes-tp textarea:focus { outline: 2px solid #c51d25; outline-offset: 1px; border-color: #c51d25; }
        .pg-avaliar .avaliacoes-tp form button[class*="bg-brand"] { width: 100%; padding: 14px; font-size: 16px; }
        .pg-avaliar [data-submit-avaliacao]:disabled { opacity: .45; cursor: not-allowed; }
        .pg-avaliar [data-contador-texto].ok { color: #1a7f37; font-weight: 700; }
        .pg-avaliar input[type="month"] { min-width: 180px; }

        @media (min-width: 900px) {
            .pg-avaliar .grid-avaliar { grid-template-columns: 5fr 7fr; gap: 0; }
            .pg-avaliar .col-esq { padding-right: 40px; position: sticky; top: 24px; align-self: start; order: 0; }
            .pg-avaliar .col-dir { border-left: 1px solid #e5e2dd; padding-left: 40px; order: 0; }
            .pg-avaliar .headline-avaliar { font-size: 52px; }
            .pg-avaliar .avaliacoes-tp form button[class*="bg-brand"] { width: auto; padding: 12px 36px; }
        }
        @media (prefers-reduced-motion: reduce) {
            .pg-avaliar .avaliacoes-tp form label { transition: none !important; }
        }