/* ==========================================================================
   Customização Vilarouca — TELAS DO CLIENTE (Enviar chamado / Ver chamado).
   Override no tema do cliente. Escopado às páginas de formulário via
   :has(.form-submit-ticket) para não afetar home/base de conhecimento.
   Referência: examples/cliente-chamado-mockup.html
   ========================================================================== */

.main__content.gv-ticket-page{
    --gv-primary:#074866; --gv-primary-dark:#053447; --gv-primary-light:#0A5F84;
    --gv-accent:#E05E3B; --gv-accent-dark:#C04A2A;
    --gv-g100:#f3f4f6; --gv-g200:#e5e7eb; --gv-g300:#d1d5db;
    --gv-g400:#9ca3af; --gv-g500:#6b7280; --gv-g600:#4b5563; --gv-g700:#374151; --gv-g800:#1f2937;
    --gv-hair:rgba(7,72,102,.10); --gv-shadow:0 20px 48px -28px rgba(7,72,102,.45); --gv-radius:16px;
    font-family:"Montserrat", system-ui, sans-serif;
    background:#eef1f4 !important;
    padding:26px 16px 60px !important;
}

/* Card container */
.main__content.gv-ticket-page .contr{
    max-width:860px; margin:0 auto; background:#fff !important;
    border:1px solid var(--gv-hair) !important; border-radius:var(--gv-radius) !important;
    box-shadow:var(--gv-shadow) !important; padding:0 !important; overflow:hidden;
}

