/* Criativa — Simulador LED · v1.2 (escopo .csl para não conflitar com o tema) */
.csl{--bg:#F5F6F8;--surface:#fff;--surface2:#EEF0F3;--line:#E3E6EA;--ink:#151A21;--ink2:#4B5563;--ink3:#8A919B;--dark:#1B2430;--orange:#F26B1D;--orange2:#E35F12;--green:#25D366;--blue:#2A8DB8;--blue-soft:#EAF4FA;--green-soft:#E6F3E8;--red:#E64B35;--red-soft:#FCE9E5;--wall:#07090C;--radius:14px;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
  color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;display:flex;flex-direction:column;gap:22px;max-width:1220px;margin:0 auto}
.csl *,.csl *::before,.csl *::after{box-sizing:border-box}
.csl [hidden]{display:none!important}
.csl h3,.csl h4{margin:0;font-family:inherit;line-height:1.2;color:var(--ink)}
.csl .csl-ico{display:inline-flex;width:20px;height:20px;flex:none;color:currentColor}
.csl .csl-ico svg{width:100%;height:100%}
.csl .csl-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink2);font-weight:600}
.csl .csl-muted{font-weight:400;color:var(--ink3)}
.csl .csl-hint{font-size:12.5px;color:var(--ink3);line-height:1.45;margin:0}
.csl .csl-pill{font-size:11px;padding:2px 9px;border-radius:999px;background:var(--surface2);color:var(--ink2);font-weight:600}

