/* CLINK 8.30 — redesign isolado de duas secoes da pagina inicial.
   Nao interfere em contratos, catalogo, checkout ou pagina de assinaturas. */
.cl30-about,.cl30-sign{box-sizing:border-box;position:relative;isolation:isolate}
.cl30-about *,.cl30-sign *{box-sizing:border-box}
.cl30-about .site-container,.cl30-sign .site-container{width:min(1160px,calc(100% - 64px));max-width:1160px;margin:0 auto}
.cl30-about{padding:42px 0!important;background:#faf9f7!important;border-top:1px solid #ece8e2!important}
.cl30-about-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,74px)}
.cl30-about-photo{width:100%;height:262px;position:relative;overflow:hidden;margin:0!important;border-radius:12px;background:#dee2e6;box-shadow:0 12px 32px rgba(17,36,50,.09)}
.cl30-about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.cl30-about-photo:after{content:'';position:absolute;inset:46% 0 0;background:linear-gradient(0deg,rgba(8,23,37,.82),transparent);pointer-events:none}
.cl30-about-photo figcaption{position:absolute;bottom:15px;left:18px;right:15px;z-index:1;color:white;display:grid;gap:4px;line-height:1.2}
.cl30-about-photo figcaption strong{font:600 16px/1.25 Arial,Helvetica,sans-serif;color:#fff}
.cl30-about-photo figcaption span{color:#d7c5ac;font:600 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.065em}
.cl30-about-copy{min-width:0;padding:0;max-width:720px}
.cl30-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 12px!important;font:800 10px/1.35 Arial,Helvetica,sans-serif!important;letter-spacing:.15em!important;color:#a47d4e!important}
.cl30-eyebrow>span{display:inline-block;width:24px;height:1px;background:#b68950;flex-shrink:0}
.cl30-about h2,.cl30-sign h2{font:400 clamp(34px,3.45vw,49px)/1.12 Georgia,'Times New Roman',serif!important;letter-spacing:-.035em!important;margin:0 0 14px!important;max-width:670px!important;width:auto!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.cl30-about h2{color:#142f45!important}
.cl30-about h2 em{color:#b08450!important;font-style:italic}
.cl30-about .cl30-description,.cl30-about .cl30-about-extra{font:400 13.5px/1.65 Arial,Helvetica,sans-serif!important;max-width:610px!important;color:#607180!important;margin:0 0 8px!important}
.cl30-about .cl30-description strong{color:#1c364d!important;font-weight:700}
.cl30-about .cl30-about-extra{margin-bottom:14px!important}
.cl30-about-link{display:inline-flex!important;align-items:center;gap:11px;color:#906b3b!important;text-decoration:none!important;font:700 12px/1.45 Arial,Helvetica,sans-serif!important;border-bottom:1px solid #b88c56!important;padding-bottom:4px!important}
.cl30-about-link span{font-size:18px;line-height:1}
.cl30-about-link:hover{color:#142f45!important;border-color:#142f45!important}
.cl30-about-link:focus-visible,.cl30-sign-button:focus-visible{outline:3px solid #69b5f0;outline-offset:4px}
/* Signature feature */
.cl30-sign{padding:44px 0!important;overflow:hidden;background:linear-gradient(115deg,#0c2032 0%,#0f293e 56%,#0e2235 100%)!important;color:white!important}
.cl30-sign:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 81% 45%,rgba(86,134,170,.12),transparent 36%)}
.cl30-sign-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,450px);gap:clamp(30px,5vw,70px);align-items:center}
.cl30-sign-copy{min-width:0;max-width:570px}
.cl30-sign .cl30-eyebrow{color:#dfbc8c!important;margin-bottom:13px!important}
.cl30-sign h2{color:#fff!important;max-width:560px!important}
.cl30-sign h2 em{color:#dab17b!important;font-style:italic}
.cl30-sign .cl30-sign-description{font:400 13.5px/1.68 Arial,Helvetica,sans-serif!important;color:#c1ceda!important;max-width:470px!important;margin:0 0 20px!important}
.cl30-sign-button{display:inline-flex!important;align-items:center;justify-content:center;gap:20px;min-height:45px;padding:12px 20px;border-radius:8px;background:#d5af7b!important;color:#102538!important;text-decoration:none!important;font:800 12px/1.3 Arial,Helvetica,sans-serif!important;box-shadow:0 6px 16px rgba(4,16,28,.15);transition:background .2s,transform .2s}
.cl30-sign-button:hover{background:#e9c695!important;color:#102538!important;transform:translateY(-1px)}
.cl30-sign-button span{font-size:18px;line-height:1}
.cl30-sign-hint{display:block;font:400 11px/1.45 Arial,Helvetica,sans-serif;color:#aebfc9;margin-top:13px}
/* Document preview — static, illustrative visual; never collects data. */
.cl30-sign-visual{min-width:0;display:grid;place-items:center}
.cl30-browser{position:relative;width:100%;max-width:450px;background:#f4f7fa;border:1px solid rgba(255,255,255,.25);border-radius:13px;overflow:hidden;box-shadow:0 21px 48px rgba(0,9,20,.33),0 0 0 5px rgba(255,255,255,.035)}
.cl30-browser-bar{height:39px;background:#fff;border-bottom:1px solid #e7edf2;display:flex;align-items:center;gap:10px;padding:0 15px}
.cl30-browser-dots{display:flex;gap:4px}.cl30-browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#c9d2db}.cl30-browser-dots i:first-child{background:#d3a87d}
.cl30-browser-caption{font:600 10px/1.4 Arial,Helvetica,sans-serif;color:#778694;flex:1;text-align:center}
.cl30-browser-lock{color:#66859d;width:16px;height:16px}.cl30-browser-lock svg{width:100%;height:100%}
.cl30-doc-stage{position:relative;padding:17px 24px 13px;background:radial-gradient(circle at 80% 15%,#e8eff4,#f3f6f8 56%,#eaf0f4);height:225px;display:flex;justify-content:center;align-items:flex-start}
.cl30-doc-page{position:relative;width:72%;max-width:265px;height:230px;flex-shrink:0;background:#fff;border:1px solid #e5e9ed;border-radius:3px;box-shadow:0 9px 20px rgba(31,58,78,.15);padding:19px 22px;text-align:left;transform:rotate(-2deg)}
.cl30-doc-letterhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid #e5eaf0}
.cl30-doc-mini-logo{font:800 14px/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;color:#1d3449}.cl30-doc-mini-logo span{color:#4b68cd}
.cl30-doc-type{font:700 6px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#8b9aaa}
.cl30-doc-title{font:700 11px/1.35 Arial,Helvetica,sans-serif;color:#233b50;margin-top:13px}
.cl30-doc-lines{display:grid;gap:6px;margin-top:15px}
.cl30-doc-lines i{height:4px;border-radius:2px;background:#e5eaf0}.cl30-doc-lines i:nth-child(2){width:88%}.cl30-doc-lines i:nth-child(3){width:96%}.cl30-doc-lines i:nth-child(4){width:65%}
.cl30-doc-field{position:absolute;left:20px;bottom:14px;width:174px;border-bottom:1px solid #c9d9e6;display:grid;gap:1px}
.cl30-doc-field svg{display:block;width:132px;height:33px}
.cl30-doc-field small{font:600 7px/1.4 Arial,Helvetica,sans-serif;color:#82909a;padding-bottom:3px}
.cl30-status{position:absolute;right:10px;bottom:13px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1e9ef;border-radius:10px;padding:9px 12px;box-shadow:0 8px 18px rgba(25,60,82,.13);max-width:210px}
.cl30-status-icon{height:25px;width:25px;display:grid;place-items:center;border-radius:8px;background:#e8f4ed;color:#26976b;flex-shrink:0}
.cl30-status-icon svg{height:16px;width:16px}
.cl30-status strong,.cl30-status small{display:block;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}
.cl30-status strong{font-size:10px;line-height:1.4;color:#1c364b}.cl30-status small{font-size:8px;line-height:1.5;color:#84939f}
.cl30-browser-bottom{height:35px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#fff;color:#7a8b99;font:600 9px/1.3 Arial,Helvetica,sans-serif;border-top:1px solid #ebeff2}
.cl30-secure-dot{background:#48a88e;width:6px;height:6px;border-radius:50%}
.cl30-browser-brand{margin-left:auto;font-size:13px;font-weight:800;color:#243e58;letter-spacing:-.035em}
@media(max-width:990px){
 .cl30-about .site-container,.cl30-sign .site-container{width:calc(100% - 44px)}
 .cl30-about-layout{grid-template-columns:200px minmax(0,1fr);gap:27px}
 .cl30-about-photo{height:238px}
 .cl30-sign-layout{grid-template-columns:minmax(0,1fr) minmax(285px,41%);gap:22px}
 .cl30-sign h2,.cl30-about h2{font-size:clamp(30px,3.8vw,39px)!important}
 .cl30-doc-stage{padding:15px 12px;height:215px}
 .cl30-doc-page{width:76%;padding:16px}
 .cl30-status{right:6px;padding:8px}
}
@media(max-width:700px){
 .cl30-about,.cl30-sign{padding:26px 0!important}
 .cl30-about .site-container,.cl30-sign .site-container{width:calc(100% - 30px)!important}
 .cl30-about-layout{grid-template-columns:100px minmax(0,1fr);gap:17px;align-items:start}
 .cl30-about-photo{height:132px;border-radius:9px}
 .cl30-about-photo img{object-position:center 12%}
 .cl30-about-photo figcaption{bottom:8px;left:8px;right:6px;gap:2px}
 .cl30-about-photo figcaption strong{font-size:10px}
 .cl30-about-photo figcaption span{font-size:7px;letter-spacing:0}
 .cl30-eyebrow{gap:7px;margin:0 0 8px!important;font-size:9px!important;letter-spacing:.1em!important}
 .cl30-eyebrow>span{width:16px}
 .cl30-about h2,.cl30-sign h2{font-size:clamp(26px,6.8vw,33px)!important;line-height:1.1!important;margin-bottom:9px!important;letter-spacing:-.035em!important;max-width:none!important}
 .cl30-about .cl30-description,.cl30-about .cl30-about-extra{font-size:11.5px!important;line-height:1.58!important;margin-bottom:6px!important}
 .cl30-about .cl30-about-extra{margin-bottom:10px!important}
 .cl30-about-link{font-size:11px!important}
 .cl30-sign-layout{grid-template-columns:1fr;gap:24px}
 .cl30-sign-copy{max-width:none}
 .cl30-sign .cl30-sign-description{font-size:12px!important;max-width:500px!important;margin-bottom:15px!important}
 .cl30-sign-hint{margin-top:10px;font-size:10px}
 .cl30-sign-visual{width:100%}
 .cl30-browser{width:min(100%,420px)}
 .cl30-doc-stage{height:222px}
}
@media(max-width:375px){
 .cl30-about-layout{grid-template-columns:84px minmax(0,1fr);gap:12px}
 .cl30-about-photo{height:115px}
 .cl30-about h2,.cl30-sign h2{font-size:26px!important}
 .cl30-about .cl30-description,.cl30-about .cl30-about-extra{font-size:11px!important}
 .cl30-doc-stage{height:210px}
 .cl30-status{max-width:175px}
 .cl30-status small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.cl30-sign-button{transition:none!important}}