/* Cabeçalho (hero) */
.main__content.gv-ticket-page .article__heading--form{
    display:flex; align-items:center; gap:14px; margin:0 !important;
    padding:24px 30px !important; border-bottom:1px solid var(--gv-g100);
    font-family:"Montserrat", system-ui, sans-serif !important; text-align:left !important;
}
.main__content.gv-ticket-page .article__heading--form .icon-in-circle{
    width:48px; height:48px; border-radius:13px; background:var(--gv-primary) !important; flex-shrink:0;
    display:grid; place-items:center;
}
.main__content.gv-ticket-page .article__heading--form .icon-in-circle .icon{ width:24px; height:24px; fill:#fff; color:#fff; }
.main__content.gv-ticket-page .article__heading--form .ml-1{
    font-size:20px; font-weight:600; color:var(--gv-primary); margin:0 !important;
}
.main__content.gv-ticket-page .article-heading-tip{
    padding:14px 30px 0; font-size:12px; color:var(--gv-g400); text-align:left;
}

/* Form + campos */
.main__content.gv-ticket-page .form-submit-ticket{ padding:22px 30px 28px; }
.main__content.gv-ticket-page .form-group{ margin-bottom:16px; }
.main__content.gv-ticket-page .label,
.main__content.gv-ticket-page .form-group > label{
    display:block; font-size:12px !important; font-weight:600 !important; color:var(--gv-g700) !important;
    margin-bottom:6px !important; text-transform:none !important; letter-spacing:0 !important;
}
/* Asterisco de obrigatório: o tema posiciona com position:absolute;right:-.5em, o que
   joga para a extrema direita quando o label é block. Forçamos inline logo após o texto. */
.main__content.gv-ticket-page .label.required::after,
.main__content.gv-ticket-page label.required::after,
.main__content.gv-ticket-page .form-group.required .label::after{
    content:" *" !important; position:static !important; right:auto !important;
    color:var(--gv-accent) !important; font-size:14px !important; font-weight:700 !important; line-height:inherit !important;
}
.main__content.gv-ticket-page .label.required{ margin-right:0 !important; }

.main__content.gv-ticket-page .form-control,
.main__content.gv-ticket-page input[type="text"],
.main__content.gv-ticket-page input[type="email"],
.main__content.gv-ticket-page textarea,
.main__content.gv-ticket-page select{
    width:100%; padding:11px 13px !important; border:1px solid var(--gv-g200) !important;
    border-radius:11px !important; font-family:"Montserrat", system-ui, sans-serif !important;
    font-size:14px !important; color:var(--gv-g800) !important; background:#fff !important;
    box-shadow:none !important; transition:border-color .14s, box-shadow .14s;
}
.main__content.gv-ticket-page .form-control:focus,
.main__content.gv-ticket-page input:focus,
.main__content.gv-ticket-page textarea:focus,
.main__content.gv-ticket-page select:focus{
    border-color:var(--gv-accent) !important; box-shadow:0 0 0 3px rgba(224,94,59,.14) !important; outline:0 !important;
}
.main__content.gv-ticket-page textarea.form-control,
.main__content.gv-ticket-page #message{ min-height:150px; line-height:1.55; resize:vertical; }

/* Grade 2 colunas (apenas telas largas): pareia campos curtos lado a lado usando flex
   no container, com quebras controladas pelas seções injetadas. Campos longos (assunto,
   mensagem, custom com select amplo) ocupam a linha toda. */
@media(min-width:640px){
    .main__content.gv-ticket-page .form-submit-ticket{
        display:flex; flex-wrap:wrap; gap:0 16px; align-items:flex-start;
    }
    .main__content.gv-ticket-page .form-submit-ticket > *{ width:100%; }
    /* campos curtos pareados em 2 colunas: contato (.form-group) e custom (.param.blue-select) */
    .main__content.gv-ticket-page .form-submit-ticket > .form-group,
    .main__content.gv-ticket-page .form-submit-ticket > .param.blue-select{
        width:calc(50% - 8px);
    }
    .main__content.gv-ticket-page .form-submit-ticket > .param.blue-select select{ width:100%; }
    /* full-width: assunto, mensagem, follower, textarea */
    .main__content.gv-ticket-page .form-submit-ticket > .form-group:has(#subject),
    .main__content.gv-ticket-page .form-submit-ticket > .form-group:has(#message),
    .main__content.gv-ticket-page .form-submit-ticket > .form-group:has(textarea),
    .main__content.gv-ticket-page .form-submit-ticket > .form-group#cc-link,
    .main__content.gv-ticket-page .form-submit-ticket > .form-group#cc-div{
        width:100%;
    }
    /* seção e divisores ocupam a linha toda / são ocultados */
    .main__content.gv-ticket-page .gv-grp-title{ width:100%; }
    .main__content.gv-ticket-page .form-submit-ticket > .divider{ display:none; }
}

/* Seções (injetadas no template) */
.main__content.gv-ticket-page .gv-grp-title{
    display:flex; align-items:center; gap:8px; width:100% !important;
    font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em;
    color:var(--gv-primary-light); margin:24px 0 14px;
}
.main__content.gv-ticket-page .gv-grp-title::after{ content:""; flex:1; height:1px; background:var(--gv-g100); }
.main__content.gv-ticket-page .gv-grp-title:first-of-type{ margin-top:0; }

/* Prioridade */
.main__content.gv-ticket-page .param{ margin:0 0 16px; }
.main__content.gv-ticket-page .param .label{ margin-bottom:6px; }
.main__content.gv-ticket-page .select-priority{ border-radius:11px !important; }

/* Anexos / dropzone */
.main__content.gv-ticket-page .dropzone,
.main__content.gv-ticket-page .filedrop{
    border:1.5px dashed var(--gv-g300) !important; border-radius:12px !important;
    background:#f9fafb !important; color:var(--gv-g400) !important;
}

/* Botões */
.main__content.gv-ticket-page .btn.btn-full{
    background:var(--gv-accent) !important; border:0 !important; color:#fff !important;
    border-radius:12px !important; font-family:"Montserrat", system-ui, sans-serif !important;
    font-weight:600 !important; font-size:14.5px !important; padding:13px 24px !important;
    box-shadow:0 14px 28px -12px rgba(224,94,59,.6) !important;
}
.main__content.gv-ticket-page .btn.btn-full:hover{ background:var(--gv-accent-dark) !important; }
.main__content.gv-ticket-page .btn.btn-refresh{ background:none !important; box-shadow:none !important; }

/* ─────────── VER CHAMADO: card de duas colunas + painel navy (injetado) ─────────── */
.main__content:has(.gv-view){ }
.main__content:has(.gv-view) .contr{ max-width:900px; }
.main__content:has(.gv-view) .article__heading--form{ display:none; }  /* o título vai no painel navy */
.gv-view{ display:grid; grid-template-columns:1.05fr .95fr; }
@media(max-width:760px){ .gv-view{ grid-template-columns:1fr; } }
.gv-view__side{
    background:linear-gradient(160deg,var(--gv-primary),var(--gv-primary-dark)); color:#fff;
    padding:36px 32px; display:flex; flex-direction:column; justify-content:center;
}
.gv-view__side h2{ font-size:21px; font-weight:600; margin:0 0 10px; }
.gv-view__side p{ font-size:13px; color:rgba(234,241,244,.75); line-height:1.6; margin:0 0 20px; }
.gv-view__side .steps{ display:flex; flex-direction:column; gap:13px; }
.gv-view__side .step{ display:flex; gap:11px; align-items:flex-start; font-size:12.5px; color:rgba(234,241,244,.9); }
.gv-view__side .step .n{ width:21px; height:21px; border-radius:50%; background:rgba(255,255,255,.15); display:grid; place-items:center; font-size:11px; font-weight:700; flex-shrink:0; }
.gv-view__side .step b{ color:#fff; }
.gv-view__form{ padding:34px 32px; }
.gv-view__form .form-groups.centered{ text-align:left; }
.gv-view__form .form-group{ display:block !important; width:100% !important; margin:0 0 16px !important; }
.gv-view__form #track{ letter-spacing:.06em; font-weight:600; }
.gv-view__form .form-footer{ display:block; margin-top:6px; }
.gv-view__form .form-footer .btn.btn-full{ width:100%; }
.gv-view__form .form-footer .link{ display:block; text-align:center; margin-top:16px; color:var(--gv-primary-light); font-size:12.5px; text-decoration:none; }
.gv-view__form .form-footer .link:hover{ text-decoration:underline; }
.gv-view__form .checkbox-custom label{ font-size:12.5px; color:var(--gv-g600); }

/* ─────────── Fluxo único: chips de categoria + passos ─────────── */
.main__content.gv-ticket-page .gv-cat-step{ margin-bottom:4px; }
.main__content.gv-ticket-page .gv-step-h{ display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--gv-primary-light); margin:0 0 14px; }
.main__content.gv-ticket-page .gv-step-h .num{ width:22px; height:22px; border-radius:50%; background:var(--gv-primary); color:#fff; display:grid; place-items:center; font-size:11px; font-weight:700; flex-shrink:0; }
.main__content.gv-ticket-page .gv-step-h.muted{ color:var(--gv-g300); }
.main__content.gv-ticket-page .gv-step-h.muted .num{ background:var(--gv-g200); color:var(--gv-g400); }
.main__content.gv-ticket-page .gv-step-h .gv-cat-name{ text-transform:none; letter-spacing:0; color:var(--gv-g500); font-weight:500; }
.main__content.gv-ticket-page .gv-cats{ display:flex; flex-wrap:wrap; gap:9px; margin-bottom:4px; }
.main__content.gv-ticket-page .gv-cat{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border:1px solid var(--gv-g200); border-radius:999px; font-size:13px; font-weight:600; color:var(--gv-g600); text-decoration:none; background:#fff; transition:all .12s; }
.main__content.gv-ticket-page .gv-cat:hover{ border-color:var(--gv-primary-light); color:var(--gv-primary); }
.main__content.gv-ticket-page .gv-cat.sel{ background:var(--gv-primary); border-color:var(--gv-primary); color:#fff; box-shadow:0 10px 22px -12px rgba(7,72,102,.6); }
.main__content.gv-ticket-page .gv-cat .dot{ width:7px; height:7px; border-radius:50%; background:var(--gv-g300); flex-shrink:0; }
.main__content.gv-ticket-page .gv-cat.sel .dot{ background:var(--gv-accent); }
.main__content.gv-ticket-page .gv-cat-divider{ height:1px; background:var(--gv-g100); margin:24px 0; }
.main__content.gv-ticket-page .gv-cat-empty{ background:var(--gv-g50); border:1.5px dashed var(--gv-g200); border-radius:12px; padding:30px; text-align:center; color:var(--gv-g400); font-size:13.5px; }
.main__content.gv-ticket-page .gv-cat-empty svg{ width:28px; height:28px; color:var(--gv-g300); margin-bottom:8px; }

/* Categoria: chips no desktop, dropdown pesquisável no mobile */
.main__content.gv-ticket-page .gv-cat-pick{ display:none; }
@media(max-width:640px){
    .main__content.gv-ticket-page .gv-cats{ display:none; }
    .main__content.gv-ticket-page .gv-cat-pick{ display:block; margin-bottom:4px; }
}
.main__content.gv-ticket-page .gv-cat-pick > select{ width:100%; padding:13px 14px; border:1px solid var(--gv-g200); border-radius:12px; font-family:inherit; font-size:15px; color:var(--gv-g800); background:#fff; }
.main__content.gv-ticket-page .gv-cat-pick .selectize-control{ width:100%; margin:0; }
.main__content.gv-ticket-page .gv-cat-pick .selectize-input{ border:1px solid var(--gv-g200) !important; border-radius:12px !important; padding:13px 14px !important; font-size:15px; box-shadow:none !important; background:#fff; }
.main__content.gv-ticket-page .gv-cat-pick .selectize-input.focus{ border-color:var(--gv-accent) !important; box-shadow:0 0 0 3px rgba(224,94,59,.14) !important; }
.main__content.gv-ticket-page .gv-cat-pick .selectize-input input{ font-size:15px; color:var(--gv-g800); }
.main__content.gv-ticket-page .gv-cat-pick .selectize-dropdown{ border-radius:12px; border:1px solid var(--gv-g200); box-shadow:0 16px 40px -18px rgba(7,72,102,.4); }
.main__content.gv-ticket-page .gv-cat-pick .selectize-dropdown .option{ padding:11px 14px; font-size:14px; }
.main__content.gv-ticket-page .gv-cat-pick .selectize-dropdown .active{ background:var(--gv-primary); color:#fff; }

/* ═══════════ HOME DO CLIENTE (index.php) ═══════════ */
.main__content.gv-home-page{
    --gv-primary:#074866; --gv-primary-dark:#053447; --gv-primary-light:#0A5F84;
    --gv-accent:#E05E3B; --gv-accent-dark:#C04A2A;
    --gv-g100:#f3f4f6; --gv-g200:#e5e7eb; --gv-g300:#d1d5db;
    --gv-g400:#9ca3af; --gv-g500:#6b7280; --gv-g600:#4b5563; --gv-g800:#1f2937;
    --gv-hair:rgba(7,72,102,.10); --gv-shadow:0 20px 48px -28px rgba(7,72,102,.45); --gv-radius:16px;
    font-family:"Montserrat", system-ui, sans-serif;
    background:#eef1f4 !important;
    padding:0 !important;
}
.gv-home-page .contr{ max-width:1000px; margin:0 auto; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 24px 60px !important; }
.gv-home-page .help-search{ text-align:center; padding:46px 20px 4px; background:none; }
.gv-home-page .search__title{ font-family:"Montserrat",system-ui,sans-serif !important; font-size:30px; font-weight:600; color:var(--gv-primary); margin:0 0 8px; letter-spacing:-.01em; }
.gv-home-page .gv-home-sub{ font-size:15px; color:var(--gv-g500); margin:0; }

.gv-home-page .nav{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; }
@media(max-width:720px){ .gv-home-page .nav{ grid-template-columns:1fr; } }
.gv-home-page .navlink{ display:flex; align-items:flex-start; gap:16px; width:100% !important; max-width:none !important; margin:0 !important; background:#fff; border:1px solid var(--gv-hair); border-radius:var(--gv-radius); box-shadow:var(--gv-shadow); padding:26px 24px; text-decoration:none; color:inherit; position:relative; overflow:hidden; transition:transform .14s, box-shadow .14s, border-color .14s; }
.gv-home-page .navlink::before{ content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--gv-g200); }
.gv-home-page .navlink:hover{ transform:translateY(-3px); box-shadow:0 26px 54px -26px rgba(7,72,102,.55); border-color:var(--gv-primary-light); }
.gv-home-page .navlink::after{ content:""; width:9px; height:9px; border-top:2px solid var(--gv-g300); border-right:2px solid var(--gv-g300); transform:rotate(45deg); margin-left:auto; align-self:center; transition:all .14s; }
.gv-home-page .navlink:hover::after{ border-color:var(--gv-accent); }
.gv-home-page .navlink .icon-in-circle{ width:54px; height:54px; border-radius:15px !important; display:grid; place-items:center; flex-shrink:0; margin:0 !important; }
.gv-home-page .navlink .icon-in-circle .icon{ width:27px; height:27px; fill:#fff !important; color:#fff !important; }
.gv-home-page .navlink__title{ font-family:"Montserrat",system-ui,sans-serif !important; font-size:18px; font-weight:600; color:var(--gv-primary); margin:2px 0 5px; }
.gv-home-page .navlink__descr{ font-size:13.5px; color:var(--gv-g500); line-height:1.5; }
.gv-home-page .nav .navlink:first-child::before{ background:var(--gv-accent); }
.gv-home-page .nav .navlink:first-child .icon-in-circle{ background:var(--gv-accent) !important; box-shadow:0 14px 28px -12px rgba(224,94,59,.6); }
.gv-home-page .nav .navlink:nth-child(2)::before{ background:var(--gv-primary-light); }
.gv-home-page .nav .navlink:nth-child(2) .icon-in-circle{ background:var(--gv-primary) !important; }

.gv-home-page .gv-quicktrack{ margin-top:20px; background:#fff; border:1px solid var(--gv-hair); border-radius:var(--gv-radius); box-shadow:var(--gv-shadow); padding:20px 24px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.gv-home-page .gv-quicktrack .qt-ico{ width:40px; height:40px; border-radius:11px; background:var(--gv-primary-light); color:#fff; display:grid; place-items:center; flex-shrink:0; }
.gv-home-page .gv-quicktrack .qt-ico svg{ width:20px; height:20px; }
.gv-home-page .gv-quicktrack .qt-txt{ font-size:13px; color:var(--gv-g600); }
.gv-home-page .gv-quicktrack .qt-txt b{ color:var(--gv-g800); }
.gv-home-page .gv-quicktrack form{ margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.gv-home-page .gv-quicktrack input{ border:1px solid var(--gv-g200); border-radius:11px; padding:11px 13px; font-family:inherit; font-size:14px; width:220px; outline:0; letter-spacing:.06em; font-weight:600; }
.gv-home-page .gv-quicktrack input::placeholder{ font-weight:400; letter-spacing:0; color:var(--gv-g300); }
.gv-home-page .gv-quicktrack input:focus{ border-color:var(--gv-accent); box-shadow:0 0 0 3px rgba(224,94,59,.14); }
.gv-home-page .gv-qt-btn{ background:var(--gv-accent); color:#fff; border:0; border-radius:11px; padding:11px 18px; font-weight:600; font-size:14px; font-family:inherit; cursor:pointer; box-shadow:0 12px 24px -12px rgba(224,94,59,.6); }
.gv-home-page .gv-qt-btn:hover{ background:var(--gv-accent-dark); }

.gv-home-page .article__footer{ text-align:center !important; margin-top:30px !important; border:0 !important; padding:0 !important; background:none !important; }
.gv-home-page .article__footer .link{ display:inline-block !important; height:auto !important; color:var(--gv-g400); text-decoration:none; font-size:12.5px; font-weight:600; border-bottom:1px dashed var(--gv-g300); padding-bottom:2px; line-height:1.4; }
.gv-home-page .article__footer .link:hover{ color:var(--gv-primary-light); border-color:var(--gv-primary-light); }

/* ═══════════ ENVIAR CHAMADO — Identidade PCL (page-create-ticket) ═══════════
   Hero navy com logo PCL + caminhão; o card do formulário flutua sobre a borda
   do hero. Coeso com o login e a home do portal (.gv-portal). Escopado em
   .page-create-ticket + .gv-ticket-page. Referência: _gv_preview/enviar-chamado-pcl-preview.html */
.page-create-ticket .header,
.page-create-ticket .breadcrumbs{ display:none !important; }
.page-create-ticket .main{ background:#eef1f4; }

.gvt-hero{
    position:relative; overflow:hidden; color:#fff;
    background:linear-gradient(157deg,#0A5F84 0%,#074866 44%,#053447 100%);
    padding:22px 0 96px; font-family:"Montserrat", system-ui, sans-serif;
}
.gvt-hero::before{
    content:""; position:absolute; right:-70px; top:46%; transform:translateY(-50%);
    width:400px; height:460px; opacity:.5; pointer-events:none;
    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 230' fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='3'%3E%3Cpath d='M100 8 L188 40 V120 C188 180 148 210 100 224 C52 210 12 180 12 120 V40 Z'/%3E%3C/svg%3E");
}
.gvt-hero__wrap{ max-width:860px; margin:0 auto; padding:0 30px; position:relative; z-index:1; }
.gvt-hero__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.gvt-logo{ display:inline-flex; }
.gvt-logo img{ height:56px; width:auto; display:block; }
.gvt-back{
    color:rgba(226,238,245,.85); text-decoration:none; font-size:13px; font-weight:600;
    display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.22);
    border-radius:9px; padding:8px 14px; transition:background .15s, color .15s;
}
.gvt-back:hover{ background:rgba(255,255,255,.08); color:#fff; }
.gvt-back svg{ width:15px; height:15px; }
.gvt-hero__c{ margin-top:28px; max-width:560px; }
.gvt-hero__c h1{ font-family:"Montserrat", system-ui, sans-serif; font-size:32px; font-weight:700; margin:0 0 10px; letter-spacing:-.02em; line-height:1.1; color:#fff; }
.gvt-hero__c p{ font-size:15px; font-weight:300; line-height:1.55; color:rgba(226,238,245,.85); margin:0; }
.gvt-badges{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.gvt-badge{ display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:500; color:rgba(226,238,245,.92); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:7px 13px; }
.gvt-badge svg{ width:14px; height:14px; color:#f0e6d6; flex-shrink:0; }
.gvt-truck{ position:absolute; right:30px; bottom:26px; width:200px; opacity:.92; z-index:1; pointer-events:none; }
@media(max-width:820px){ .gvt-truck{ display:none; } }

/* Card do formulário flutua sobre o hero */
.page-create-ticket .main__content.gv-ticket-page{
    background:transparent !important; padding:0 16px 60px !important;
    margin-top:-64px; position:relative; z-index:2;
}
/* .contr tem padding:0 → recuo explícito às seções injetadas */
.main__content.gv-ticket-page .gvt-msgs{ padding:0 30px; }
.main__content.gv-ticket-page .gvt-msgs:has(> *){ padding-top:20px; }
.main__content.gv-ticket-page .gv-cat-step{ padding:26px 30px 0 !important; }
.main__content.gv-ticket-page .gv-cat-divider{ margin:24px -30px !important; }

/* "Campos obrigatórios" alinhado à esquerda (base centraliza) */
.page-create-ticket .main__content.gv-ticket-page .article-heading-tip{ text-align:left !important; justify-content:flex-start !important; }

/* Barra de ação (rodapé do form): selo de segurança à esquerda + CTA laranja à direita */
.main__content.gv-ticket-page .form-submit-ticket .form-footer{
    display:flex !important; flex-direction:row !important; align-items:center; justify-content:space-between;
    gap:14px; flex-wrap:wrap; margin-top:26px; padding-top:22px; border-top:1px solid var(--gv-g100); text-align:left;
}
.main__content.gv-ticket-page .form-submit-ticket .form-footer .btn.btn-full{ margin:0; }
.main__content.gv-ticket-page .gvt-secure{ order:-1; font-size:12.5px; color:var(--gv-g500); display:inline-flex; align-items:center; gap:7px; }
.main__content.gv-ticket-page .gvt-secure svg{ width:15px; height:15px; color:var(--gv-primary); flex-shrink:0; }
@media(max-width:640px){
    .main__content.gv-ticket-page .form-submit-ticket .form-footer{ flex-direction:column; align-items:stretch; }
    .main__content.gv-ticket-page .form-submit-ticket .form-footer .btn.btn-full{ width:100%; }
    .main__content.gv-ticket-page .gvt-secure{ justify-content:center; order:1; }
}

/* Acessibilidade */
.gvt-hero a:focus-visible{ outline:2px solid #E05E3B; outline-offset:2px; }
@media(max-width:640px){ .gvt-hero__c h1{ font-size:26px; } }

/* ═══════════ Seletor de SKUs (categorias de produto) ═══════════
   Widget no formulário de chamado: busca com autocomplete → seleciona → quantidade.
   Escopado em .gv-ticket-page. Ref: inc/sku_functions.inc.php / sku_search.php */
.main__content.gv-ticket-page .gv-sku-field{ width:100%; }
.main__content.gv-ticket-page .gv-sku-lbl{ display:block; font-size:12px; font-weight:600; color:var(--gv-g700); margin-bottom:6px; }
.main__content.gv-ticket-page .gv-sku-hint{ color:var(--gv-g400); font-weight:500; }
.main__content.gv-ticket-page .gv-sku-search{ position:relative; }
.main__content.gv-ticket-page .gv-sku-ico{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--gv-g400); pointer-events:none; }
.main__content.gv-ticket-page .gv-sku-search input{ width:100%; padding:11px 13px 11px 36px !important; border:1px solid var(--gv-g200) !important; border-radius:11px !important; font-family:inherit; font-size:14px; color:var(--gv-g800); background:#fff; }
.main__content.gv-ticket-page .gv-sku-search input:focus{ border-color:var(--gv-accent) !important; box-shadow:0 0 0 3px rgba(224,94,59,.14) !important; outline:0; }
.main__content.gv-ticket-page .gv-sku-drop{ position:absolute; z-index:20; left:0; right:0; top:calc(100% + 4px); background:#fff; border:1px solid var(--gv-g200); border-radius:12px; box-shadow:0 16px 40px -18px rgba(7,72,102,.4); max-height:264px; overflow-y:auto; display:none; }
.main__content.gv-ticket-page .gv-sku-opt{ display:flex; align-items:baseline; gap:10px; padding:10px 13px; cursor:pointer; border-bottom:1px solid var(--gv-g100); }
.main__content.gv-ticket-page .gv-sku-opt:last-child{ border-bottom:0; }
.main__content.gv-ticket-page .gv-sku-opt:hover{ background:#f9fafb; }
.main__content.gv-ticket-page .gv-sku-opt .c{ font-weight:700; color:var(--gv-primary); font-variant-numeric:tabular-nums; font-size:13px; flex-shrink:0; min-width:58px; }
.main__content.gv-ticket-page .gv-sku-opt .d{ font-size:12.5px; color:var(--gv-g600); line-height:1.35; }
.main__content.gv-ticket-page .gv-sku-noopt{ padding:12px 13px; font-size:12.5px; color:var(--gv-g400); }
.main__content.gv-ticket-page .gv-sku-list{ margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.main__content.gv-ticket-page .gv-sku-row{ display:flex; align-items:center; gap:12px; background:#f9fafb; border:1px solid var(--gv-g200); border-radius:11px; padding:9px 12px; }
.main__content.gv-ticket-page .gv-sku-code{ font-weight:700; color:var(--gv-primary); font-variant-numeric:tabular-nums; font-size:13px; flex-shrink:0; min-width:58px; }
.main__content.gv-ticket-page .gv-sku-desc{ font-size:12.5px; color:var(--gv-g700); flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main__content.gv-ticket-page .gv-sku-qtybox{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.main__content.gv-ticket-page .gv-sku-qtybox span{ font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--gv-g400); }
.main__content.gv-ticket-page .gv-sku-qty{ width:66px !important; padding:7px 9px !important; border:1px solid var(--gv-g200) !important; border-radius:8px !important; font-family:inherit; font-size:13px; text-align:center; color:var(--gv-g800); background:#fff; }
.main__content.gv-ticket-page .gv-sku-qty:focus{ border-color:var(--gv-accent) !important; box-shadow:0 0 0 3px rgba(224,94,59,.14) !important; outline:0; }
.main__content.gv-ticket-page .gv-sku-rm{ flex-shrink:0; width:28px; height:28px; padding:0; border:1px solid var(--gv-g200); border-radius:8px; background:#fff; color:var(--gv-g400); font-size:19px; line-height:1; cursor:pointer; }
.main__content.gv-ticket-page .gv-sku-rm:hover{ background:#fde8e8; color:#c81e1e; border-color:transparent; }
.main__content.gv-ticket-page .gv-sku-empty{ margin-top:9px; font-size:12px; color:var(--gv-g400); }

/* ═══════════ CONFIRMAÇÃO — Chamado registrado (identidade PCL) ═══════════
   theme/hesk3/customer/create-ticket/create-ticket-confirmation.php.
   Hero navy + protocolo (código) + próximos passos + WhatsApp. Escopado em
   .page-create-ticket-confirmation. Ref: _gv_preview/confirmacao-pcl-preview.html */
.page-create-ticket-confirmation .header,
.page-create-ticket-confirmation .breadcrumbs{ display:none !important; }
.page-create-ticket-confirmation .main{ background:#eef1f4; }

.gvc-hero{ position:relative; overflow:hidden; color:#fff; text-align:center;
  background:linear-gradient(157deg,#0A5F84 0%,#074866 44%,#053447 100%);
  padding:22px 0 90px; font-family:"Montserrat",system-ui,sans-serif; }
.gvc-hero::before{ content:""; position:absolute; right:-70px; top:46%; transform:translateY(-50%);
  width:380px; height:440px; opacity:.5; pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 230' fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='3'%3E%3Cpath d='M100 8 L188 40 V120 C188 180 148 210 100 224 C52 210 12 180 12 120 V40 Z'/%3E%3C/svg%3E"); }
.gvc-hero__wrap{ max-width:640px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }
.gvc-logo{ display:inline-flex; }
.gvc-logo img{ height:50px; width:auto; display:block; }
.gvc-check{ width:70px; height:70px; border-radius:50%; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); display:grid; place-items:center; margin:24px auto 16px; }
.gvc-check svg{ width:36px; height:36px; color:#8ef0bd; }
.gvc-hero h1{ font-family:"Montserrat",system-ui,sans-serif; font-size:1.9rem; font-weight:700; margin:0 0 8px; letter-spacing:-.02em; color:#fff; }
.gvc-hero p{ font-size:1rem; font-weight:300; color:rgba(226,238,245,.85); margin:0; line-height:1.55; }

.gvc-main{ background:transparent !important; padding:0 16px 40px !important; margin-top:-60px; position:relative; z-index:2; }
.gvc-card{ max-width:610px; margin:0 auto; background:#fff; border:1px solid rgba(7,72,102,.10); border-radius:20px; box-shadow:0 30px 60px -34px rgba(5,52,71,.5); overflow:hidden; font-family:"Montserrat",system-ui,sans-serif; }

/* protocolo (canhoto) */
.gvc-proto{ padding:26px 28px 24px; text-align:center; border-bottom:1px dashed #e5e7eb; position:relative; }
.gvc-proto::before,.gvc-proto::after{ content:""; position:absolute; bottom:-11px; width:22px; height:22px; border-radius:50%; background:#eef1f4; }
.gvc-proto::before{ left:-11px; } .gvc-proto::after{ right:-11px; }
.gvc-lbl{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:#9ca3af; margin-bottom:10px; }
.gvc-codebox{ display:inline-flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:center; }
.gvc-code{ font-size:2rem; font-weight:700; color:#074866; letter-spacing:.06em; font-variant-numeric:tabular-nums; }
.gvc-copy{ display:inline-flex; align-items:center; gap:6px; border:1.5px solid #e5e7eb; background:#fff; border-radius:9px; padding:8px 12px; font-family:inherit; font-size:12px; font-weight:600; color:#074866; cursor:pointer; transition:border-color .14s,background .14s; }
.gvc-copy:hover{ border-color:#0A5F84; }
.gvc-copy.copied{ border-color:#057a55; color:#057a55; background:#e7f6ef; }
.gvc-copy svg{ width:14px; height:14px; }
.gvc-hint{ font-size:12.5px; color:#6b7280; margin-top:12px; line-height:1.5; }
.gvc-hint b{ color:#374151; }

/* passos */
.gvc-steps{ padding:24px 28px 8px; }
.gvc-steps h3{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#0A5F84; margin:0 0 16px; }
.gvc-step{ display:flex; gap:14px; align-items:flex-start; position:relative; padding-bottom:20px; }
.gvc-step:last-child{ padding-bottom:6px; }
.gvc-step::before{ content:""; position:absolute; left:14px; top:30px; bottom:0; width:2px; background:#e5e7eb; }
.gvc-step:last-child::before{ display:none; }
.gvc-dot{ width:30px; height:30px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; font-size:12px; font-weight:700; z-index:1; }
.gvc-step.done .gvc-dot{ background:#057a55; color:#fff; }
.gvc-step.now .gvc-dot{ background:#E05E3B; color:#fff; box-shadow:0 0 0 4px rgba(224,94,59,.16); }
.gvc-step.next .gvc-dot{ background:#fff; border:2px solid #d1d5db; color:#9ca3af; }
.gvc-dot svg{ width:15px; height:15px; }
.gvc-txt b{ display:block; font-size:14px; font-weight:600; color:#1f2937; margin-bottom:2px; }
.gvc-txt span{ font-size:12.5px; color:#6b7280; line-height:1.5; }
.gvc-tag{ display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:1px 7px; border-radius:5px; margin-left:6px; vertical-align:middle; }
.gvc-step.done .gvc-tag{ background:#e7f6ef; color:#057a55; }
.gvc-step.now .gvc-tag{ background:#fdf1ec; color:#C04A2A; }

/* faixa whatsapp */
.gvc-wabar{ margin:6px 28px 0; background:#eafaf1; border:1px solid #bfe9d2; border-radius:12px; padding:12px 15px; display:flex; align-items:center; gap:11px; }
.gvc-wa-ic{ width:32px; height:32px; border-radius:9px; background:#1e9e5a; color:#fff; display:grid; place-items:center; flex-shrink:0; }
.gvc-wa-ic svg{ width:17px; height:17px; }
.gvc-wa-t{ font-size:12.5px; color:#0f5132; line-height:1.45; }
.gvc-wa-t b{ color:#0a3d26; }

/* ações */
.gvc-actions{ padding:20px 28px 26px; display:flex; gap:12px; flex-wrap:wrap; }
.gvc-actions a{ flex:1; min-width:190px; height:50px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:13px; font-family:inherit; font-weight:600; font-size:.95rem; text-decoration:none; }
.gvc-primary{ background:#E05E3B; color:#fff; box-shadow:0 14px 28px -12px rgba(224,94,59,.6); }
.gvc-primary:hover{ background:#C04A2A; }
.gvc-ghost{ background:#fff; color:#074866; border:1.5px solid #e5e7eb; }
.gvc-ghost:hover{ border-color:#074866; background:#f9fafb; }
.gvc-actions svg{ width:18px; height:18px; }

.gvc-hero a:focus-visible,.gvc-copy:focus-visible,.gvc-actions a:focus-visible{ outline:2px solid #E05E3B; outline-offset:2px; }
@media(max-width:560px){ .gvc-hero h1{ font-size:1.55rem; } .gvc-code{ font-size:1.6rem; } }

/* ═══════════ VER CHAMADO (cliente) — identidade PCL ═══════════
   theme/hesk3/customer/view-ticket/view-ticket.php. Hero navy + código/status,
   card do chamado (dados/descrição/produtos), respostas em cartões, sidebar PCL
   e form de resposta. Escopado em .page-view-ticket. Ref: _gv_preview/ver-chamado-cliente-preview.html */
.page-view-ticket .header,
.page-view-ticket .breadcrumbs{ display:none !important; }
.page-view-ticket .main{ background:#eef1f4; }
.page-view-ticket .main__content{ padding:0 !important; }

/* Hero */
.gvv-hero{ position:relative; overflow:hidden; color:#fff; background:linear-gradient(157deg,#0A5F84 0%,#074866 44%,#053447 100%); padding:20px 0 78px; font-family:"Montserrat",system-ui,sans-serif; }
.gvv-hero::before{ content:""; position:absolute; right:-70px; top:50%; transform:translateY(-50%); width:340px; height:400px; opacity:.5; pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 230' fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='3'%3E%3Cpath d='M100 8 L188 40 V120 C188 180 148 210 100 224 C52 210 12 180 12 120 V40 Z'/%3E%3C/svg%3E"); }
.gvv-hero__wrap{ max-width:1000px; margin:0 auto; padding:0 24px; position:relative; z-index:1; }
.gvv-hero__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.gvv-logo img{ height:46px; width:auto; display:block; }
.gvv-back{ color:rgba(226,238,245,.85); text-decoration:none; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.22); border-radius:9px; padding:8px 14px; }
.gvv-back:hover{ background:rgba(255,255,255,.08); color:#fff; }
.gvv-back svg{ width:15px; height:15px; }
.gvv-hero__c{ margin-top:20px; display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap; }
.gvv-hero__id{ flex:1; min-width:200px; }
.gvv-code{ font-size:1.5rem; font-weight:700; letter-spacing:.04em; font-variant-numeric:tabular-nums; color:#fff; }
.gvv-sub{ font-size:.92rem; color:rgba(226,238,245,.85); margin-top:3px; }
.gvv-stpill{ display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:6px 14px; font-size:.8rem; font-weight:600; white-space:nowrap; }
.gvv-stpill .d{ width:8px; height:8px; border-radius:50%; background:#7fc4e6; }
.gvv-stpill.gvv-st-1 .d{ background:#f0b361; } .gvv-stpill.gvv-st-2 .d{ background:#5fd0c4; } .gvv-stpill.gvv-st-3 .d{ background:#8ef0bd; }

/* Conteúdo flutua sob o hero */
.page-view-ticket .contr{ max-width:1000px; margin:-56px auto 0 !important; padding:0 24px 44px !important; position:relative; z-index:2; background:transparent !important; border:0 !important; box-shadow:none !important; }
.page-view-ticket .ticket{ display:grid; grid-template-columns:1fr 322px; gap:18px; align-items:start; }
@media(max-width:840px){ .page-view-ticket .ticket{ grid-template-columns:1fr; } }
.page-view-ticket .ticket__body{ min-width:0; }
.page-view-ticket .ticket__params{ min-width:0; }

/* Cartões (mensagem original + respostas + form) */
.page-view-ticket .ticket__body_block,
.page-view-ticket .original-message{ background:#fff !important; border:1px solid rgba(7,72,102,.10) !important; border-radius:16px !important; box-shadow:0 14px 32px -22px rgba(7,72,102,.30) !important; padding:20px 22px !important; margin:0 0 16px !important; }
.page-view-ticket .original-message h1{ font-family:"Montserrat",system-ui,sans-serif !important; font-size:1.15rem !important; font-weight:700 !important; color:#074866 !important; margin:0 0 12px !important; }
.page-view-ticket .block--head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 0 14px !important; margin:0 0 14px !important; border-bottom:1px solid #f3f4f6; }
.page-view-ticket .block--head .contact{ font-size:.82rem; color:#6b7280; }
.page-view-ticket .block--head .requester span,
.page-view-ticket .block--head .requester label span{ font-weight:600; color:#374151; }
.page-view-ticket .block--head .btn-action{ color:#9ca3af; }
.page-view-ticket .block--head .btn-action svg{ width:16px; height:16px; }
.page-view-ticket .block--head .icon-person{ width:15px; height:15px; }

/* Títulos de seção */
.page-view-ticket .gvv-sect-t{ font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#0A5F84; margin:18px 0 12px; display:flex; align-items:center; gap:8px; }
.page-view-ticket .gvv-sect-t::after{ content:""; flex:1; height:1px; background:#f3f4f6; }

/* Grade de campos */
.page-view-ticket .gvv-fgrid{ display:grid; grid-template-columns:1fr 1fr; gap:11px 22px; }
@media(max-width:520px){ .page-view-ticket .gvv-fgrid{ grid-template-columns:1fr; } }
.page-view-ticket .gvv-fgrid > div{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.page-view-ticket .gvv-fgrid .custom-field-title{ font-size:.66rem !important; font-weight:600 !important; text-transform:uppercase; letter-spacing:.04em; color:#9ca3af !important; }
.page-view-ticket .gvv-fgrid > div > span:not(.custom-field-title){ font-size:.9rem; color:#1f2937; font-weight:500; }

/* Descrição */
.page-view-ticket .block--description{ background:#f9fafb; border:1px solid #f3f4f6; border-radius:11px; padding:14px 16px; margin:0; }
.page-view-ticket .block--description p{ font-size:.9rem; color:#374151; line-height:1.6; margin:0; }

/* PRODUTOS */
.page-view-ticket .gvv-prod{ margin-top:18px; border:1px solid rgba(7,72,102,.10); border-radius:13px; overflow:hidden; }
.page-view-ticket .gvv-prod__h{ background:#fff6f3; border-bottom:1px solid #f6ddd3; padding:11px 15px; display:flex; align-items:center; gap:9px; }
.page-view-ticket .gvv-prod__h .ic{ width:26px; height:26px; border-radius:8px; background:#E05E3B; color:#fff; display:grid; place-items:center; flex-shrink:0; }
.page-view-ticket .gvv-prod__h .ic svg{ width:15px; height:15px; }
.page-view-ticket .gvv-prod__h b{ font-size:.85rem; color:#C04A2A; font-weight:700; }
.page-view-ticket .gvv-prod__h .n{ margin-left:auto; font-size:.72rem; font-weight:700; color:#E05E3B; background:#fff; border:1px solid #f6ddd3; border-radius:999px; padding:2px 9px; }
.page-view-ticket .gvv-prow{ display:flex; align-items:center; gap:12px; padding:11px 15px; border-bottom:1px solid #f3f4f6; }
.page-view-ticket .gvv-prow:last-child{ border-bottom:0; }
.page-view-ticket .gvv-prow .pc{ font-weight:700; color:#074866; font-variant-numeric:tabular-nums; font-size:.82rem; flex-shrink:0; min-width:52px; }
.page-view-ticket .gvv-prow .pd{ flex:1; font-size:.86rem; color:#374151; min-width:0; }
.page-view-ticket .gvv-prow .pq{ flex-shrink:0; font-size:.78rem; font-weight:700; color:#1f2937; background:#f3f4f6; border-radius:8px; padding:4px 11px; }
.page-view-ticket .gvv-prow .pq small{ font-weight:600; color:#9ca3af; font-size:.7rem; }

/* Respostas (cartões) */
.page-view-ticket .ticket__body_block.response{ border-left:3px solid #074866 !important; }
.page-view-ticket .ticket__body_block .block--head .contact b{ color:#074866; }

/* Anexos */
.page-view-ticket .block--uploads{ margin-top:14px; font-size:.85rem; }
.page-view-ticket .block--uploads a{ color:#0A5F84; }
.page-view-ticket .block--uploads .icon-attach{ width:14px; height:14px; }

/* Sidebar */
.page-view-ticket .ticket__params .details{ background:#fff !important; border:1px solid rgba(7,72,102,.10) !important; border-radius:16px !important; box-shadow:0 14px 32px -22px rgba(7,72,102,.30) !important; overflow:hidden; padding:0 !important; }
.page-view-ticket .ticket__params .accordion-title{ display:flex; align-items:center; gap:8px; padding:15px 18px !important; margin:0 !important; border-bottom:1px solid #f3f4f6; font-family:"Montserrat",system-ui,sans-serif; }
.page-view-ticket .ticket__params .accordion-title > span{ font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#074866; }
.page-view-ticket .ticket__params .accordion-title .link{ margin-left:auto; font-size:.72rem; color:#9ca3af; }
.page-view-ticket .ticket__params .accordion-title .link .icon{ width:13px; height:13px; }
.page-view-ticket .ticket__params .accordion-body{ padding:4px 0; }
.page-view-ticket .ticket__params .row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 18px !important; margin:0 !important; border-bottom:1px solid #f3f4f6; font-size:.84rem; }
.page-view-ticket .ticket__params .accordion-body .row:last-child{ border-bottom:0; }
.page-view-ticket .ticket__params .row .title{ color:#6b7280; font-weight:500; }
.page-view-ticket .ticket__params .row .value{ color:#1f2937; font-weight:600; text-align:right; }
.page-view-ticket .ticket__params .row .value.center{ text-align:center; width:100%; }
.page-view-ticket .ticket__params .row .value .link{ color:#E05E3B; font-weight:600; }
.page-view-ticket .ticket__params .priority_img{ display:inline-block; width:9px; height:9px; border-radius:2px; }

/* Form de resposta */
.page-view-ticket .form--reply .form-group > label,
.page-view-ticket .form--reply .label{ display:block; font-size:.7rem !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.05em; color:#0A5F84 !important; margin-bottom:8px !important; }
.page-view-ticket .form--reply #message,
.page-view-ticket .form--reply textarea.form-control{ width:100%; min-height:104px; border:1px solid #e5e7eb !important; border-radius:11px !important; padding:12px 14px !important; font-family:"Montserrat",system-ui,sans-serif !important; font-size:.9rem !important; resize:vertical; }
.page-view-ticket .form--reply #message:focus{ border-color:#E05E3B !important; box-shadow:0 0 0 3px rgba(224,94,59,.14) !important; outline:0; }
.page-view-ticket .form--reply .btn.btn-full{ background:#E05E3B !important; border:0 !important; color:#fff !important; border-radius:12px !important; font-family:"Montserrat",system-ui,sans-serif !important; font-weight:600 !important; font-size:.92rem !important; padding:12px 24px !important; box-shadow:0 12px 24px -12px rgba(224,94,59,.6) !important; }
.page-view-ticket .form--reply .btn.btn-full:hover{ background:#C04A2A !important; }
.page-view-ticket .form--reply .dropzone,
.page-view-ticket .form--reply .filedrop{ border:1.5px dashed #d1d5db !important; border-radius:12px !important; background:#f9fafb !important; }

/* Acessibilidade */
.gvv-hero a:focus-visible{ outline:2px solid #E05E3B; outline-offset:2px; }
@media(max-width:560px){ .gvv-code{ font-size:1.25rem; } }