.cl-app{--navy:#071f3f;--blue:#0a294f;--orange:#ff8124;--line:#d5deea;max-width:1240px;margin:32px auto;color:#10233f;font-family:Inter,system-ui,sans-serif}.cl-app *{box-sizing:border-box}.cl-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px;border-radius:18px 18px 0 0;background:var(--blue);color:#fff}.cl-hero b{font-size:11px;letter-spacing:.2em;color:#ff9c45}.cl-hero h1{margin:6px 0;font-size:34px}.cl-hero p{margin:0;color:#cbd5e1}.cl-included{display:flex;gap:18px;font-size:12px;font-weight:700;color:#dbeafe}.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;padding:22px;background:#f3f5f8}.cl-sections{display:grid;gap:16px}.cl-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.cl-card h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:18px}.cl-card h2 i{font-size:11px;font-style:normal;color:var(--orange)}.cl-grid-2,.cl-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cl-3{grid-template-columns:repeat(3,1fr)}.cl-card label{font-size:12px;font-weight:800;color:#64748b}.cl-card label span{display:flex;align-items:center;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding-right:12px}.cl-card input[type=number],.cl-card input[type=text],.cl-card select{width:100%;border:0;background:transparent;padding:11px;color:#10233f;outline:0}.cl-choice{position:relative;display:flex;min-height:76px;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 38px;cursor:pointer}.cl-choice input{position:absolute;left:13px;top:17px}.cl-choice b{color:#10233f}.cl-choice small{display:block;margin-top:5px;font-weight:500;line-height:1.35}.cl-choice.active{border-color:#0a4b84;background:#f1f7fd;box-shadow:inset 0 0 0 1px #0a4b84}.cl-note,.cl-warning{margin-top:12px;border-radius:9px;padding:12px;background:#fff7ed;color:#7c2d12;font-size:12px;font-weight:700}.cl-check{display:flex!important;gap:9px;align-items:center;margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:10px;color:#10233f!important}.cl-check small{margin-left:auto;font-weight:500}.cl-pocket{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.cl-line{display:flex;justify-content:space-between;align-items:center}.cl-line small{display:block;color:#64748b}.cl-line>strong{padding:6px 10px;border-radius:20px;background:#eaf0f7;font-size:11px}.cl-pocket-sides{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.cl-pocket-sides label{padding:10px;border:1px solid var(--line);border-radius:9px;color:#334155}.cl-tube{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-top:13px;padding:14px;border-radius:10px;background:#fff8ef}.cl-tube select{margin-top:6px;border:1px solid #e5c79e;border-radius:7px;background:#fff}.cl-tube p{margin:0;font-size:12px;line-height:1.6;color:#78350f}.cl-upload{margin-top:14px;padding:18px;border:2px dashed #b7c6d8;border-radius:12px;background:#f8fafc}.cl-upload input{display:block;margin-top:9px}.cl-ai{margin-top:14px;padding:16px;border:1px solid #bcd4ee;border-radius:13px;background:#eff7ff}.cl-bubble{max-width:85%;margin:8px 0;padding:11px 13px;border-radius:12px;background:#fff;font-size:13px;line-height:1.5}.cl-bubble.user{margin-left:auto;background:var(--blue);color:#fff}.cl-chatbox{display:flex;gap:8px;margin-top:12px}.cl-chatbox input{border:1px solid #bcd4ee!important;border-radius:9px!important;background:#fff!important}.cl-chatbox button,.cl-secondary,.cl-summary button{border:0;border-radius:9px;padding:11px 17px;background:var(--orange);font-weight:900;color:var(--navy);cursor:pointer}.cl-secondary{margin-top:12px;background:var(--blue);color:#fff}.cl-secondary:disabled{opacity:.45}.cl-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.cl-results img{width:100%;border-radius:8px}.cl-summary{position:sticky;top:24px;align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 15px 35px #0f274714}.cl-summary-head{padding:20px;background:var(--navy);color:#fff}.cl-summary-head small{color:#ff9c45;font-weight:800;letter-spacing:.16em}.cl-summary-head h2{margin:4px 0 0;font-size:20px}.cl-summary-body{padding:20px}.cl-summary-row,.cl-price{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:13px}.cl-summary-row span,.cl-price span{color:#64748b}.cl-prices{margin-top:15px;padding-top:14px;border-top:1px dashed #cbd5e1}.cl-total{display:flex;justify-content:space-between;align-items:end;margin-top:15px;padding-top:15px;border-top:2px solid var(--blue)}.cl-total span{font-size:11px;font-weight:800;text-transform:uppercase;color:#64748b}.cl-total small{display:block;text-transform:none;font-weight:500}.cl-total b{font-size:28px}.cl-summary button{width:100%;margin-top:17px}.cl-summary-body>p{text-align:center;font-size:10px;line-height:1.5;color:#94a3b8}.cl-warning{background:#fef3c7;color:#78350f}.cl-card progress{width:100%;margin-top:10px}
@media(max-width:900px){.cl-layout{grid-template-columns:1fr}.cl-summary{position:static}.cl-hero{align-items:start;flex-direction:column}.cl-included{flex-wrap:wrap}}@media(max-width:620px){.cl-app{margin:0}.cl-hero{border-radius:0;padding:22px}.cl-hero h1{font-size:28px}.cl-layout{padding:12px}.cl-grid-2,.cl-options,.cl-3,.cl-pocket-sides{grid-template-columns:1fr 1fr}.cl-tube{grid-template-columns:1fr}.cl-results{grid-template-columns:1fr}}

/* Full-screen Carvin storefront, scoped only to the banner configurator page. */
body.carvin-lonas-page .site-header,body.carvin-lonas-page #masthead,body.carvin-lonas-page .entry-header,body.carvin-lonas-page .site-footer,body.carvin-lonas-page #colophon{display:none!important}
body.carvin-lonas-page .entry-title,body.carvin-lonas-page .page-title,body.carvin-lonas-page article.page>h1{display:none!important}
.cl-measure-help{margin:-8px 0 14px;color:#64748b;font-size:12px}
.cl-summary button:disabled{cursor:not-allowed;opacity:.45}
body.carvin-lonas-page #content,body.carvin-lonas-page .site-content{padding:0!important;background:#f3f5f8}
body.carvin-lonas-page #content>.col-full,body.carvin-lonas-page .site-content>.col-full{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.carvin-lonas-page .content-area,body.carvin-lonas-page .site-main,body.carvin-lonas-page .hentry,body.carvin-lonas-page .entry-content{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.carvin-lonas-page .cl-app{width:100%;max-width:1450px;margin:0 auto}
@media(max-width:1500px){body.carvin-lonas-page .cl-app{max-width:calc(100% - 48px)}}
@media(max-width:900px){body.carvin-lonas-page .cl-app{max-width:100%}body.carvin-lonas-page .cl-hero{border-radius:0}}
@media(max-width:620px){.cl-grid-2,.cl-options,.cl-3,.cl-pocket-sides{grid-template-columns:1fr}}

.cl-logo-upload{margin-bottom:14px;padding:13px;border:1px dashed #8eb7df;border-radius:11px;background:#fff}
.cl-logo-upload>label{display:block;cursor:pointer}
.cl-logo-upload label b,.cl-logo-upload label small{display:block}
.cl-logo-upload label small{margin:3px 0 9px;color:#64748b;font-size:11px}
.cl-logo-upload input[type=file]{width:100%;font-size:12px}
.cl-logo-preview{display:flex;align-items:center;gap:12px;margin-top:11px;padding:10px;border-radius:10px;background:#f3f7fb}
.cl-logo-preview img{width:76px;height:76px;object-fit:contain;border:1px solid #d7e2ee;border-radius:8px;background:#fff}
.cl-logo-preview>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
.cl-logo-preview b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-logo-preview span,#cl-logo-status{font-size:11px;color:#52657a}
.cl-logo-preview button{padding:5px 9px;border:1px solid #c7d5e4;border-radius:7px;background:#fff;color:#b42318;font-size:11px;font-weight:700;cursor:pointer}
#cl-logo-status{margin:7px 0 0}
.cl-client-brief{margin-top:14px;padding:14px;border:1px solid #91b7df;border-radius:11px;background:#fff}
.cl-client-brief>b{display:block;color:#071f3f}
.cl-client-brief p{margin:7px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.55;color:#334155}
.cl-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.cl-asset-upload{display:block;padding:12px;border:1px dashed #8eb7df;border-radius:10px;background:#fff}
.cl-asset-upload b,.cl-asset-upload small,.cl-asset-upload span{display:block}
.cl-asset-upload small{margin:3px 0 8px;font-size:11px;font-weight:500;color:#64748b}
.cl-asset-upload input{max-width:100%;font-size:11px}
.cl-asset-upload span{margin-top:6px;font-size:11px;color:#52657a}
.cl-asset-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.cl-asset-item{position:relative;padding:6px;border:1px solid #d7e2ee;border-radius:9px;background:#fff}
.cl-asset-item img{width:100%;height:72px;object-fit:contain;border-radius:6px;background:#f3f7fb}
.cl-asset-item small{display:block;overflow:hidden;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#52657a}
.cl-asset-item button{position:absolute;top:2px;right:2px;width:22px;height:22px;border:0;border-radius:50%;background:#fff;color:#b42318;cursor:pointer}
@media(max-width:700px){.cl-asset-grid{grid-template-columns:1fr}.cl-asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cl-ai-limit{padding:18px;border:1px solid #f3b16f;border-radius:11px;background:#fff7ed;color:#7c2d12}
.cl-ai-limit p{font-size:13px;line-height:1.55}
.cl-ai-limit a{display:inline-block;border-radius:9px;padding:11px 15px;background:#16a34a;color:#fff!important;font-size:12px;font-weight:900;text-decoration:none}

/* Propuesta visual completa generada a partir del brief final */
.cl-results{grid-template-columns:1fr}
.cl-proposal-choice{display:block;color:#10233f;font-size:12px;font-weight:800}
.cl-proposal-final{display:block;width:100%;height:auto;border:1px solid #24364d;border-radius:12px!important;background:#090d12;box-shadow:0 14px 30px rgba(7,31,63,.18)}
.cl-proposal-choice>input{margin-top:9px}
.cl-proposal-choice>span{display:inline-block;margin:8px 0 0}