/* Tela tensionada: melhorias aprovadas, isoladas da home e da iluminação linear. */
body.tela-page .tela-supply-note{display:flex;align-items:flex-start;gap:12px;max-width:520px;margin:22px 0 0;color:#41483d;font:500 13px/1.6 Inter,Arial,sans-serif}
body.tela-page .tela-supply-note span{color:#a6ff2e;font-size:17px;line-height:1.2}
body.tela-page .brandbook-plate-tela{scroll-margin-top:120px;margin:0 0 clamp(45px,5vw,76px)}
body.tela-page .tela-reference{margin-top:clamp(56px,6vw,90px)}
body.tela-page .tela-intro-detail .text-link{font-size:13px}
body.tela-page .tela-product-bridge{display:block;margin-top:0}
body.tela-page .tela-bridge-heading{display:grid;grid-template-columns:1fr minmax(260px,.6fr);gap:20px 70px;align-items:end;margin-bottom:28px}
body.tela-page .tela-bridge-heading .eyebrow{grid-column:1/-1;margin:0}
body.tela-page .tela-bridge-heading h3{font:500 clamp(32px,3.8vw,53px)/1.1 Manrope,Inter,sans-serif;letter-spacing:-.055em;margin:0}
body.tela-page .tela-bridge-heading>p:last-child{color:#51554b;font-size:14px;line-height:1.7;margin:0}
body.tela-page .tela-product-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.tela-page .tela-product-column{display:flex;flex-direction:column;min-height:330px;padding:clamp(25px,3vw,43px);background:#f8f8f5;border:1px solid #c7c9be}
body.tela-page .tela-product-column:nth-child(2){background:#e9ebe3}
body.tela-page .tela-product-column>span{color:#4f5a42;font:500 11px/1.5 Mono,'JetBrains Mono',monospace;letter-spacing:.07em}
body.tela-page .tela-product-column h4{max-width:470px;margin:28px 0 13px;font:500 clamp(24px,2.7vw,36px)/1.18 Manrope,Inter,sans-serif;letter-spacing:-.045em}
body.tela-page .tela-product-column p{max-width:500px;margin:0;color:#50554b;font-size:14px;line-height:1.75}
body.tela-page .tela-product-column nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:26px}
body.tela-page .tela-product-column nav a,body.tela-page .tela-project-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-top:1px solid #93998c;padding-top:10px;text-decoration:none;font-size:13px;font-weight:600}
body.tela-page .tela-product-column nav a:hover,body.tela-page .tela-project-link:hover{color:#467319}
body.tela-page .tela-project-link{margin-top:auto}
body.tela-page .tela-product-caveat{font-size:13px;line-height:1.7;color:#464b40;margin-top:18px;padding-top:18px}
/* Legendas técnicas permanecem legíveis também no celular. */
body.tela-page .composition-image-note,body.tela-page .tela-reference figcaption>small,body.tela-page .tela-reference figcaption>a,body.tela-page .mosaic-tile figcaption>a,body.tela-page .mosaic-foot p,body.tela-page .brandbook-plate figcaption>p{font-size:13px;line-height:1.65}
body.tela-page .brandbook-plate figcaption>span,body.tela-page .tela-reference figcaption>span,body.tela-page .mosaic-tile figcaption>span{font-size:11px;line-height:1.5}
body.tela-page .tela-hero .hero-bottom>p{font-size:11px;line-height:1.6}
body.tela-page .tela-hero .hero-bottom>p>span{font-size:12px;line-height:1.6}

/* FAQ sobe antes do orçamento e usa os mesmos cartões da home. */
body.tela-page .solution-faq .faq-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(48px,7vw,108px)}
body.tela-page .solution-faq .eyebrow{display:inline-flex;align-items:center;min-height:32px;margin-bottom:22px;padding:7px 14px;border-radius:999px;background:#e7facd;color:#172013;font:700 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.04em}
body.tela-page .solution-faq h2{max-width:480px;font-size:clamp(38px,3.8vw,54px);line-height:1.09}
body.tela-page .solution-faq .body-copy{max-width:38ch;margin-top:22px;font-size:15px;line-height:1.7;color:#5a6057}
body.tela-page .solution-faq .faq-list{display:grid;gap:8px;padding:9px;border:1px solid #dce2d5;border-radius:22px;background:#f0f3ec;counter-reset:tela-faq}
body.tela-page .solution-faq .faq-list details,body.tela-page .solution-faq .faq-list details:first-child{overflow:hidden;border:1px solid #e2e7dd;border-radius:15px;background:#fff;box-shadow:0 4px 12px #1520130d;counter-increment:tela-faq;transition:border-color .2s,box-shadow .2s}
body.tela-page .solution-faq .faq-list details:hover{border-color:#cbd8bd;box-shadow:0 6px 18px #15201316}
body.tela-page .solution-faq .faq-list details[open]{border-color:#b7d99a;box-shadow:0 7px 20px #15201318}
body.tela-page .solution-faq .faq-list summary{display:flex;align-items:center;gap:7px;min-height:73px;padding:14px 17px;font:600 15px/1.45 Inter,Arial,sans-serif}
body.tela-page .solution-faq .faq-list .faq-number{flex:none;color:#687367;font-weight:700}
body.tela-page .solution-faq .faq-list .faq-number::before{content:counter(tela-faq,decimal-leading-zero) "."}
body.tela-page .solution-faq .faq-list .faq-question{flex:1;min-width:0}
body.tela-page .solution-faq .faq-list .faq-toggle{position:relative;flex:none;width:42px;height:42px;margin-left:auto;border-radius:50%;background:#171c17;color:#fff;transition:background .2s,color .2s,transform .2s}
body.tela-page .solution-faq .faq-list .faq-toggle::before,body.tela-page .solution-faq .faq-list .faq-toggle::after{content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
body.tela-page .solution-faq .faq-list .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
body.tela-page .solution-faq .faq-list details[open] .faq-toggle{background:#a6ff2e;color:#111}
body.tela-page .solution-faq .faq-list details[open] .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}
body.tela-page .solution-faq .faq-list summary:hover .faq-toggle{transform:scale(1.06)}
body.tela-page .solution-faq .faq-list details>p{max-width:none;padding:0 72px 24px 48px;font-size:14px;line-height:1.75;color:#5a6057}
body.tela-page .solution-faq .faq-routes{max-width:440px;margin-top:32px}
body.tela-page .solution-faq .faq-routes a{font-size:12px}
body.tela-page .solution-faq .faq-list summary:focus-visible{outline:3px solid #6bac1a;outline-offset:-4px;border-radius:12px}

/* O formulário da tela é escuro por inteiro; os campos mantêm contraste e foco visível. */
body.tela-page #projeto.quote{background:#111410;color:#f6f8f2;border-radius:clamp(24px,3vw,44px) clamp(24px,3vw,44px) 0 0}
body.tela-page #projeto.quote .quote-form{background:#191d18;color:#f6f8f2;border:1px solid #485045;color-scheme:dark}
body.tela-page #projeto.quote .form-header{border-color:#414a3f}
body.tela-page #projeto.quote .form-header p,body.tela-page #projeto.quote .form-header .form-scope,body.tela-page #projeto.quote .field-help,body.tela-page #projeto.quote .quote-attachments>p,body.tela-page #projeto.quote .form-notice{color:#c5cdc0}
body.tela-page #projeto.quote .field label,body.tela-page #projeto.quote .dimensions legend,body.tela-page #projeto.quote .area>output{color:#f6f8f2}
body.tela-page #projeto.quote .field label>span,body.tela-page #projeto.quote .dimensions legend>span,body.tela-page #projeto.quote .dimension-fields>label>span,body.tela-page #projeto.quote .dimension-fields .multiply{color:#b8c0b2}
body.tela-page #projeto.quote .field input,body.tela-page #projeto.quote .field select,body.tela-page #projeto.quote .field textarea,body.tela-page #projeto.quote .dimension-fields input{background-color:#10130f;border-color:#596255;color:#f7f8f3;color-scheme:dark}
body.tela-page #projeto.quote .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23dce5d6' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
body.tela-page #projeto.quote .field input::placeholder,body.tela-page #projeto.quote .field textarea::placeholder,body.tela-page #projeto.quote .dimension-fields input::placeholder{color:#afb9a9}
body.tela-page #projeto.quote .field input:focus,body.tela-page #projeto.quote .field select:focus,body.tela-page #projeto.quote .field textarea:focus,body.tela-page #projeto.quote .dimension-fields input:focus{border-color:#a6ff2e;box-shadow:0 0 0 3px #a6ff2e55}
body.tela-page #projeto.quote .quote-form .field:focus-within label,body.tela-page #projeto.quote .quote-form .dimensions:focus-within legend{color:#a6ff2e}
body.tela-page #projeto.quote .area>span{color:#c5cdc0}
body.tela-page #projeto.quote .quote-attachments #quote-files::file-selector-button{border-color:#a6ff2e;background:#a6ff2e;color:#111}
body.tela-page #projeto.quote .form-submit{border-color:#a6ff2e;background:#a6ff2e;color:#111}
body.tela-page #projeto.quote .form-submit:hover:not(:disabled){border-color:#c4ff7f;background:#c4ff7f}
body.tela-page #projeto.quote .form-submit:disabled{border-color:#3c453a;background:#3c453a;color:#c5cdc0}
body.tela-page #projeto.quote .quote-form button:focus-visible,body.tela-page #projeto.quote .quote-form a:focus-visible{outline-color:#a6ff2e}
body.tela-page #projeto.quote .field input:disabled,body.tela-page #projeto.quote .field select:disabled,body.tela-page #projeto.quote .field textarea:disabled,body.tela-page #projeto.quote .dimension-fields input:disabled{background:#252b23;color:#c0c8bb}
body.tela-page #projeto.quote .dimension-fields .area{background:#252b23}
body.tela-page #quote-dialog{background:#191d18;color:#f6f8f2;color-scheme:dark;border:1px solid #485045}
body.tela-page #quote-dialog>p:not(.eyebrow),body.tela-page #quote-dialog>.fine-print{color:#c5cdc0}
body.tela-page #quote-dialog #quote-summary{background:#10130f;border-color:#596255;color:#f7f8f3}
body.tela-page #quote-dialog .dialog-close,body.tela-page #quote-dialog [data-close-quote]{background:#252b23;color:#f6f8f2;border-color:#596255}
body.tela-page #quote-dialog>.button{background:#a6ff2e;border-color:#a6ff2e;color:#111}
body.tela-page #quote-dialog .brief-actions>button{color:#f6f8f2}
body.tela-page #quote-dialog .brief-actions>button.is-confirmed{color:#111}
body.tela-page #quote-dialog :focus-visible{outline-color:#a6ff2e}
@media(max-width:950px){body.tela-page .tela-bridge-heading,body.tela-page .solution-faq .faq-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:800px){body.tela-page .tela-product-columns{grid-template-columns:1fr}body.tela-page .tela-product-column{min-height:0}body.tela-page .tela-product-column nav,body.tela-page .tela-project-link{margin-top:20px}}
@media(max-width:640px){body.tela-page .tela-supply-note{font-size:12px;margin-top:15px}body.tela-page .brandbook-plate-tela{scroll-margin-top:85px}body.tela-page .tela-bridge-heading{gap:12px}body.tela-page .tela-product-column nav{grid-template-columns:1fr}body.tela-page .tela-product-column h4{margin-top:20px}body.tela-page .tela-hero .hero-bottom>p{font-size:10px}body.tela-page .solution-faq .faq-grid{gap:30px}body.tela-page .solution-faq .faq-list{padding:6px;gap:6px;border-radius:18px}body.tela-page .solution-faq .faq-list details{border-radius:13px}body.tela-page .solution-faq .faq-list summary{min-height:68px;padding:13px 12px;font-size:13px;gap:5px}body.tela-page .solution-faq .faq-list .faq-number{font-size:12px}body.tela-page .solution-faq .faq-list .faq-toggle{width:37px;height:37px}body.tela-page .solution-faq .faq-list details>p{padding:0 17px 20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body.tela-page .solution-faq .faq-list details,body.tela-page .solution-faq .faq-list .faq-toggle,body.tela-page .solution-faq .faq-list .faq-toggle::after{transition:none}}