/* HERO */
.csl .csl-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;background:linear-gradient(90deg,#F7F8FA 0%,#F7F8FA 55%,#0E1218 100%);border-radius:var(--radius);overflow:hidden;min-height:300px}
.csl .csl-hero-text{padding:40px 8px 40px 40px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
.csl .csl-h1{font-size:clamp(30px,3.6vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;color:var(--ink);text-wrap:balance}
.csl .csl-sub{color:var(--ink2);max-width:52ch;margin:0;font-size:16px}
.csl .csl-feats{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:22px}
.csl .csl-feats li{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink3)}
.csl .csl-feats li .csl-ico{width:26px;height:26px;color:var(--ink)}
.csl .csl-feats strong{display:block;font-size:13.5px;color:var(--ink)}
.csl .csl-hero-img{position:relative;align-self:stretch;min-height:300px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:62% 42%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
@media(max-width:860px){.csl .csl-hero{grid-template-columns:1fr;background:#F7F8FA;min-height:0}.csl .csl-hero-text{padding:22px 18px 6px;gap:10px}.csl .csl-hero-img{min-height:190px;background-position:center 45%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}}

/* LAYOUT */
.csl .csl-grid{display:grid;grid-template-columns:minmax(300px,340px) 1fr;gap:22px;align-items:stretch}
.csl .csl-right{display:flex;flex-direction:column;gap:22px;min-width:0}
@media(max-width:900px){.csl .csl-grid{grid-template-columns:1fr}}
.csl .csl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow);min-width:0}
.csl .csl-card-h h3{font-size:18px;font-weight:700}
.csl .csl-card-h p{margin:4px 0 0;font-size:13px;color:var(--ink3)}
.csl .csl-card-h--row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}

/* CONTROLS */
.csl .csl-field{display:flex;flex-direction:column;gap:7px}
.csl label{font-size:13.5px;font-weight:600;color:var(--ink);margin:0}
.csl input[type=number],.csl input[type=text],.csl input[type=email],.csl input[type=tel],.csl input[type=date],.csl select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:11px 13px;font:500 15px "Inter",system-ui,sans-serif;font-variant-numeric:tabular-nums;margin:0;height:auto;line-height:1.3}
.csl input::placeholder{color:#B4BAC3}
.csl input:focus,.csl select:focus,.csl button:focus-visible{outline:2px solid var(--dark);outline-offset:1px}
.csl .csl-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.csl .csl-row{grid-template-columns:1fr}.csl #csl-simpleBlock .csl-row,.csl #csl-techBlock .csl-row{grid-template-columns:1fr 1fr;gap:8px}}
.csl .csl-modes{display:grid;grid-template-columns:1fr 1fr;background:var(--surface2);border-radius:10px;padding:4px;gap:4px}
.csl .csl-modes button{border:0;background:transparent;color:var(--ink2);font:600 13px "Inter",sans-serif;padding:9px 12px;border-radius:8px;cursor:pointer;margin:0;box-shadow:none}
.csl .csl-modes button[aria-pressed="true"]{background:var(--dark);color:#fff}
.csl .csl-env{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.csl .csl-env button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:12px;cursor:pointer;margin:0;color:var(--ink);font-family:inherit}
.csl .csl-env button strong{display:block;font-size:13.5px}
.csl .csl-env button small{display:block;font-size:11px;color:var(--ink3)}
.csl .csl-env button[aria-pressed="true"]{background:var(--dark);border-color:var(--dark);color:#fff}
.csl .csl-env button[aria-pressed="true"] small{color:#C6CCD5}
.csl .csl-chips{display:flex;flex-wrap:wrap;gap:8px}
.csl .csl-chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 0;min-width:56px;flex:1 1 52px;font:600 13px "Inter",sans-serif;cursor:pointer;margin:0;text-align:center}
.csl .csl-chip[aria-pressed="true"]{background:var(--dark);color:#fff;border-color:var(--dark)}
.csl .csl-chip{position:relative}
.csl .csl-chip .csl-rec{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:#2E9E4F;color:#fff;font:700 11px/18px "Inter",sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.csl .csl-chip .csl-rec:empty{display:none}
.csl .csl-chip--rec{border-color:#2E9E4F}
.csl .csl-pill--ok{background:var(--green-soft);color:#2E7D3A}
.csl .csl-seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.csl .csl-seg button{flex:1;border:0;border-radius:0;background:#fff;color:var(--ink2);padding:9px;font:600 13px "Inter",sans-serif;cursor:pointer;margin:0}
.csl .csl-seg button[aria-pressed="true"]{background:var(--dark);color:#fff}
.csl .csl-drop{display:flex;flex-direction:row;align-items:center;gap:10px;border:1.5px dashed #C9CED6;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--ink3);font-weight:400;position:relative;background:#FAFBFC}
.csl .csl-drop .csl-ico{width:22px;height:22px;color:var(--ink)}
.csl .csl-drop-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.csl .csl-drop strong{font-size:13px;color:var(--ink)}
.csl .csl-drop span{font-size:11.5px}
.csl .csl-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.csl .csl-link{background:none;border:0;padding:0;color:var(--ink3);font:500 12.5px "Inter",sans-serif;cursor:pointer;text-decoration:underline;align-self:flex-start;margin:0}

/* BUTTONS */
.csl .csl-btnrow{display:flex;gap:8px;flex-wrap:wrap}
.csl .csl-btnrow.csl-end{justify-content:flex-end}
.csl .csl-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 14px;font:600 13.5px "Inter",sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin:0;line-height:1.2;text-decoration:none}
.csl .csl-btn .csl-ico{width:18px;height:18px}
.csl .csl-btn.csl-primary{background:var(--orange);border-color:var(--orange);color:#fff}
.csl .csl-btn.csl-primary:hover{background:var(--orange2)}
.csl .csl-btn.csl-dark{background:var(--dark);border-color:var(--dark);color:#fff}
.csl .csl-btn[aria-pressed="true"]{border-color:var(--dark);box-shadow:inset 0 0 0 1px var(--dark)}
.csl .csl-btn--locked{opacity:.55}
.csl .csl-btn:disabled{opacity:.5;cursor:not-allowed}

/* PREVIEW */
.csl .csl-ptools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.csl .csl-title{font-size:16px;font-weight:700}
.csl .csl-step{margin-top:4px;color:var(--blue);font-weight:600}
.csl .csl-step-on{outline:2px solid var(--blue);outline-offset:3px;border-radius:10px;box-shadow:0 0 0 5px rgba(42,141,184,.12)}
.csl #csl-simpleBlock,.csl #csl-techBlock{display:flex;flex-direction:column;gap:16px}
.csl #csl-techBlock[hidden]{display:none}
.csl .csl-stage{background:var(--wall);border-radius:12px;padding:clamp(10px,3%,26px);display:flex;justify-content:center;align-items:center;min-height:240px}
.csl #csl-wall{max-width:100%;height:auto;display:block;box-shadow:0 0 0 1px #222,0 20px 60px rgba(0,0,0,.6)}
.csl .csl-free{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.csl .csl-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.csl .csl-tile .k{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);font-weight:600}
.csl .csl-tile .k .csl-ico{color:var(--blue);width:18px;height:18px}
.csl .csl-tile .v{font-size:20px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.csl .csl-tile .s{font-size:12px;color:var(--ink3)}
.csl .csl-tech .csl-tile{background:var(--bg);border-color:transparent}
.csl .csl-pubrow{align-items:center;gap:12px}
.csl .csl-pubrow .csl-hint{flex:1;min-width:200px}

/* FICHA */
.csl .csl-ficha{display:grid;grid-template-columns:1.1fr 1fr 130px;gap:22px;background:var(--bg);border-radius:12px;padding:18px}
@media(max-width:760px){.csl .csl-ficha{grid-template-columns:1fr}.csl .csl-pdfthumb{display:none}}
.csl .csl-ficha h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:10px}
.csl .csl-ficha h4 .csl-ico{color:var(--ink2)}
.csl .csl-resumo dl>div{display:contents}
.csl .csl-resumo dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:13px}
.csl .csl-resumo dt{color:var(--ink2)}.csl .csl-resumo dd{margin:0;font-weight:500;color:var(--ink)}
.csl .csl-inclui ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.csl .csl-inclui li{padding-left:22px;position:relative}
.csl .csl-inclui li::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:var(--green-soft);box-shadow:inset 0 0 0 1px #3E9B4F}
.csl .csl-inclui li::after{content:"";position:absolute;left:3px;top:6px;width:5px;height:3px;border-left:1.5px solid #3E9B4F;border-bottom:1.5px solid #3E9B4F;transform:rotate(-45deg)}
.csl .csl-pdfthumb{display:flex;align-items:center;justify-content:center}
.csl .csl-pdfthumb-in{width:120px;aspect-ratio:3/4;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;text-align:center}
.csl .csl-pdfthumb-in img{width:70%;height:auto}
.csl .csl-pdfthumb-in strong{font-size:9px;letter-spacing:.06em;margin-top:6px}
.csl .csl-pdfthumb-in span{font-size:8px;color:var(--ink3)}
.csl .csl-pdfthumb-in i{display:block;width:80%;height:38px;border-radius:3px;background:linear-gradient(135deg,#1b2a3a,#0d1a24);margin-top:auto}
.csl .csl-techsec{position:relative}
.csl .csl-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.csl .csl-h2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2)}
.csl .csl-lock{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--red-soft);color:var(--red)}
.csl .csl-lock.csl-open{background:var(--green-soft);color:#2E7D3A}
.csl .csl-tech{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;transition:filter .3s}
.csl .csl-gated .csl-tech{filter:blur(6px);pointer-events:none;user-select:none}
.csl .csl-gate{position:absolute;inset:auto 0 0 0;top:44px;display:flex;align-items:center;justify-content:center;padding:16px}
.csl .csl-gcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;max-width:420px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;align-items:center}
.csl .csl-gcard h3{font-size:18px}
.csl .csl-gcard p{margin:0;color:var(--ink2);font-size:14px}
.csl .csl-notes{font-size:12px;color:var(--ink3);border-top:1px dashed var(--line);padding-top:10px;line-height:1.5}

/* CONSULTOR + CONTATO */
.csl .csl-assist{display:flex;flex-direction:column;gap:14px}
.csl .csl-consult{display:flex;flex-direction:column;gap:14px;min-width:0}
.csl .csl-consult-h{display:flex;gap:14px;align-items:center}
.csl .csl-consult-h h3{font-size:17px;display:flex;align-items:center;gap:8px}
.csl .csl-consult-h p{margin:2px 0 0;font-size:13px;color:var(--ink3)}
.csl .csl-avatar{width:54px;height:54px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--ink2);flex:none}
.csl .csl-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.csl .csl-avatar .csl-ico{width:26px;height:26px}
.csl .csl-chat{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding-right:4px}
.csl .csl-msg{padding:10px 14px;border-radius:12px;max-width:92%;font-size:14px;line-height:1.5;white-space:pre-wrap}
.csl .csl-msg.bot{background:var(--blue-soft);align-self:flex-start;border-bottom-left-radius:3px}
.csl .csl-msg.user{background:var(--surface2);align-self:flex-end;border-bottom-right-radius:3px}
.csl .csl-msg.wait{opacity:.6;font-style:italic}
.csl .csl-qs{display:flex;flex-wrap:wrap;gap:6px}
.csl .csl-qs button{border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 12px;font:500 12.5px "Inter",sans-serif;cursor:pointer;margin:0}
.csl .csl-askrow{display:flex;gap:8px;margin:0;background:var(--surface2);border-radius:12px;padding:6px 6px 6px 14px;align-items:center}
.csl .csl-askrow input{background:transparent;border:0;padding:10px 0;font-size:14.5px}
.csl .csl-askrow input:focus{outline:none}
.csl .csl-askrow .csl-btn{padding:11px 14px;border-radius:9px}
.csl .csl-contactbar{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px}
.csl .csl-contactbar h4{font-size:15px;font-weight:700}
.csl .csl-contactbar .csl-hint{margin-top:2px}
.csl .csl-contact h4{font-size:15px;font-weight:700}
.csl .csl-contact-btn{padding:12px 16px;font-size:14px}
.csl .csl-ico--wa{color:var(--green)}
.csl .csl-specblock{border-top:1px dashed var(--line);padding-top:14px}
.csl .csl-specblock h4{font-size:14px;font-weight:700;margin-bottom:8px}
.csl .csl-spec{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px}
.csl .csl-spec dt{color:var(--ink3)}.csl .csl-spec dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}

/* MODAL / MISC */
.csl .csl-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:99999}
.csl .csl-box{background:#fff;border-radius:14px;padding:24px;width:min(520px,100%);display:flex;flex-direction:column;gap:12px;max-height:95vh;overflow:auto;margin:0}
.csl .csl-box h3{font-size:20px}
.csl .csl-consent{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.csl .csl-consent input{margin:4px 0 0}
.csl .csl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.csl .csl-err{background:var(--red-soft);color:var(--red);border-radius:8px;padding:8px 12px;font-size:13px}
.csl-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#151A21;color:#fff;padding:10px 18px;border-radius:999px;font:600 14px "Inter",sans-serif;z-index:100000}
@media (prefers-reduced-motion:reduce){.csl *{transition:none!important}}

/* Mobile: menos rolagem */
@media(max-width:700px){
.csl{gap:14px}
.csl .csl-card{padding:16px;gap:14px;border-radius:12px}
.csl .csl-right{gap:14px}
.csl .csl-grid{gap:14px}
.csl .csl-hero{border-radius:12px}
.csl .csl-h1{font-size:28px}
.csl .csl-sub{font-size:14px}
.csl .csl-feats{gap:10px 16px;margin-top:4px}
.csl .csl-feats li span{display:none}
.csl .csl-free{grid-template-columns:1fr 1fr;gap:8px}
.csl .csl-tile{padding:10px 12px}
.csl .csl-tile .v{font-size:17px}
.csl .csl-tech{grid-template-columns:1fr 1fr;gap:8px}
.csl .csl-ficha{padding:14px;gap:14px}
.csl .csl-inclui,.csl .csl-pdfthumb{display:none}
.csl .csl-ficha{grid-template-columns:1fr}
.csl .csl-btnrow .csl-btn{padding:8px 11px;font-size:12.5px}
.csl .csl-contact-btn{padding:10px 12px;font-size:13px}
.csl .csl-stage{padding:8px}
.csl .csl-chat{max-height:220px}
.csl .csl-gcard{padding:16px}
.csl .csl-card-h p{display:none}
}