/* CLINK 8.33 — identidade, Sobre, catálogo e assinatura UI. Apenas apresentação. */
:root{--cl33-navy:#102c43;--cl33-gold:#bf955e;--cl33-line:#e8dfd4}
/* Marca original refinada para combinar com a identidade do site. */
.la24-header .cl33-brand.clink-wordmark-link{position:relative!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;max-width:178px!important;width:178px!important;min-width:0!important;overflow:hidden!important;isolation:isolate;text-decoration:none!important}
.la24-header .cl33-brand .clink-wordmark{width:164px!important;height:46px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.09))}
.la24-header .cl33-brand-subtitle{font:700 6.5px/1.35 Arial,Helvetica,sans-serif!important;letter-spacing:.105em!important;color:#c5b9a8!important;white-space:nowrap!important;text-align:center!important;display:block!important;margin:0!important}
.la24-header .cl33-brand:after{content:"";position:absolute;inset:-15px auto -15px 0;width:38%;pointer-events:none;background:linear-gradient(110deg,transparent 12%,rgba(255,255,255,.02) 32%,rgba(255,245,211,.20) 47%,transparent 62%);transform:translateX(-280%) skew(-17deg);animation:cl33-shine 9s ease-in-out 3s infinite;mix-blend-mode:screen}
@keyframes cl33-shine{0%,67%,100%{transform:translateX(-280%) skew(-17deg)}79%{transform:translateX(490%) skew(-17deg)}}
/* Home: blocos da jornada mais legíveis sem aumentar demais a altura. */
.la24-feature-timeline strong{line-height:1.32!important}
.la24-feature-timeline small{line-height:1.58!important;white-space:normal!important;display:block!important}
/* Sobre: apresentação enxuta com informações relevantes. */
.cl33-about-hero.la24-about-page{min-height:360px!important}
.cl33-about-hero .la24-about-page-grid{min-height:360px!important;gap:34px!important}
.cl33-about-hero .la24-about-page-copy{padding:52px 0 44px!important}
.cl33-about-hero .la24-about-page-photo{height:360px!important;min-height:360px!important}
.cl33-about-hero h1{font-size:clamp(43px,4.3vw,64px)!important;margin:5px 0 12px!important}
.cl33-about-hero .la24-about-page-copy .cl33-about-tagline{font:italic 400 clamp(19px,2vw,26px)/1.2 Georgia,serif!important;color:#e0bf8a!important;margin:0 0 13px!important;max-width:540px!important}
.cl33-about-hero .la24-about-page-copy>p:not(.la24-overline):not(.cl33-about-tagline){font-size:13px!important;line-height:1.65!important;margin:0 0 22px!important;max-width:500px!important}
.cl33-about-body{background:#fbfaf8;padding:49px 0 52px;color:#18354a}
.cl33-about-inner{max-width:1140px!important}
.cl33-about-intro{margin-bottom:24px}
.cl33-about-intro h2{font:400 clamp(29px,3.1vw,42px)/1.1 Georgia,serif!important;letter-spacing:-.025em;margin:9px 0 0!important;color:#173247!important}
.cl33-about-intro h2 em{color:#ad8451}
.cl33-credentials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cl33-credentials>div{min-width:0;border:1px solid #e7dfd5;border-radius:12px;padding:19px 16px;background:#fff;box-shadow:0 5px 18px rgba(16,40,58,.025)}
.cl33-credentials strong{display:block;font:700 13px/1.3 Arial,sans-serif;color:#17384e;margin-bottom:5px}
.cl33-credentials span{display:block;font:400 11.5px/1.4 Arial,sans-serif;color:#76818a}
.cl33-about-proof{display:flex;gap:19px;align-items:center;margin-top:18px;border:1px solid #eadcca;border-radius:12px;padding:16px 21px;background:#f8f4ec}
.cl33-stars{white-space:nowrap;color:#bd955a;letter-spacing:.12em;font-size:21px;line-height:1}
.cl33-about-proof strong{display:block;font:700 14px/1.4 Arial,sans-serif;color:#153348;margin-bottom:3px}
.cl33-about-proof span{display:block;font:400 12px/1.55 Arial,sans-serif;color:#647480}
.cl33-about-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px}
.cl33-about-bottom>span{font:400 11.5px/1.5 Arial,sans-serif;color:#70808b}
.cl33-about-bottom a{white-space:nowrap}
/* Os catálogos continuam distintos: apenas contratos no catálogo de contratos. */
.cl29-contracts .cl29-card{height:100%}
.cl29-contracts .cl29-card-info{min-width:0}
.cl29-contracts .cl29-card-info h3{overflow-wrap:break-word!important}
.clink-catalog .clink-service-tile[hidden]{display:none!important}
/* Central de assinaturas: sobreposição visual progressiva sobre o plugin existente. */
.clink-signature-page .clink-signature-heading{padding:35px 0 31px!important}
.clink-signature-page .clink-signature-heading h1{font-size:clamp(35px,4.3vw,53px)!important}
.clink-signature-page .clink-signature-native{padding:28px 20px 56px!important;background:#f7f8f9!important}
.clink-signature-page .clink-signature-native .las-wrap{width:min(1160px,100%)!important;max-width:1160px!important;margin:0 auto!important;padding:0!important}
.clink-signature-page .clink-signature-native .las-wrap>.las-hero{display:none!important}
.clink-signature-page .clink-signature-native .las-container{max-width:none!important;width:100%!important;margin:0 auto!important;gap:22px!important}
.clink-signature-page .clink-signature-native .las-create,.clink-signature-page .clink-signature-native .las-list{min-width:0!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:28px!important;background:#fff!important;border:1px solid #e5e8eb!important;border-radius:16px!important;box-shadow:0 9px 25px rgba(18,44,66,.035)!important}
.clink-signature-page .clink-signature-native .las-create>h2,.clink-signature-page .clink-signature-native .las-list>h2{font:400 clamp(25px,3vw,32px)/1.2 Georgia,serif!important;color:#15334a!important;margin:5px 0 14px!important}
.clink-signature-page .clink-signature-native .las-create>p{font-size:12px!important;line-height:1.6!important;color:#6a7985!important;max-width:580px!important;margin:0 0 18px!important}
.clink-signature-page .clink-signature-native .las-signers{border:1px solid #e7e9ec!important;border-radius:12px!important;background:#fbfbfb!important;padding:18px!important}
.clink-signature-page .clink-signature-native .las-signer-row{box-sizing:border-box!important;max-width:100%!important}
.clink-signature-page .clink-signature-native .las-create-form input:not([type=checkbox]):not([type=range]):not([type=hidden]),.clink-signature-page .clink-signature-native .las-create-form select{box-sizing:border-box!important;max-width:100%!important;min-height:42px!important;border:1px solid #dbe2e7!important;border-radius:9px!important;background:#fff!important;color:#16374f!important}
.clink-signature-page .clink-signature-native .las-action,.clink-signature-page .clink-signature-native .las-add-signer{border-radius:10px!important;font-weight:700!important}
.clink-signature-page .clink-signature-native .las-action{background:#102e46!important;color:#fff!important}
.clink-signature-page .clink-signature-native .las-bottom-notes{margin:23px auto 0!important;max-width:1160px!important}
/* Abas aparecem apenas se o script foi carregado e os blocos realmente existem. */
.clink-signature-page.cl33-sig-ready .clink-signature-native .las-container{display:block!important}
.clink-signature-page.cl33-sig-ready .clink-signature-native .las-create,.clink-signature-page.cl33-sig-ready .clink-signature-native .las-list{display:none!important}
.clink-signature-page.cl33-sig-ready .clink-signature-native .las-create.cl33-active,.clink-signature-page.cl33-sig-ready .clink-signature-native .las-list.cl33-active{display:block!important}
.cl33-tabs{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #dfe5e9;padding:0 0 14px;margin-bottom:18px}
.cl33-tab-group{display:inline-flex;align-items:center;gap:5px;background:#e9eef1;border-radius:12px;padding:5px}
.cl33-tab{font:700 12px/1.3 Arial,sans-serif;color:#4e6575;white-space:nowrap;background:transparent;border:0;border-radius:9px;padding:11px 18px;cursor:pointer}
.cl33-tab[aria-selected=true]{background:#102d44;color:white;box-shadow:0 3px 9px rgba(11,37,54,.1)}
.cl33-tabs-hint{font:400 11px/1.4 Arial,sans-serif;color:#70818e}
.cl33-tabs button:focus-visible,.cl33-wizard button:focus-visible,.cl33-doc-toggle:focus-visible{outline:3px solid #c89c62;outline-offset:2px}
.cl33-step-nav{display:flex;gap:6px;align-items:stretch;justify-content:space-between;margin:0 0 20px;padding:6px;background:#f1f4f6;border-radius:12px}
.cl33-step-btn{border:0;flex:1;min-width:0;background:transparent;color:#7a8791;font:700 11.5px/1.3 Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 5px;border-radius:9px;cursor:pointer}
.cl33-step-btn b{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;background:#e1e7eb;border-radius:50%;color:#3b5668;font-size:11px}
.cl33-step-btn[aria-current=step]{background:white;color:#12344c;box-shadow:0 1px 7px rgba(0,0,0,.06)}
.cl33-step-btn[aria-current=step] b{background:#c19a65;color:white}
.cl33-step-panel{display:none!important;width:100%;max-width:100%;box-sizing:border-box}
.cl33-step-panel.cl33-step-active{display:block!important}
.cl33-step-title{font:700 15px/1.4 Arial,sans-serif;color:#15354b;margin:0 0 16px}
.cl33-step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 4px}
.cl33-step-action{cursor:pointer;min-height:40px;border:1px solid #d9e1e6;background:#fff;border-radius:9px;padding:9px 16px;color:#1d3a50;font:700 12px/1.3 Arial,sans-serif}
.cl33-step-next{background:#102d44;border-color:#102d44;color:#fff;margin-left:auto}
.cl33-step-alert{font:600 11.5px/1.5 Arial,sans-serif;color:#9c5e27;margin:10px 0 0}
.cl33-step-panel #las-picker[hidden]{display:none!important}
.cl33-step-panel #las-picker:not([hidden]){display:block!important}
/* Lista organizada: resumo sempre visível, evidências e ações ao expandir. */
.clink-signature-page .las-list .las-doc{position:relative!important;margin:0 0 11px!important;padding:17px 18px!important;border:1px solid #e6e8eb!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow-wrap:anywhere}
.clink-signature-page .las-list .las-doc-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0!important}
.clink-signature-page .las-list .las-doc-title strong{font:700 13px/1.35 Arial,sans-serif!important;color:#173750!important}
.clink-signature-page .las-list .las-doc-id{font:700 9px/1.5 Arial,sans-serif!important;letter-spacing:.07em;color:#a4835a!important}
.clink-signature-page .las-list .las-status{white-space:nowrap!important;flex:0 0 auto!important;font-size:10.5px!important}
.cl33-doc-toggle{display:inline-flex;gap:7px;align-items:center;min-height:30px;border:0;background:transparent;color:#976f40;font:700 11px/1.4 Arial,sans-serif;margin:8px 0 0;padding:0;cursor:pointer}
.cl33-doc-body[hidden]{display:none!important}
.cl33-doc-body{padding-top:13px;border-top:1px solid #edf0f1;margin-top:7px}
.cl33-doc-body p,.cl33-doc-body a{font-size:11.5px!important;line-height:1.55!important}
.cl33-doc-body .las-live-hint{display:none!important}
.cl33-doc-body .las-doc-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.cl33-doc-body .las-doc-actions>a,.cl33-doc-body .las-doc-actions button{max-width:100%;white-space:normal!important;font-size:11.5px!important;line-height:1.4!important}
.cl33-doc-body .las-owner-tools{max-width:100%!important;width:100%;box-sizing:border-box!important;border-radius:10px!important}
.cl33-doc-body .las-owner-tools form{max-width:100%!important}
.clink-signature-page .clink-signature-native .las-login{background:#fff!important;border:1px solid #e3e8eb!important;border-radius:16px!important;max-width:580px!important;padding:26px!important;margin:0 auto!important}
/* Contratos: preservar o visual, com larguras fluidas e CTA sem colisão. */
@media(max-width:950px){.cl33-credentials{grid-template-columns:repeat(2,minmax(0,1fr))}.cl33-about-hero.la24-about-page,.cl33-about-hero .la24-about-page-grid{min-height:340px!important}.cl33-about-hero .la24-about-page-photo{min-height:340px!important;height:340px!important}}
@media(max-width:700px){
 .la24-header .cl33-brand.clink-wordmark-link{width:150px!important;max-width:150px!important}
 .la24-header .cl33-brand .clink-wordmark{width:144px!important;height:40px!important}
 .la24-header .cl33-brand-subtitle{font-size:5.8px!important;letter-spacing:.07em!important}
 .cl33-about-hero.la24-about-page{min-height:0!important}
 .cl33-about-hero .la24-about-page-grid{min-height:0!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .cl33-about-hero .la24-about-page-copy{padding:28px 0 25px!important}
 .cl33-about-hero h1{font-size:clamp(36px,9vw,46px)!important}
 .cl33-about-hero .la24-about-page-photo{width:100%!important;min-height:260px!important;height:260px!important;max-height:280px!important}
 .cl33-about-body{padding:32px 0!important}
 .cl33-credentials{gap:10px}
 .cl33-credentials>div{padding:15px 12px}
 .cl33-credentials strong{font-size:12px!important}
 .cl33-about-proof{padding:15px;align-items:flex-start;gap:11px}
 .cl33-stars{font-size:16px;letter-spacing:.06em}
 .cl33-about-proof strong{font-size:12.5px!important}
 .cl33-about-proof span{font-size:11px!important}
 .cl33-about-bottom{flex-wrap:wrap;gap:9px}
 .clink-signature-page .clink-signature-native{padding:18px 12px 40px!important}
 .clink-signature-page .clink-signature-native .las-create,.clink-signature-page .clink-signature-native .las-list{padding:18px 14px!important;border-radius:13px!important}
 .cl33-tabs{display:block;margin-bottom:14px;padding-bottom:10px}
 .cl33-tab-group{width:100%;display:flex}
 .cl33-tab{flex:1;padding:12px 8px;font-size:11.5px!important}
 .cl33-tabs-hint{display:none}
 .cl33-step-nav{gap:2px;padding:4px}
 .cl33-step-btn{font-size:10px;padding:9px 3px;flex-direction:column;gap:4px}
 .cl33-step-btn b{font-size:10px;width:20px;height:20px}
 .clink-signature-page .las-list .las-doc{padding:13px!important}
 .clink-signature-page .las-list .las-doc-title strong{font-size:12px!important}
 .clink-signature-page .las-list .las-doc-title{gap:8px!important}
 .cl33-doc-body .las-doc-actions{gap:8px!important}
 .cl29-contracts .cl29-card-bottom{gap:12px}
}
@media(max-width:370px){.cl33-credentials{grid-template-columns:minmax(0,1fr)}.cl33-about-proof{flex-direction:column}.cl33-step-btn{font-size:9px}.clink-signature-page .las-list .las-doc-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.la24-header .cl33-brand:after{animation:none!important}}

/* CLINK 8.34 — prévia de assinatura legível sem distorcer as coordenadas. */
.clink-signature-page .las-picker{width:100%;max-width:100%;min-width:0;box-sizing:border-box!important;overflow:visible!important;padding:clamp(12px,2vw,22px)!important;border:1px solid #e1e6e9!important;border-radius:14px!important;background:#f6f8fa!important}
.clink-signature-page .las-picker h3{font-size:clamp(20px,2.6vw,26px)!important}
.clink-signature-page .las-picker .las-pdf-stage{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;width:100%;max-width:100%;padding:8px 3px 22px;box-sizing:border-box;scrollbar-color:#bba17a #e9edef;scrollbar-width:thin;scroll-behavior:smooth}
.clink-signature-page .las-picker .las-pdf-stage .las-canvas-wrap{width:auto;max-width:none!important;box-sizing:content-box!important;height:auto;overflow:visible!important;margin:0 auto!important;border:0!important;box-shadow:0 6px 23px rgba(21,44,65,.13)!important;background:#fff!important}
.clink-signature-page .las-picker .las-canvas-wrap canvas{max-width:none!important;width:100%;height:auto!important;touch-action:manipulation}
.clink-signature-page .las-picker #las-field-overlay{inset:0!important}
.clink-signature-page .las-picker .las-placed-signature{border:2px solid #bd8b45!important;background:rgba(218,182,112,.29)!important;color:#0a334b!important;min-height:0!important}
.clink-signature-page .las-picker .las-resize-handle{background:#0d314a!important;border-radius:5px!important}
.clink-signature-page .las-picker .las-page-controls{gap:12px;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important}
.clink-signature-page .las-picker .las-page-controls button{border-radius:8px;min-height:39px;font-size:12px;padding:8px 13px}
.clink-signature-page .las-picker .las-pdf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e0e6ea;padding:9px 12px;border-radius:10px;margin:13px 0 15px}
.clink-signature-page .las-picker .las-zoom-group,.clink-signature-page .las-picker .las-jump-group{display:flex;align-items:center;gap:8px;min-width:0}
.clink-signature-page .las-picker .las-pdf-toolbar button{min-height:35px;padding:7px 11px;border-radius:7px;background:#15354b;color:#fff;border:0;font:700 12px/1.2 Arial,sans-serif;cursor:pointer}
.clink-signature-page .las-picker .las-pdf-toolbar button:disabled{opacity:.4;cursor:default}
.clink-signature-page .las-picker .las-pdf-toolbar .las-zoom-level{min-width:52px;text-align:center;white-space:nowrap;font:700 12px Arial,sans-serif;color:#264254}
.clink-signature-page .las-picker .las-pdf-toolbar label{font:600 11px Arial,sans-serif;color:#506575}
.clink-signature-page .las-picker .las-pdf-toolbar input[type=number]{width:64px!important;min-width:0!important;min-height:35px!important;padding:4px 6px!important;text-align:center;border:1px solid #d3dce1;border-radius:7px;background:#fff}
.clink-signature-page .las-picker .las-pdf-toolbar input[type=number]::-webkit-inner-spin-button{opacity:1}
.la814-footer .cl34-footer-name{font:800 clamp(23px,3vw,32px)/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:-.07em!important;text-transform:none!important;color:#fff!important}
.la814-footer .cl34-footer-name em{color:#d4aa71!important;font-style:normal!important}
@media(max-width:700px){.clink-signature-page .las-picker{padding:10px!important}.clink-signature-page .las-picker .las-pdf-stage{padding:7px 1px 18px}.clink-signature-page .las-picker .las-pdf-toolbar{gap:10px}.clink-signature-page .las-picker .las-zoom-group,.clink-signature-page .las-picker .las-jump-group{width:100%;justify-content:space-between}.clink-signature-page .las-picker .las-page-controls{display:flex!important;gap:7px!important}.clink-signature-page .las-picker .las-page-controls button{flex:1;min-width:0;padding:9px 7px;font-size:10px}.clink-signature-page .las-picker .las-page-controls span{flex:0 0 100%;order:-1;text-align:center}}
