:root{--navy:#071b31;--orange:#eb9e10;--accent:#f5ab22;--ink:#17283b;--muted:#728093;--line:#e5eaf0;--bg:#f6f8fb;--green:#23745c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange)}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.25;letter-spacing:-.035em;font-weight:800;margin-bottom:12px}h2{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px}h3{font-size:17px;line-height:1.4;margin-bottom:10px}p{color:#657285;margin-bottom:18px}small{font-size:12px}strong,b{font-weight:800}.orange,em{color:var(--orange)}em{font-style:normal}.green{color:var(--green)}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8c6a2c;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.eyebrow.light{color:#f1b94f}.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block;flex-shrink:0}.topbar{height:82px;background:var(--navy);display:flex;align-items:center;padding:0 42px;gap:30px;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:2px;white-space:nowrap}.brand img{height:31px;width:31px;object-fit:contain}.brand span{font-size:18px;font-weight:700;letter-spacing:.025em}.brand b{color:var(--orange)}.workspace-label{border-left:1px solid #ffffff26;padding-left:25px;font-size:9px;letter-spacing:.18em;color:#abb5c2}.topbar nav{display:flex;margin-left:auto;align-items:center;gap:25px;font-size:12px}.topbar form{margin:0}.nav-button{border:0;background:none;color:#c5cdd7}.app-shell{display:flex;min-height:calc(100vh - 82px)}.sidebar{width:235px;background:#fff;border-right:1px solid var(--line);padding:34px 23px;flex-shrink:0;position:sticky;top:82px;height:calc(100vh - 82px);display:flex;flex-direction:column}.sidebar>a{display:flex;align-items:center;gap:13px;padding:13px 12px;margin:3px 0;border-radius:9px;color:#5e6b7e;font-weight:700;font-size:12px}.sidebar>a:hover{background:#fff6e6;color:#9a6814}.sidebar-help{margin-top:auto;padding:20px 15px 5px;background:#f8f9fc;border-radius:12px}.sidebar-help h3{font-size:14px}.sidebar-help p{font-size:11px}.spark{font-size:35px;color:var(--orange)}.account{display:flex;gap:10px;align-items:center;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.avatar{width:35px;height:35px;background:#fff0d5;border-radius:50%;display:grid;place-items:center;color:#9c670d;font-weight:800}.account strong{font-size:11px}.account small{display:block;font-size:9px;color:var(--muted)}.main{width:calc(100% - 235px);max-width:1600px;padding:35px 44px}.public-main{width:100%;max-width:1340px;margin:auto;padding:42px 58px}.breadcrumb{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted);margin-bottom:22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{margin-bottom:0;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 23px;background:var(--orange);color:var(--navy);border:1px solid transparent;border-radius:9px;font-weight:800;font-size:12px;line-height:1.5;transition:background .15s,transform .15s}.button:hover{background:#f5b63e;transform:translateY(-1px)}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:#fff9ed;border-color:#e4ba72}.button.small{padding:10px 15px;font-size:11px}.button.full{width:100%;margin:12px 0}.text-link{font-size:12px;font-weight:800;color:#96620b}.actions{display:flex;gap:24px;align-items:center}.card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:25px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.welcome-banner{background:var(--navy);border-radius:17px;padding:35px 40px;display:flex;justify-content:space-between;overflow:hidden;min-height:260px;position:relative}.welcome-banner h2{font-size:30px;color:#fff;font-weight:700;line-height:1.35}.welcome-banner p{color:#a1afbf;font-size:12px}.banner-art{width:33%;position:relative;align-self:center;margin-right:25px}.banner-art>span{position:absolute;color:var(--orange);font-size:200px;line-height:1;top:-75px;right:-100px;opacity:.7}.art-window{background:#fbf7ee;transform:rotate(-7deg);padding:10px 15px;border-radius:10px;position:relative;box-shadow:0 20px 40px #0003;max-width:250px}.art-window>div{font-size:8px;letter-spacing:4px;border-bottom:1px solid #ddd;padding-bottom:7px}.art-window b{display:block;font-size:27px;line-height:1.3;padding:20px 10px}.art-window i{height:10px;width:55%;background:var(--orange);display:block;margin:0 10px 20px;border-radius:4px}.metrics{margin:23px 0 35px}.metrics .card{display:flex;align-items:center;gap:17px;padding:22px}.metric-icon{background:#fff5e4;color:#bc851b;font-size:22px;height:43px;width:43px;border-radius:11px;display:grid;place-items:center}.metrics small{color:var(--muted);display:block;font-size:10px}.metrics strong{font-size:26px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title h2,.section-title h3{margin-bottom:0}.section-title>span{font-size:11px}.count{font-size:11px;border:1px solid var(--line);padding:3px 8px;border-radius:7px;margin-left:10px;vertical-align:middle}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{padding:0;overflow:hidden}.project-card:hover{border-color:#ddba7d;box-shadow:0 8px 30px #14283b08}.project-cover{height:140px;background:#eaf0f3;position:relative;padding:20px;display:flex;align-items:center;justify-content:center;gap:16px}.project-cover>span{font-size:52px;color:#8196a9}.project-cover small{max-width:150px;color:#5b7285}.project-cover i{position:absolute;right:15px;top:12px;font-style:normal}.project-card:nth-child(2n) .project-cover{background:#fbf0d9}.project-card-body{padding:23px}.project-card-body h3{margin-top:12px;font-size:20px}.project-card-body p{font-size:12px}.project-meta{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted)}.badge{display:inline-block;font-size:10px;font-weight:700;padding:4px 10px;border-radius:5px;background:#edf3f8;color:#537089}.empty{grid-column:1/-1;text-align:center;padding:48px 20px}.empty p{max-width:430px;margin:0 auto 24px}.empty-icon{display:block;font-size:40px;color:var(--orange);margin-bottom:15px}.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:23px 0 0;margin-top:50px;color:#8792a1;font-size:10px}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:45px 0 65px}.landing-hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.16;font-weight:800;letter-spacing:-.04em}.lead{font-size:15px;max-width:455px;line-height:1.9;margin:22px 0 27px}.benefits{display:flex;flex-wrap:wrap;gap:15px;font-size:9px;color:#82909d;margin-top:28px}.landing-art{position:relative;padding:30px 0 45px}.mini-browser{background:#fff;border:1px solid #dfe5eb;border-radius:13px;box-shadow:0 25px 70px #071b3115;transform:rotate(-3deg);overflow:hidden}.browser-bar{display:flex;justify-content:space-between;background:#f0f3f6;padding:12px 15px;color:#a4adba;font-size:8px}.browser-bar small{font-size:8px;background:#fff;border-radius:4px;padding:1px 30px}.sample-nav{display:flex;justify-content:space-between;padding:18px;font-size:10px}.sample-nav span{color:var(--orange)}.sample-nav small{font-size:7px}.sample-hero{background:#f5ead6;padding:30px 22px;position:relative;overflow:hidden}.sample-hero h2{font-size:28px;max-width:260px;position:relative;z-index:1}.sample-shape{position:absolute;right:-5px;bottom:15px;font-size:135px;color:#d8b676;line-height:1}.sample-cta{font-size:8px;background:var(--navy);color:#fff;padding:9px 12px;border-radius:4px;position:relative;z-index:1}.sample-cards{display:flex;gap:10px;padding:15px}.sample-cards i{height:36px;flex:1;background:#f1f4f6;border-radius:5px}.floating-label{position:absolute;left:-30px;bottom:32px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #13293d10;background:white;padding:15px 19px;display:flex;gap:14px;align-items:center;font-size:30px;color:var(--orange);transform:rotate(2deg)}.floating-label b{font-size:11px;color:var(--ink);display:block}.floating-label small{font-size:9px;display:block;color:var(--muted)}.small-note{font-size:7px;letter-spacing:.09em;text-align:right;margin-top:30px;color:#8b95a1}.how-section{padding:40px 0}.how-section .section-title p{font-size:12px}.step>span{font-size:12px;display:block;color:#b88527;margin-bottom:22px}.step p{font-size:12px;margin-bottom:0}.included-banner{display:flex;align-items:center;gap:25px;background:#fff3dc;padding:25px 30px;border-radius:13px;margin-top:10px}.included-banner h3{margin-bottom:6px}.included-banner p{margin-bottom:0;font-size:12px;max-width:650px}.included-banner .button{flex-shrink:0;margin-left:auto}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}.form-section{margin-bottom:23px;padding:28px}.form-title{display:flex;align-items:center;gap:15px;margin-bottom:25px}.form-title>span{border:1px solid #eed5a6;background:#fff9ee;color:#af7818;padding:9px 12px;border-radius:9px;font-size:12px}.form-title h2{font-size:20px;margin-bottom:5px}.form-title p{font-size:12px;margin-bottom:0}.field{margin-bottom:21px}label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dce3ea;padding:11px 12px;border-radius:7px;background:#fcfdfe;color:var(--ink)}textarea{resize:vertical}input[type=checkbox]{accent-color:#b77a0c;width:17px;height:17px;flex-shrink:0}input[type=number]{max-width:160px}.field small{display:block;color:var(--muted);margin-top:6px}.field-label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.field-help{font-size:11px;margin:0 0 12px}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.palette-option{position:relative;border:1px solid var(--line);border-radius:10px;padding:11px;cursor:pointer;margin:0;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.palette-option:hover{border-color:#d8b46f;transform:translateY(-1px)}.palette-option:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px #eb9e1026;background:#fffbf4}.palette-option input{position:absolute;opacity:0;pointer-events:none}.palette-swatches{display:flex;height:34px;border-radius:7px;overflow:hidden;border:1px solid #dfe4e9;margin-bottom:8px}.palette-swatches i{flex:1}.palette-option strong{font-size:10px;line-height:1.3;display:block}.errorlist{color:#a62828;font-size:12px;list-style:none;padding:0}.quote-sidebar{position:sticky;top:105px}.quote-sidebar h2{font-size:22px}.quote-line{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:13px 0;border-bottom:1px solid #f0f2f5}.quote-line span{color:#697789}.quote-line b{white-space:nowrap}.quote-total{padding:22px 0}.quote-total small{display:block;color:var(--muted)}.quote-total strong{font-size:34px;line-height:1.5}.soft-box{background:#f7f9fc;border:1px solid var(--line);padding:16px;border-radius:9px;margin:18px 0;font-size:12px}.soft-box p{margin:8px 0;font-size:11px}.soft-box b{font-size:12px}.block-option{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;cursor:pointer}.block-option:has(input:checked){border-color:#e4b866;background:#fffbf3}.block-option small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.block-option b{margin-left:auto;white-space:nowrap;font-size:11px}.block-option strong{font-size:12px}.detail-nav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:14px;font-size:12px;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tags span{font-size:10px;background:#fff4df;color:#977028;padding:5px 10px;border-radius:5px}.order,.note{border-top:1px solid var(--line);margin-top:23px;padding-top:22px}.order p,.note p{font-size:12px}.order form,.note form{margin-top:16px}.upload-form label{font-size:10px}.upload-form input{margin-bottom:12px}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:500}.extra-round{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:11px}.reply{border-left:2px solid #e9b55b;padding:10px 15px;margin:12px 0;background:#fafbfd;font-size:11px}.reply p{margin-bottom:0}.reply-form{display:flex;gap:8px}.text-button{border:0;background:none;color:#98682b;font-size:11px;padding:0}.timeline-item{display:flex;gap:14px;align-items:baseline;border-left:1px solid var(--line);padding:4px 0 16px 17px}.timeline-item p{margin-bottom:4px;font-size:12px}.timeline-item small{color:var(--muted);font-size:10px}.filter-bar{display:flex;align-items:center;gap:15px;margin:22px 0}.filter-bar select{max-width:250px}.filter-bar label{margin:0}.table-wrap{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:20px;border-bottom:1px solid var(--line)}th{background:#f9fafc;color:var(--muted);font-size:10px;letter-spacing:.04em}td small{display:block;color:var(--muted);font-size:10px}.alert{padding:14px 18px;border-radius:8px;margin-bottom:20px;background:#eaf5ed;color:#286441;border:1px solid #c4dfcd}.alert.error{background:#fff0ec;color:#9e3529;border-color:#eccbc4}details{font-size:12px;margin:12px 0}summary{cursor:pointer;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-page{background:#fff}.preview-notice{display:flex;justify-content:space-between;gap:15px;background:var(--navy);color:#fff;padding:14px 5%;font-size:11px}.preview-nav{display:flex;justify-content:space-between;padding:25px 7%;font-size:16px}.preview-nav a{font-size:12px}.preview-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:75px 8%;background:#fbf6ee;align-items:center}.preview-hero h1{font-size:64px;overflow-wrap:anywhere}.preview-hero p{font-size:18px;line-height:1.8}.preview-symbol{position:relative;font-size:180px;font-weight:800;text-align:center;line-height:1.3;color:#d2b382}.preview-symbol span{position:absolute;right:10px;bottom:-20px;color:var(--orange);font-size:100px}.preview-content{padding:65px 8%}.preview-content h2{font-size:35px}.preview-contact{padding:65px 8%;background:var(--navy);color:#fff}.preview-contact h2{font-size:38px}.preview-contact p{color:#bfccda}.preview-page>.page-footer{padding:25px 8%;margin:0}.preview-page>.card{margin:50px auto;max-width:800px}
@media(min-width:1550px){.main{padding:40px 65px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 15px}.main{width:calc(100% - 200px);padding:28px}.public-main{width:100%;padding:30px 40px}.editor-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.form-section{padding:22px}.topbar{padding:0 25px}.workspace-label{display:none}.welcome-banner{padding:30px}.banner-art{margin-right:0}.quote-sidebar{padding:20px}.landing-hero{gap:30px}.project-grid{grid-template-columns:1fr 1fr}.metrics .card{padding:16px;gap:10px}.metrics small{font-size:9px}}@media(max-width:950px){.sidebar{display:none}.main{width:100%}.editor-layout{grid-template-columns:minmax(0,1fr) 300px}.landing-hero{gap:20px}.landing-hero h1{font-size:42px}.sample-hero h2{font-size:23px}.sample-shape{font-size:100px}.floating-label{left:-10px}.included-banner{flex-wrap:wrap}.included-banner .button{margin-left:0}}@media(max-width:700px){.topbar{height:68px;padding:0 17px;gap:10px}.brand span{font-size:13px}.brand img{width:24px;height:24px}.topbar nav{gap:13px;font-size:10px}.topbar .button{padding:8px;font-size:9px}.main,.public-main{padding:24px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:29px}.welcome-banner{padding:25px;min-height:0}.welcome-banner h2{font-size:26px}.banner-art{display:none}.three-cols,.two-cols,.editor-layout,.project-grid,.landing-hero{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metrics .card{padding:13px 10px;display:block}.metric-icon{display:none}.metrics strong{font-size:23px}.metrics small{font-size:9px;min-height:30px}.section-title{gap:10px;align-items:flex-start}.section-title h2{font-size:20px}.section-title>span.muted{display:none}.quote-sidebar{position:static}.form-section{padding:20px}.form-title h2{font-size:18px}.detail-nav{gap:16px;overflow-x:auto;white-space:nowrap;font-size:11px}.extra-round,.reply-form{flex-direction:column;align-items:stretch}.landing-hero{padding:20px 0 30px}.landing-hero h1{font-size:44px}.landing-art{max-width:460px;width:100%;margin:auto;padding:20px 10px 35px}.lead{font-size:14px}.how-section{padding-top:15px}.how-section .section-title{flex-direction:column}.how-section .section-title p{display:none}.benefits{font-size:8px;gap:9px}.included-banner{padding:23px}.included-banner>.spark{display:none}.included-banner .button{width:100%}.page-footer{font-size:9px;margin-top:32px}.filter-bar{flex-wrap:wrap}.preview-hero{grid-template-columns:1fr;padding:50px 7%;gap:20px}.preview-hero h1{font-size:44px}.preview-symbol{font-size:100px}.preview-symbol span{font-size:70px;right:25%}.preview-notice{font-size:9px}.preview-contact h2{font-size:28px}.block-option{padding:12px;gap:9px}.block-option b{font-size:10px}.block-option strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:700px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dashboard-info{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:0 0 34px}.dashboard-guide,.plan-reminder{padding:21px 24px}.dashboard-info .eyebrow{margin-bottom:12px}.guide-steps{display:flex;align-items:center;gap:10px;color:#59687a;font-size:10px;font-weight:700}.guide-steps span{display:flex;align-items:center;gap:7px;white-space:nowrap}.guide-steps b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff2dc;color:#9f6810}.guide-steps i{height:1px;flex:1;background:var(--line)}.plan-reminder strong{display:block;font-size:12px;margin-bottom:5px}.plan-reminder small{display:block;color:var(--muted);font-size:10px}.project-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-status-row small{color:var(--muted);font-weight:800}.progress-track{height:5px;background:#edf1f5;border-radius:20px;overflow:hidden;margin:11px 0 17px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#f4bd53);border-radius:inherit}.project-alert{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;margin:14px 0;background:#fff7e9;border:1px solid #f0d8aa;border-radius:8px;font-size:10px}.project-alert span{color:#77684d;text-align:right}.project-facts{display:flex;gap:12px;margin:14px 0}.project-facts>span{flex:1;padding:10px;background:#f7f9fc;border-radius:7px}.project-facts small{display:block;color:var(--muted);font-size:9px}.project-facts b{display:block;font-size:11px;margin-top:2px}.dashboard-project-card .project-meta a{font-weight:800;color:#96620b}@media(max-width:950px){.dashboard-info{grid-template-columns:1fr}.guide-steps{overflow-x:auto}}@media(max-width:700px){.dashboard-info{margin-bottom:28px}.dashboard-guide,.plan-reminder{padding:18px}.guide-steps{align-items:flex-start;flex-direction:column}.guide-steps i{width:1px;height:10px;flex:none;margin-left:12px}.project-alert{flex-direction:column}.project-alert span{text-align:left}}
.login-shell{min-height:calc(100vh - 210px);display:grid;grid-template-columns:1.1fr 430px;align-items:center;gap:80px;max-width:1080px;margin:auto;padding:55px 0}.login-copy h1{font-size:52px}.login-copy>p{font-size:15px;line-height:1.9;max-width:540px}.login-benefits{display:flex;flex-direction:column;gap:9px;color:#718093;font-size:11px}.login-card{padding:36px}.login-card h2{font-size:25px}.login-card form{margin:20px 0 8px}.login-switch{display:block;text-align:center;margin:15px 0}.login-security{display:block;text-align:center;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.settings-form{margin-bottom:24px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.settings-grid .wide{grid-column:1/-1}.inline-check{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}.block-editor-list{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.block-editor-row{display:grid;grid-template-columns:1.1fr 2fr 150px 90px auto auto;gap:12px;align-items:end;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.block-editor-row .field{margin:0}.block-editor-row input{min-width:0}.block-editor-row .inline-check{padding-bottom:12px}.delete-check{color:#a13c32}.short-field input{max-width:none}@media(max-width:1100px){.login-shell{gap:35px;grid-template-columns:1fr 390px}.block-editor-row{grid-template-columns:1fr 1.5fr 130px 75px}.block-editor-row .inline-check{padding:0}.block-editor-row .delete-check{grid-column:span 2}}@media(max-width:700px){.login-shell{grid-template-columns:1fr;padding:20px 0;gap:25px}.login-copy h1{font-size:38px}.login-card{padding:25px}.settings-grid,.block-editor-row{grid-template-columns:1fr}.settings-grid .wide,.block-editor-row .delete-check{grid-column:auto}.block-editor-row .inline-check{padding:5px 0}.settings-form .section-title{flex-direction:column}}
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-option{position:relative;border:1px solid var(--line);border-radius:11px;padding:9px;cursor:pointer;margin:0;background:#fff;transition:.15s}.template-option:hover{border-color:#d8b46f;transform:translateY(-1px)}.template-option:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px #eb9e1026;background:#fffbf4}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-option strong,.template-option small{display:block}.template-option strong{font-size:10px;margin-top:9px}.template-option small{font-size:8px;color:var(--muted);font-weight:500}.template-demo{display:block;height:92px;border:1px solid #dfe4e9;border-radius:6px;background:#f7f8fa;position:relative;overflow:hidden;padding:8px}.template-demo i{display:block;position:absolute}.demo-nav{left:8px;right:8px;top:7px;height:5px;border-bottom:1px solid #cad3dc}.demo-title{left:9px;top:26px;width:43%;height:10px;background:#1d3347}.demo-copy{left:9px;top:41px;width:36%;height:4px;background:#9aa8b5}.demo-button{left:9px;top:53px;width:24%;height:8px;background:#e6a627;border-radius:2px}.demo-media{right:8px;top:24px;width:42%;height:51px;background:#dbe3e9;border-radius:3px}.template-corporate .template-demo{background:#eef4f8}.template-corporate .demo-title{background:#0b3b60}.template-creative .template-demo{background:#fff1e8}.template-creative .demo-media{background:#ed80a8;border-radius:50% 10% 45% 20%;transform:rotate(-8deg)}.template-creative .demo-button{background:#51356e}.template-catalog .template-demo{background:#faf7f0}.template-catalog .demo-title{width:34%}.template-catalog .demo-media{box-shadow:-24px 25px 0 -8px #dccfaf,-47px 25px 0 -8px #eadfca}.template-dark .template-demo{background:#071b31}.template-dark .demo-nav{border-color:#506174}.template-dark .demo-title{background:#fff}.template-dark .demo-copy{background:#8fa0b0}.template-dark .demo-media{background:#253b4e}.reference-upload input[type=file]{padding:14px;background:#f8fafc;border-style:dashed}.reference-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.reference-list a{font-size:10px;font-weight:700;padding:7px 10px;border-radius:6px;background:#fff5e4;color:#8b6019}.preview-page.template-corporate .preview-hero{background:#eaf2f7}.preview-page.template-corporate .preview-contact{background:#0b3b60}.preview-page.template-creative .preview-hero{background:linear-gradient(135deg,#fff0e5,#f9e9f2)}.preview-page.template-creative .preview-symbol{color:#a83e74;transform:rotate(-4deg)}.preview-page.template-catalog .preview-content{background:#faf7f0}.preview-page.template-catalog .preview-content .card{box-shadow:0 14px 35px #523c1912}.preview-page.template-dark{background:#0b1d2d;color:#f4f7f9}.preview-page.template-dark .preview-nav,.preview-page.template-dark .preview-content{background:#0b1d2d}.preview-page.template-dark .preview-hero{background:#10283c}.preview-page.template-dark p{color:#b7c2cc}.preview-page.template-dark .card{background:#152d40;border-color:#294357}.preview-page.template-dark .preview-contact{background:#050f18}@media(max-width:1100px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.login-copy .eyebrow{font-size:13px;margin-bottom:20px}.login-copy>p{font-size:18px;line-height:1.8;max-width:610px}.login-benefits{gap:13px;font-size:15px;line-height:1.6}.login-benefits span{display:flex;align-items:center;gap:8px}.login-card>p{font-size:15px;line-height:1.75}.login-card h2{font-size:29px}.login-card .button{font-size:14px}.login-security{font-size:12px;line-height:1.6}.bank-card{background:#f7f9fc;border:1px solid var(--line);border-radius:11px;padding:20px;margin:18px 0 25px}.bank-card .eyebrow{margin-bottom:10px}.bank-card dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bank-card dl div{background:#fff;border:1px solid #e7ebef;border-radius:8px;padding:11px 13px}.bank-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.bank-card dd{margin:3px 0 0;font-size:13px;font-weight:800;overflow-wrap:anywhere}.bank-card p{font-size:12px;margin:14px 0 8px}.bank-card>small{display:block;color:var(--muted);line-height:1.6}.upload-help{display:block;color:var(--muted);margin:-2px 0 10px}@media(max-width:700px){.login-copy>p{font-size:16px}.login-benefits{font-size:14px}.bank-card dl{grid-template-columns:1fr}}
.login-copy .eyebrow{font-size:16px;letter-spacing:.12em}.login-copy>p{font-size:20px;line-height:1.75;max-width:660px}.login-benefits{font-size:17px;gap:15px;line-height:1.65;font-weight:600}.login-benefits span{gap:11px}@media(max-width:700px){.login-copy .eyebrow{font-size:14px}.login-copy>p{font-size:17px}.login-benefits{font-size:16px}}
.designer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.designer-heading p{margin:0}.designer-release{display:flex;align-items:center;gap:13px}.designer-release form{margin:0}.designer-layout{display:grid;grid-template-columns:minmax(430px,560px) minmax(500px,1fr);gap:20px;align-items:start}.designer-controls{min-width:0}.add-component{padding:18px;margin-bottom:15px}.add-component>div{display:flex;gap:8px}.add-component select{flex:1}.component-editor{padding:0;margin-bottom:12px;overflow:hidden}.component-editor-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#f8fafc;border-bottom:1px solid var(--line)}.component-editor-head>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center}.component-editor-head small{grid-column:2;color:var(--muted)}.drag-handle{grid-row:1/3;color:#9aa6b2;font-size:20px}.component-actions{display:flex;gap:5px}.component-actions form{display:flex;margin:0}.component-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;min-width:29px;height:29px}.component-actions .danger-button{color:#a23b31}.component-editor details{margin:0}.component-editor summary{padding:12px 17px}.component-form{padding:5px 17px 18px}.component-form .inline-check{padding-top:29px}.designer-preview{position:sticky;top:100px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 40px #071b3112}.preview-toolbar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:var(--navy);color:#fff;font-size:11px}.preview-toolbar a{color:#f3bd58;font-weight:800}.designer-preview iframe{display:block;width:100%;height:calc(100vh - 165px);min-height:640px;border:0;background:#fff}.component-site{min-height:70vh}.site-component{padding:75px 8%}.component-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;background:#fbf6ee}.component-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.08}.component-hero p{font-size:18px;max-width:650px}.component-hero figure{margin:0}.component-hero img,.component-image img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:18px}.component-text>div{max-width:850px}.component-text h2,.component-services h2,.component-links h2,.component-contact h2,.component-image h2{font-size:clamp(30px,4vw,48px)}.component-text p,.component-services>p,.component-links>p,.component-image p{font-size:17px;line-height:1.85}.component-image{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center;background:#f5f7f9}.component-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.component-cards article{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fff}.component-cards article>span{color:var(--orange);font-weight:800}.component-links{background:#f7f9fb}.component-links>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.component-links a{padding:13px 17px;border:1px solid #dce3ea;border-radius:8px;background:#fff;font-weight:800}.component-contact{background:var(--navy);color:#fff}.component-contact p{color:#bec9d4}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.component-contact form{background:#fff;color:var(--ink);border-radius:14px;padding:25px}.component-contact label{margin-bottom:14px}.website-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.contact-success{padding:14px 8%;background:#dff3e8;color:#245e45;font-weight:800}.contact-result{max-width:620px;margin:70px auto}.lead-list{display:grid;gap:12px}.lead-item{border:1px solid var(--line);padding:16px;border-radius:9px}.lead-item form{display:flex;gap:8px;align-items:end}.lead-item select{max-width:180px}@media(max-width:1100px){.designer-layout{grid-template-columns:1fr}.designer-preview{position:static}.designer-preview iframe{height:800px}.component-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.designer-heading,.designer-release{align-items:flex-start;flex-direction:column}.designer-layout{display:block}.designer-preview iframe{height:650px}.component-hero,.component-image,.contact-layout{grid-template-columns:1fr}.site-component{padding:50px 7%}.component-cards{grid-template-columns:1fr}}
.revision-summary{margin:0;padding:13px 8%;background:#fff8e9;border-bottom:1px solid #efd7a8}.revision-summary summary{color:#845b15}.revision-summary p{margin:9px 0 0;font-size:12px}
/* Designer multipágina y escala legible */
body{font-size:15px}.tiny{font-size:12px}small{font-size:13px}.sidebar>a,.topbar nav,.detail-nav{font-size:13px}.sidebar-help p,.soft-box p,.order p,.note p,.timeline-item p{font-size:13px}.account strong{font-size:12px}.account small,.project-facts small,.block-option small,.template-option small{font-size:11px}.eyebrow{font-size:11px}.field>label,label{font-size:13px}.field-help{font-size:13px}.button{font-size:12px}
.page-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.page-tabs>a,.page-tabs>details>summary{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800;cursor:pointer}.page-tabs>a.active{background:var(--navy);color:#fff}.page-tabs small{display:block;font-weight:500;opacity:.7}.page-tabs details{margin:0;position:relative}.page-tabs details form{position:absolute;z-index:5;top:45px;left:0;width:260px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px #071b3122;padding:15px;border-radius:9px}.page-tabs details input{margin-bottom:8px}.save-state{display:block;text-align:right;color:var(--green);font-size:12px;font-weight:800}.background-fields{display:grid;grid-template-columns:160px 1fr;gap:12px}.slide-editor{padding:0 17px 18px;border-top:1px solid var(--line)}.slide-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f7f9fb;margin:6px 0}.site-menu{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 7%;background:#fff;position:relative;z-index:2}.site-menu>div,.preview-nav nav{display:flex;gap:22px;flex-wrap:wrap}.site-menu a,.preview-nav nav a{font-weight:700}.preview-nav nav a.active{color:var(--site-accent,var(--orange))}.has-background{background-size:cover;background-position:center;color:#fff}.has-background p{color:#eaf0f5}.component-carousel h2{font-size:clamp(30px,4vw,48px)}.carousel{position:relative;margin-top:25px}.carousel-slide{display:none;position:relative}.carousel-slide.active{display:block}.carousel-slide img{width:100%;height:min(58vw,600px);object-fit:cover;border-radius:16px}.carousel-slide>div,.carousel-slide>a>div{position:absolute;left:25px;right:25px;bottom:25px;background:#071b31d9;color:#fff;padding:17px;border-radius:10px}.carousel-slide p{color:#dbe4ec;margin:0}.carousel button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;font-size:28px}.carousel [data-prev]{left:15px}.carousel [data-next]{right:15px}.preview-page{--navy:var(--site-primary,#071b31);--orange:var(--site-accent,#eb9e10)}.template-option{cursor:default}.template-option label{display:block;cursor:pointer;margin:0}.template-preview-link{display:block;margin-top:8px;color:#8d6119;font-size:11px;font-weight:800}.template-showcase .component-hero{background:var(--site-soft)}.template-showcase .component-contact{background:var(--site-primary)}.template-showcase .button{background:var(--site-accent)}.preview-notice button{color:#fff;background:none;border:0}.demo-showcase-art{min-height:360px;border-radius:45% 12% 40% 15%;background:linear-gradient(145deg,var(--site-primary),var(--site-accent));display:grid;place-items:center}.demo-showcase-art span{font-size:120px;color:#fff}.showcase-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.showcase-gallery i{display:block;min-height:260px;border-radius:14px;background:linear-gradient(145deg,var(--site-primary),var(--site-accent))}.showcase-gallery i:nth-child(2){opacity:.72}.showcase-gallery i:nth-child(3){opacity:.45}.demo-contact{display:grid;gap:10px;background:#fff;padding:24px;border-radius:12px}.demo-contact span{border:1px solid #dce2e8;padding:12px;color:#728093}.demo-contact b{background:var(--site-accent);color:#fff;padding:12px;text-align:center}.template-creative .component-hero{border-radius:0 0 90px 0}.template-catalog .component-cards article{box-shadow:0 15px 35px #071b3114}.template-dark.template-showcase{background:#071b31;color:#fff}.template-dark.template-showcase .site-menu,.template-dark.template-showcase .component-services,.template-dark.template-showcase .component-carousel{background:#0b2033;color:#fff}.template-dark.template-showcase p{color:#bdc9d4}
@media(max-width:700px){body{font-size:15px}.background-fields{grid-template-columns:1fr}.site-menu{align-items:flex-start;flex-direction:column}.site-menu>div{gap:12px}.showcase-gallery{grid-template-columns:1fr}.showcase-gallery i{min-height:190px}.template-preview-link{font-size:12px}}
.template-grid .template-demo{background:var(--demo-soft,#f7f8fa)}.template-grid .demo-title{background:var(--demo-primary,#1d3347)}.template-grid .demo-button{background:var(--demo-accent,#e6a627)}.template-grid .demo-media{background:color-mix(in srgb,var(--demo-primary,#1d3347) 24%,var(--demo-soft,#f7f8fa))}
/* Cinco conceptos visuales claramente distintos */
.site-menu.menu-left>div{margin-right:auto}.site-menu.menu-center{display:grid;grid-template-columns:1fr auto 1fr}.site-menu.menu-center>div{justify-self:center}.site-menu.menu-right>div{margin-left:auto}
.showcase-v2{background:#fff}.showcase-v2 .page-footer{padding:24px 6%;margin:0}.demo-min-nav,.demo-corp-nav,.demo-creative-nav,.demo-shop-nav,.demo-lux-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 6%}.demo-min-nav{border-bottom:1px solid #ddd;font-size:13px}.demo-min>section:first-child{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.demo-min>section>div{padding:11vw 8vw}.demo-min h1{font:500 clamp(55px,7vw,105px)/.92 Georgia,serif;letter-spacing:-.06em}.demo-min p{max-width:430px;font-size:17px}.demo-min figure{margin:0;background:var(--site-soft);padding:7%;display:flex;flex-direction:column;justify-content:flex-end}.demo-min figure i{display:block;height:75%;background:linear-gradient(145deg,var(--site-primary),var(--site-accent));border-radius:50% 50% 3px 3px}.demo-min-strip{display:flex;justify-content:space-around;padding:22px;border-block:1px solid #ddd;font-size:12px;letter-spacing:.15em}.demo-min-about{padding:90px 8%!important;display:grid!important;grid-template-columns:100px 1fr!important;min-height:auto!important}.demo-min-about h2{font:400 clamp(34px,5vw,68px)/1.1 Georgia,serif;max-width:900px}
.demo-corp-nav{background:var(--site-primary);color:#fff}.demo-corp-nav a,.demo-corp button{background:var(--site-accent);padding:11px 17px;color:#071b31;font-weight:800}.demo-corp-hero{min-height:600px;background:linear-gradient(110deg,var(--site-soft) 0 68%,var(--site-primary) 68%);display:grid;grid-template-columns:1fr 260px;gap:7%;padding:110px 8%}.demo-corp-hero>div{max-width:760px}.demo-corp h1{font-size:clamp(48px,6vw,78px);line-height:1.04}.demo-corp-hero p{font-size:18px;max-width:620px}.demo-corp-hero aside{color:#fff;display:grid;align-content:center;gap:4px}.demo-corp-hero aside b{font-size:52px;color:var(--site-accent);border-top:1px solid #ffffff55;padding-top:18px}.demo-corp-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8%;margin-top:-55px}.demo-corp-grid article{background:#fff;padding:32px;border-right:1px solid #ddd;box-shadow:0 15px 40px #071b3115}.demo-corp-grid article>b{color:var(--site-accent)}
.demo-creative-nav{font-weight:900;background:#fff}.demo-creative{overflow:hidden}.demo-creative-hero{min-height:670px;background:var(--site-soft);position:relative;padding:75px 7%}.demo-creative-hero>p{position:absolute;right:8%;top:75px;font-weight:900}.demo-creative h1{font:900 clamp(76px,11vw,155px)/.72 Arial,sans-serif;letter-spacing:-.09em;position:relative;z-index:2;margin-top:80px}.demo-creative h1 i{font-family:Georgia,serif;font-weight:400;color:var(--site-accent)}.creative-orb{position:absolute;width:360px;height:360px;border-radius:50%;background:var(--site-primary);color:var(--site-accent);display:grid;place-items:center;font-size:110px;right:14%;bottom:-60px}.demo-creative-hero>a{position:absolute;bottom:55px;left:8%;font-weight:900;border-bottom:4px solid var(--site-primary)}.creative-marquee{white-space:nowrap;background:var(--site-accent);padding:18px;font-size:26px;font-weight:900;transform:rotate(-2deg);width:104%;margin-left:-2%}.creative-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:90px 7%}.creative-cards article{min-height:240px;padding:30px;background:var(--site-primary);color:#fff;font-size:13px}.creative-cards article:last-child{background:var(--site-soft);color:var(--site-primary);transform:translateY(45px)}.creative-cards b{display:block;font-size:32px;margin-top:80px}
.demo-shop-nav{border-bottom:1px solid #ddd}.demo-shop-nav label{width:28%;border:1px solid #ddd;padding:10px;color:#999}.demo-shop-hero{margin:30px 4%;min-height:560px;background:var(--site-soft);display:grid;grid-template-columns:.8fr 1.2fr}.demo-shop-hero>div{padding:100px 10%}.demo-shop h1{font:500 clamp(48px,6vw,78px)/1.03 Georgia,serif}.demo-shop-hero>i{background:linear-gradient(135deg,var(--site-primary),var(--site-accent));clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.demo-shop button{padding:13px 20px;background:var(--site-primary);color:#fff;border:0}.demo-products{padding:55px 4%}.demo-products>div:first-child{display:flex;justify-content:space-between;margin-bottom:25px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid article{display:grid;gap:7px}.product-grid i{height:300px;background:var(--site-soft)}.product-grid article:nth-child(2) i{background:color-mix(in srgb,var(--site-primary) 30%,white)}.product-grid article:nth-child(3) i{background:color-mix(in srgb,var(--site-accent) 35%,white)}.product-grid article:nth-child(4) i{background:color-mix(in srgb,var(--site-primary) 55%,white)}
.template-dark.showcase-v2{background:#05090d;color:#f5f0e8}.demo-lux-nav{background:#05090d;border-bottom:1px solid #ffffff22;letter-spacing:.12em}.demo-lux-hero{min-height:760px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden;padding:80px}.lux-lines{position:absolute;width:520px;height:520px;border:1px solid var(--site-accent);border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.demo-lux-hero>*:not(.lux-lines){position:relative}.demo-lux h1{font:400 clamp(60px,8vw,110px)/.95 Georgia,serif;max-width:1050px}.demo-lux h1 i{color:var(--site-accent)}.demo-lux p{font-size:17px;color:#b9b4aa;max-width:470px}.demo-lux-hero>a{border:1px solid var(--site-accent);padding:15px 23px;margin-top:25px}.demo-lux-band{display:grid;grid-template-columns:160px 1fr 100px;gap:40px;align-items:center;padding:90px 8%;background:#0e151b}.demo-lux-band h2{font:400 44px/1.15 Georgia,serif}.demo-lux-band i{font-size:60px;color:var(--site-accent)}
/* Miniaturas: reflejan la composición de cada concepto */
.template-minimal .template-demo{background:#fff}.template-minimal .demo-title{height:18px;width:32%;top:24px}.template-minimal .demo-media{right:7px;top:7px;height:77px;width:47%;border-radius:0}.template-corporate .template-demo{background:linear-gradient(90deg,var(--demo-soft) 0 68%,var(--demo-primary) 68%)}.template-corporate .demo-nav{height:9px;background:var(--demo-primary);border:0;left:0;right:0;top:0}.template-corporate .demo-media{width:25%;height:60px;background:transparent;border-left:2px solid var(--demo-accent)}.template-creative .template-demo{background:var(--demo-soft);transform:none}.template-creative .demo-title{width:62%;height:26px;top:27px;transform:rotate(-3deg)}.template-creative .demo-media{width:48px;height:48px;border-radius:50%;right:14px;bottom:6px;top:auto;background:var(--demo-accent)}.template-catalog .template-demo{background:#fff}.template-catalog .demo-title{width:31%}.template-catalog .demo-media{width:18%;height:36px;right:8px;top:44px;box-shadow:-29px 0 0 var(--demo-soft),-58px 0 0 color-mix(in srgb,var(--demo-primary) 25%,white)}.template-dark .template-demo{background:#05090d}.template-dark .demo-title{left:22%;width:56%;top:31px;height:15px;background:#fff}.template-dark .demo-copy{left:32%;width:36%;top:51px}.template-dark .demo-media{width:55px;height:55px;right:calc(50% - 27px);top:18px;border:1px solid var(--demo-accent);border-radius:50%;background:transparent}
@media(max-width:800px){.demo-min>section:first-child,.demo-corp-hero,.demo-shop-hero{grid-template-columns:1fr}.demo-min figure{min-height:430px}.demo-corp-hero{background:var(--site-soft)}.demo-corp-hero aside{background:var(--site-primary);padding:25px}.demo-corp-grid,.product-grid{grid-template-columns:1fr 1fr}.creative-orb{width:220px;height:220px;right:-30px}.demo-creative h1{font-size:72px}.demo-shop-nav label{display:none}.demo-lux-band{grid-template-columns:1fr}.site-menu.menu-center{display:flex}.site-menu.menu-center>div{margin-left:auto}}
/* Las plantillas también conservan su personalidad en el sitio construido */
.preview-page.template-minimal .site-component{padding-block:95px}.preview-page.template-minimal .component-hero{background:#fff;grid-template-columns:1fr 1fr}.preview-page.template-minimal .component-hero h1,.preview-page.template-minimal .component-text h2{font-family:Georgia,serif;font-weight:500}.preview-page.template-minimal .component-cards article{border-width:0 0 1px;border-radius:0;padding-left:0}
.preview-page.template-corporate .site-menu{background:var(--site-primary);color:#fff}.preview-page.template-corporate .component-hero{background:linear-gradient(105deg,var(--site-soft) 0 72%,var(--site-primary) 72%)}.preview-page.template-corporate .component-cards{gap:0}.preview-page.template-corporate .component-cards article{border-radius:0;border-left:4px solid var(--site-accent)}
.preview-page.template-creative .site-menu{font-weight:900}.preview-page.template-creative .component-hero{background:var(--site-soft);overflow:hidden}.preview-page.template-creative .component-hero h1{font-size:clamp(64px,9vw,125px);line-height:.85;letter-spacing:-.075em}.preview-page.template-creative .component-hero figure img,.preview-page.template-creative .component-image img{border-radius:48% 12% 42% 18%;transform:rotate(-3deg)}.preview-page.template-creative .component-cards article:nth-child(even){transform:translateY(28px);background:var(--site-primary);color:#fff}
.preview-page.template-catalog .component-hero{margin:25px 4%;padding-inline:5%;background:var(--site-soft)}.preview-page.template-catalog .component-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-page.template-catalog .component-cards article{border:0;border-radius:0;background:var(--site-soft);min-height:230px;display:flex;flex-direction:column;justify-content:flex-end}
.preview-page.template-dark .site-menu{background:#05090d;color:#fff;border-bottom:1px solid #ffffff22}.preview-page.template-dark .component-hero{min-height:720px;text-align:center;grid-template-columns:1fr;background:radial-gradient(circle at 50% 55%,#203648,#05090d 63%)}.preview-page.template-dark .component-hero .component-copy{max-width:900px;margin:auto}.preview-page.template-dark .component-hero h1{font-family:Georgia,serif;font-weight:400}.preview-page.template-dark .component-hero .preview-symbol,.preview-page.template-dark .component-hero figure{display:none}.preview-page.template-dark .component-cards article{background:#101b24;border-color:#ffffff20}.preview-page.template-dark .component-contact{background:#020406}
@media(max-width:700px){.preview-page.template-catalog .component-cards{grid-template-columns:1fr}.preview-page.template-corporate .component-hero{background:var(--site-soft)}.preview-page.template-creative .component-hero h1{font-size:58px}}
/* Regiones editables visibles únicamente en el borrador del diseñador */
.draft-regions [data-editor-region]{position:relative;outline:2px dashed transparent;outline-offset:-3px;cursor:pointer;transition:outline-color .15s,filter .15s}.draft-regions [data-editor-region]:hover{outline-color:#21a7e0;filter:brightness(.97)}.draft-regions [data-editor-region]::before{content:'Editar · ' attr(data-region-label);position:absolute;z-index:50;top:8px;left:8px;padding:6px 10px;border-radius:5px;background:#087eae;color:#fff;font:700 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:0;opacity:0;transform:translateY(-4px);pointer-events:none;transition:.15s}.draft-regions [data-editor-region]:hover::before{opacity:1;transform:none}.component-editor.region-selected{border-color:#21a7e0;box-shadow:0 0 0 4px #21a7e026,0 18px 40px #071b3114;animation:regionPulse .7s ease}@keyframes regionPulse{50%{transform:translateX(5px)}}
/* Segunda colección de plantillas */
.demo-narrative .narrative-split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.narrative-split>div{padding:10vw 9vw}.narrative-split h1{font:400 clamp(50px,6vw,82px)/1.05 Georgia,serif}.narrative-split>i{background:linear-gradient(145deg,var(--site-primary),var(--site-accent))}.narrative-split.reverse>div{order:2}.narrative-split.reverse>i{background:var(--site-soft)}.narrative-gallery{display:grid;grid-template-columns:repeat(4,1fr);height:260px}.narrative-gallery i:nth-child(odd){background:var(--site-primary)}.narrative-gallery i:nth-child(even){background:var(--site-accent)}
.demo-side{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#2d2255;color:#fff}.demo-side>aside{position:sticky;top:0;height:100vh;background:var(--site-primary);padding:55px 32px;display:flex;flex-direction:column;justify-content:center;text-align:right}.demo-side nav{display:grid;margin-top:55px}.demo-side nav a{padding:17px 0;border-bottom:1px solid #ffffff25;font-size:12px}.side-intro{min-height:620px;padding:150px 10%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#443271,var(--site-primary))}.side-intro h1{font-size:clamp(48px,6vw,78px)}.side-intro p{color:#d8d0e8;font-size:18px;max-width:700px}.side-intro button{align-self:flex-start;padding:14px 25px;border:1px solid #fff;background:transparent;color:#fff}.side-panels article{display:grid;grid-template-columns:42% 1fr;min-height:330px;background:#4659a8}.side-panels article:nth-child(2){background:#3e8fa0}.side-panels i{display:grid;place-items:center;font-size:70px;background:#0002}.side-panels article>div{padding:85px 8%}
.demo-prism{background:#26313b;color:#fff}.prism-hero{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#13212ccf,#13212ccf),linear-gradient(120deg,var(--site-primary),var(--site-accent));clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%)}.prism-hero>span{font-size:70px;color:var(--site-accent)}.prism-hero h1{font-size:70px;letter-spacing:.22em;border-block:2px solid #fff;padding:18px}.prism-hero p{color:#fff;letter-spacing:.2em}.prism-hero a{background:var(--site-accent);padding:15px 30px}.prism-angle{padding:120px 15%;text-align:center;background:#18a7a0}.prism-angle h2{font-size:48px}.prism-angle p{color:#e8ffff;font-size:18px}.prism-icons{display:grid;grid-template-columns:repeat(3,1fr);padding:90px 10%;gap:35px}.prism-icons article{display:grid;gap:18px;text-align:center;font-size:60px}.prism-icons b{font-size:17px}
.horizon-hero{min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#0c405b99,#0c405b99),linear-gradient(135deg,var(--site-primary),var(--site-accent));color:#fff}.horizon-hero h1{font-weight:300;font-size:clamp(50px,7vw,88px)}.horizon-hero p{font-size:20px;color:#fff}.horizon-hero a{border:1px solid #fff;border-radius:30px;padding:13px 35px}.horizon-wave{padding:120px 10%;text-align:center;background:var(--site-soft)}.horizon-wave h2{font-weight:400;font-size:48px}.horizon-wave>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.horizon-wave article{padding:40px;border:1px solid var(--site-primary);font-size:13px}.horizon-wave b{font-size:22px}.horizon-photo{min-height:480px;display:grid;place-items:center;text-align:center;background:linear-gradient(#071b3177,#071b3177),linear-gradient(45deg,var(--site-primary),var(--site-accent));color:#fff}.horizon-photo h2{font-size:50px}
.classic-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 7%;background:#fff}.classic-nav a{background:var(--site-accent);padding:11px 18px}.classic-site>section{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:640px;padding:80px 8%;background:var(--site-soft)}.classic-site h1{font-size:clamp(50px,6vw,80px)}.classic-site p{font-size:18px;max-width:650px}.classic-site button{padding:14px 22px;background:var(--site-primary);color:#fff;border:0}.classic-site>section>i{font-size:230px;text-align:center;color:var(--site-accent)}.classic-services{display:grid;grid-template-columns:repeat(3,1fr);padding:65px 8%;gap:20px}.classic-services article{padding:30px;border:1px solid #ddd;font-size:20px}.classic-services b{display:block;color:var(--site-accent);font-size:13px}
/* Adaptación de los componentes a las nuevas familias */
.preview-page.template-narrative .site-menu{background:#fff}.preview-page.template-narrative .component-hero,.preview-page.template-narrative .component-image{grid-template-columns:1fr 1fr;padding:0;gap:0}.preview-page.template-narrative .component-copy,.preview-page.template-narrative .component-image>div{padding:10vw 9vw}.preview-page.template-narrative .component-hero figure,.preview-page.template-narrative .component-image img{height:100%;max-height:none;border-radius:0}.preview-page.template-narrative .component-text{text-align:center}.preview-page.template-sidebar .component-site{padding-left:230px;background:#302558;color:#fff}.preview-page.template-sidebar .site-menu{position:fixed;left:0;top:0;bottom:0;width:230px;display:flex;flex-direction:column;background:var(--site-primary);color:#fff}.preview-page.template-sidebar .site-menu>div{display:grid;margin:30px 0 0}.preview-page.template-sidebar .site-component{background:#443474;color:#fff}.preview-page.template-sidebar .site-component:nth-child(even){background:#4659a8}.preview-page.template-sidebar p{color:#ddd5ee}.preview-page.template-prism{background:#26313b;color:#fff}.preview-page.template-prism .site-menu{background:#13212c;color:#fff}.preview-page.template-prism .component-hero{text-align:center;grid-template-columns:1fr;min-height:700px;background:linear-gradient(135deg,var(--site-primary),var(--site-accent));clip-path:polygon(0 0,100% 0,100% 94%,50% 100%,0 94%)}.preview-page.template-prism .component-copy{max-width:900px;margin:auto}.preview-page.template-prism .component-hero figure,.preview-page.template-prism .preview-symbol{display:none}.preview-page.template-prism .component-services{background:#18a7a0}.preview-page.template-horizon .site-component{text-align:center}.preview-page.template-horizon .component-hero{grid-template-columns:1fr;min-height:700px;background:linear-gradient(135deg,var(--site-primary),var(--site-accent));color:#fff}.preview-page.template-horizon .component-copy{max-width:900px;margin:auto}.preview-page.template-horizon .component-hero figure,.preview-page.template-horizon .preview-symbol{display:none}.preview-page.template-horizon .component-cards{max-width:1100px;margin-inline:auto}.preview-page.template-classic .component-hero{background:var(--site-soft)}.preview-page.template-classic .site-menu{box-shadow:0 5px 20px #071b310d}.preview-page.template-classic .component-cards article{border-top:4px solid var(--site-accent)}
.template-demo-image{display:block;aspect-ratio:16/10;border:1px solid #dfe4e9;border-radius:6px;overflow:hidden;background:#eef1f4}.template-demo-image img{width:100%;height:100%;object-fit:cover;display:block}.template-option strong{margin-top:9px}.custom-code-help{background:#eef7fb;border:1px solid #b9dfef;border-radius:8px;padding:13px;margin-bottom:18px}.custom-code-help p{margin:5px 0 0;font-size:12px}.code-field textarea{font:13px/1.55 Consolas,'Courier New',monospace;tab-size:2;background:#0c1d2b;color:#e9f1f7;min-height:230px}.component-custom{overflow:hidden}
@media(max-width:800px){.demo-narrative .narrative-split,.classic-site>section{grid-template-columns:1fr}.narrative-split>i{min-height:400px}.demo-side{grid-template-columns:1fr}.demo-side>aside{position:relative;height:auto;text-align:left}.demo-side nav{display:flex;overflow:auto;margin-top:20px;gap:20px}.side-panels article{grid-template-columns:1fr}.prism-icons,.horizon-wave>div,.classic-services{grid-template-columns:1fr}.preview-page.template-sidebar .component-site{padding-left:0}.preview-page.template-sidebar .site-menu{position:relative;width:auto}.narrative-gallery{grid-template-columns:1fr 1fr}}


.template-demo-image{position:relative}.template-demo-image::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--demo-primary) 0 33.33%,var(--demo-accent) 33.33% 66.66%,var(--demo-soft) 66.66%)}

/* La marca del portal conserva la presencia visual de la portada principal. */
.topbar .brand{gap:1px}
.topbar .brand img{width:32px;height:32px}
.topbar .brand span,.topbar .brand b{font-family:Poppins,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;letter-spacing:.02em}
.topbar .workspace-label{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.1em;color:#e7ecf2;white-space:nowrap}
@media(max-width:700px){
  .topbar{height:auto;min-height:92px;flex-wrap:wrap;padding:10px 17px;gap:4px 12px}
  .topbar .brand img{width:28px;height:28px}
  .topbar .brand span,.topbar .brand b{font-size:16px}
  .topbar .workspace-label{border-left:0;padding-left:0;font-size:12px}
  .topbar nav{width:100%;justify-content:flex-end;gap:14px}
}

/* Imagen principal del estudio web. */
.landing-art-image{position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:transparent}
.landing-art-image:before,.landing-art-image:after{display:none}
.landing-art-image img{display:block;width:116%;max-width:none;height:auto;object-fit:contain;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 22px 22px rgba(7,27,49,.14))}
.topbar .brand span,.topbar .brand b{font-weight:800}
@media(max-width:700px){.landing-art-image{margin:4px 0 0}.landing-art-image img{width:110%}}

/* Readable supporting text on the project dashboard and detail only. */
.project-workspace{font-size:16px}
.project-workspace :is(small,.tiny,.eyebrow,.breadcrumb,.badge,.tags span,.account small,.project-facts small,.bank-card dt){font-size:13px}
.project-workspace :is(.sidebar>a,.topbar nav,.sidebar-help p,.account strong,.page-footer,.button.small,.project-meta,.quote-line,.guide-steps,.plan-reminder small){font-size:14px}
.project-workspace :is(.page-heading p,.welcome-banner p,.button,.text-link,.project-card p,.plan-reminder strong,.project-facts b,.project-alert,.upload-help,.soft-box p,.order p,.note p,.timeline-item p,.bank-card p,.bank-card dd){font-size:15px}
.project-workspace .detail-nav{gap:8px;padding-bottom:8px;overflow-x:auto}
.project-workspace .detail-nav a{flex-shrink:0;padding:12px 16px;border-radius:8px;font-size:15px;white-space:nowrap}
.project-workspace .detail-nav a:hover{background:#fff4df}
.project-workspace .detail-nav [aria-selected="true"]{background:var(--navy);color:#fff}
.project-workspace [role="tabpanel"][hidden]{display:none}
.project-workspace :is(.project-meta,.project-facts){flex-wrap:wrap;gap:12px}
.project-workspace .guide-steps{flex-wrap:wrap}

/* Project identity and private preview share one clear header card. */
.project-header{margin-bottom:24px;padding:28px}
.project-header-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.project-header-identity{min-width:0}
.project-header h1{margin:10px 0 8px;overflow-wrap:anywhere}
.project-header .project-industry{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}
.project-header-caption{margin:0;font-size:15px}
.project-preview-button{flex-shrink:0}
.project-preview-info{display:flex;flex-direction:column;gap:5px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.project-preview-label{font-size:13px;font-weight:800;color:var(--muted)}
.project-preview-info a{font-size:14px;color:var(--ink);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .project-header{padding:20px}
  .project-header-main{flex-direction:column;align-items:stretch;gap:18px}
  .project-preview-button{width:100%}
}

@media(max-width:480px){.template-grid{grid-template-columns:1fr}}

/* Optional public content, grouped by the client's selected sections. */
.section-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.section-choices label{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.section-choices label:has(input:checked){border-color:var(--orange);background:#fff8eb}
.section-choices input{width:auto;flex-shrink:0}
.section-choices small{display:block;color:var(--muted)}
.questionnaire-section{border:1px solid var(--line);border-radius:10px;margin-bottom:14px}
.questionnaire-section[hidden]{display:none}
.questionnaire-section summary{padding:16px;font-size:16px;font-weight:800;cursor:pointer}
.questionnaire-section summary small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px}
.section-fields{padding:0 18px 18px}
.section-entry{padding:18px;background:var(--bg);border-radius:10px;margin:12px 0}
.section-entry label{display:block;font-weight:700}
.section-entry input[type=checkbox]{width:auto}
.section-entries>small{display:block;margin-top:10px}
.component-faq details{padding:18px 0;border-bottom:1px solid var(--line)}
.component-faq summary{font-weight:800;cursor:pointer}
.component-faq details p{margin:12px 0}
.component-testimonials blockquote{margin:0}
.component-contact .contact-links{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}
.component-contact .contact-links a{text-decoration:underline;color:inherit}
@media(max-width:1000px){.section-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.section-choices{grid-template-columns:1fr}}

.section-cover{margin:20px 0}.section-cover img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:12px}

.section-status-list{list-style:none;margin:18px 0;padding:0}.section-status-list li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.section-status-list small{color:var(--muted)}

.optional-design{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:10px}.optional-design summary{font-weight:700;cursor:pointer}.optional-design[open] summary{margin-bottom:16px}

/* Clear content states across the project, selection and region editor. */
.content-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:fit-content;max-width:100%;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:0;text-align:center}
.content-status-pending{color:#805000;background:#fff3cd;border-color:#e8cc80}
.content-status-ready{color:#176044;background:#e7f5ec;border-color:#b4dcc2}
.section-status-list li{align-items:center;flex-wrap:wrap;gap:10px 18px}
.section-content-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.section-choices .content-status{display:flex;margin-top:8px}
.content-next-step{margin:20px 0 0;font-size:14px}
.client-content-workspace .sidebar{display:none}
.client-content-workspace .main{width:100%;max-width:1800px;margin:auto}
.content-region-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.content-region-nav>a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;font-weight:700}
.content-region-nav>a[aria-current]{border-color:var(--orange);box-shadow:0 0 0 2px #eb9e1033}
.client-content-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
.region-form{min-width:0;scroll-margin-top:110px}
.region-form-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.region-form-title h2{margin:0}
.region-form .field-help{font-size:13px}
.content-canvas-panel{position:sticky;top:100px;min-width:0}
.content-canvas-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px;background:var(--navy);color:#fff;border-radius:12px 12px 0 0;font-size:13px}
.content-canvas-toolbar span{color:#d0dce8}
.content-canvas-panel iframe{display:block;width:100%;height:70vh;min-height:420px;border:1px solid var(--line);background:#fff;border-radius:0 0 12px 12px}
.preview-site-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.content-canvas{scroll-behavior:auto;background:#fff}
.content-canvas .editable-region{position:relative;border:3px solid transparent;scroll-margin-top:8px;min-width:0}
.content-canvas .editable-region.is-selected{border-color:#db971b}
.content-canvas .editable-region:hover{border-color:#db971b}
.region-location{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;background:#f4f7fa;color:#17283b;font:14px/1.5 Manrope,Arial,sans-serif}
.region-edit-link{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px;z-index:2}
.region-edit-link span{padding:10px 16px;border-radius:8px;background:#071b31;color:#fff;font:700 14px/1.5 Manrope,Arial,sans-serif;box-shadow:0 3px 12px #071b3133}
.region-edit-link:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}
.region-sample{pointer-events:none;padding-bottom:45px;overflow:hidden}
.region-example{position:relative}.region-example .site-component{opacity:.88}.example-gallery>div{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:22px}.example-gallery i{display:block;min-height:150px;border-radius:12px;background:linear-gradient(145deg,var(--site-primary),var(--site-accent));opacity:.82}.example-gallery i:nth-child(2){opacity:.58}.example-gallery i:nth-child(3){opacity:.38}
.full-template-demo .component-site{min-height:100vh}.full-template-demo .site-component{scroll-margin-top:45px}.full-template-demo .component-carousel{background:var(--site-soft)}.full-template-demo .component-contact{background:var(--site-primary)}
.region-placeholder{min-height:240px;background:var(--site-soft);padding:35px 6%}
.placeholder-lines{display:grid;gap:12px;max-width:500px;margin-top:24px}
.placeholder-lines i{height:12px;background:var(--site-primary);opacity:.12;border-radius:4px}
.placeholder-lines i:last-child{width:65%}
@media(max-width:900px){.client-content-layout{grid-template-columns:1fr}.content-canvas-panel{position:static;grid-row:1}.content-canvas-panel iframe{height:45vh;min-height:300px}.client-content-workspace .main{padding:24px 16px}.content-region-nav{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px}.content-region-nav>a{flex-shrink:0}.region-form{scroll-margin-top:115px}}

.section-choices label:not(:has(input:checked)) .content-status{display:none}

html.content-canvas-document{scroll-behavior:auto;scroll-padding-top:0}

/* Project actions and accessible native upload controls. */
.project-content-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}
.button.outline-warning{background:transparent;border:1.5px solid var(--orange);color:#875900}
.button.outline-warning:hover{background:#fff8e8;border-color:#ca8700}
.button-icon{width:21px;height:21px;flex-shrink:0}
.project-preview-button{gap:9px}
.section-content-link{text-decoration:none}
.section-content-link:hover{text-decoration:underline}
.project-workspace input[type=file]{display:block;width:100%;min-width:0;padding:10px;border:1px dashed #d4b978;border-radius:10px;background:#fffcf5;color:var(--ink);font-size:13px;cursor:pointer}
.project-workspace input[type=file]::file-selector-button{margin-right:12px;padding:10px 14px;border:1px solid #e0a933;border-radius:7px;background:#fff0cd;color:#704900;font:700 13px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:background .15s}
.project-workspace input[type=file]:hover::file-selector-button{background:#ffe4a3}
.project-workspace input::placeholder,.project-workspace textarea::placeholder{color:#6e7887;opacity:1;font-weight:400}
@media(max-width:480px){.project-content-actions{align-items:stretch;flex-direction:column}.project-content-actions .button{width:100%}.project-workspace input[type=file]::file-selector-button{padding:9px 10px;margin-right:8px}}

.paragraph-editor{border:1px solid #d8e0e9;border-radius:9px;overflow:hidden;background:#fff}
.paragraph-editor:focus-within{outline:2px solid var(--orange);outline-offset:2px}
.paragraph-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:7px;background:#f5f7fa;border-bottom:1px solid var(--line)}
.paragraph-toolbar button{display:grid;place-items:center;width:34px;height:34px;padding:6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);font:16px/1 Arial,sans-serif}
.paragraph-toolbar button:hover,.paragraph-toolbar button:focus-visible{background:#fff0cd;border-color:#e0a933}
.paragraph-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.paragraph-input{min-height:125px;padding:12px;font-size:15px;line-height:1.65;outline:none;overflow-wrap:anywhere}
.paragraph-input:empty:before{content:attr(data-placeholder);color:#6e7887;pointer-events:none}
.paragraph-input p,.paragraph-input div{margin:0 0 8px;color:inherit}
.paragraph-input ul,.paragraph-input ol,.rich-copy ul,.rich-copy ol{padding-left:1.5em}
.rich-copy{margin-bottom:18px;line-height:1.65;overflow-wrap:anywhere}
.rich-copy p,.rich-copy div{margin:0 0 .8em;color:inherit}
.rich-copy blockquote{margin:1em 0;padding-left:1em;border-left:3px solid var(--site-accent,var(--orange))}

/* Landing actions and supporting information. */
.button-icon,.nav-icon-link svg,.landing-how-link svg,.benefits svg,.included-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.button-icon{width:19px;height:19px}
.nav-icon-link{display:inline-flex;align-items:center;gap:9px}
.nav-icon-link svg{width:18px;height:18px;color:var(--accent)}
.landing-how-link{display:inline-flex;align-items:center;gap:9px}
.landing-how-link svg{width:21px;height:21px;color:var(--orange)}
.benefits{gap:22px;font-size:15px;font-weight:600;color:#69798a}
.benefits span{display:inline-flex;align-items:center;gap:7px}
.benefits svg{width:19px;height:19px;color:var(--green);stroke-width:2.5}
.step>span{font-size:25px;line-height:1;font-weight:800;letter-spacing:.04em;margin-bottom:28px}
.included-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff8e9;color:#cf8500;flex:0 0 auto}
.included-icon svg{width:31px;height:31px;stroke-width:1.8}
@media(max-width:700px){.benefits{font-size:14px;gap:12px 18px}.step>span{font-size:23px}.included-icon{width:50px;height:50px}}

/* Landing header scale and clearer primary actions. */
.topbar .brand img{width:27px;height:27px}
.topbar .brand span,.topbar .brand b{font-size:17px}
.landing-hero .actions>.button,.landing-how-link{font-size:15px}
.landing-how-link{padding:13px 21px;border:2px solid var(--orange);border-radius:9px;color:#875900;background:transparent;transition:background .15s,transform .15s}
.landing-how-link:hover{background:#fff5dc;transform:translateY(-1px)}
.how-section .eyebrow{font-size:13px;letter-spacing:.16em;margin-bottom:17px}
@media(max-width:700px){.topbar .brand img{width:23px;height:23px}.topbar .brand span,.topbar .brand b{font-size:14px}.landing-hero .actions{align-items:stretch;flex-direction:column;gap:11px}.landing-hero .actions>.button,.landing-how-link{width:100%;font-size:14px}}

/* Stable mobile header and centered landing actions. */
.landing-how-link{justify-content:center;text-align:center}
@media(max-width:700px){
  .topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:0;padding:13px 16px;gap:10px 12px}
  .topbar .brand{min-width:0}
  .topbar .brand span,.topbar .brand b{white-space:nowrap}
  .topbar .workspace-label{justify-self:start;margin:0;white-space:nowrap}
  .topbar nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;gap:10px}
  .topbar nav>a{min-width:0;min-height:46px;justify-content:center;text-align:center;padding:10px 12px;font-size:12px;border-radius:9px}
  .topbar .nav-icon-link{border:1px solid #ffffff2b}
}
@media(max-width:390px){
  .topbar{padding-inline:12px;column-gap:8px}
  .topbar .brand img{width:21px;height:21px}
  .topbar .brand span,.topbar .brand b{font-size:12px}
  .topbar .workspace-label{font-size:10px}
  .topbar nav>a{font-size:11px;padding-inline:8px}
}

/* Editable section list: visual progress and a clear edit affordance. */
.section-status-list li{flex-wrap:nowrap;gap:16px;padding:13px 0}
.section-status-name{display:flex;align-items:center;gap:12px;min-width:0;font-weight:700}
.section-item-dot{width:12px;height:12px;border:2px solid var(--orange);border-radius:50%;background:#fff3d5;box-shadow:0 0 0 4px #fff8e9;flex:0 0 auto}
.section-item-dot-ready{border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px #e7f5ec}
.section-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}
.section-edit-icon{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--orange);border-radius:50%;background:#fffaf0;color:#875900;flex:0 0 auto;transition:background .15s,transform .15s,box-shadow .15s}
.section-edit-icon:hover{background:#fff0cd;transform:translateY(-1px);box-shadow:0 4px 10px #7d570020}
.section-edit-icon:focus-visible{outline:3px solid #eb9e104d;outline-offset:2px}
.section-edit-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
  .section-status-list li{display:block;position:relative;padding:13px 48px 13px 0}
  .section-status-actions{justify-content:flex-start;margin:7px 0 0 24px}
  .section-status-list .content-status{font-size:11px;padding:5px 8px}
  .section-edit-icon{position:absolute;right:0;top:50%;width:36px;height:36px;transform:translateY(-50%)}
  .section-edit-icon:hover{transform:translateY(calc(-50% - 1px))}
}

/* Developer view: client source material and delivery readiness. */
.staff-client-content .section-title{align-items:flex-start}
.staff-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.staff-section-item{min-width:0;padding:17px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}
.staff-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:13px}
.staff-section-head h3{margin:0}.staff-section-head small{color:var(--muted)}
.staff-section-item p{margin:8px 0;font-size:13px;overflow-wrap:anywhere}.staff-section-item ul{margin:8px 0 12px;padding-left:20px;font-size:13px}
.delivery-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.delivery-checklist>div{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;color:#6f7882;background:#f8fafc}
.delivery-checklist>div span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8edf2;font-weight:800;flex:0 0 auto}
.delivery-checklist>div.complete{color:#176044;border-color:#b4dcc2;background:#f1faf4}.delivery-checklist>div.complete span{color:#fff;background:var(--green)}
.designer-release{flex-wrap:wrap;justify-content:flex-end}.designer-release .outline-warning{font-size:12px;padding:11px 14px}
.component-palette{margin-top:9px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;overflow:hidden}.component-palette summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 12px;color:var(--muted);font-weight:700;list-style:none}.component-palette summary::-webkit-details-marker{display:none}.component-palette summary span:last-child{font-size:18px;transition:transform .15s}.component-palette[open] summary span:last-child{transform:rotate(180deg)}.component-palette>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:2px 12px 13px}.component-palette .palette-swatch{display:grid;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #aeb9c4;cursor:pointer;appearance:none}.component-palette .palette-swatch:hover,.component-palette .palette-swatch:focus-visible{transform:scale(1.08);box-shadow:0 0 0 3px #eb9e1040}.component-palette .clear-color{background:#fff!important;color:#687482;font-size:20px;line-height:1}

/* Consistent file controls across client and developer forms. */
input[type=file]{display:block;width:100%;min-height:48px;padding:6px;border:1px solid #dce3ea;border-radius:8px;background:#fcfdfe;color:#657285;line-height:34px;overflow:hidden}
input[type=file]::file-selector-button{min-height:34px;margin:-1px 12px -1px -1px;padding:7px 13px;border:1px solid #d5a64c;border-radius:6px;background:#fff6e4;color:var(--ink);font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
input[type=file]:hover::file-selector-button{background:#ffedc9;border-color:var(--orange)}

/* Collapsible portal navigation for client and staff workspaces. */
.sidebar-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0d;color:#fff;flex:0 0 auto}
.sidebar-toggle:hover{background:#ffffff1c}.sidebar-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sidebar-backdrop{display:none}.sidebar,.main{transition:width .2s,transform .2s,padding .2s}
body.sidebar-collapsed .sidebar{display:none}body.sidebar-collapsed .main{width:100%;max-width:none}
.client-content-workspace .sidebar{display:flex}.client-content-workspace .main{width:calc(100% - 235px);max-width:1600px}
@media(max-width:1150px){.client-content-workspace .main{width:calc(100% - 200px)}}
@media(max-width:950px){
  .sidebar,.client-content-workspace .sidebar{display:flex;position:fixed;z-index:40;top:82px;left:0;width:min(82vw,285px);height:calc(100dvh - 82px);padding:25px 18px;transform:translateX(-105%);box-shadow:12px 0 35px #071b3130}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .main,.client-content-workspace .main{width:100%;max-width:none}
  .sidebar-backdrop{display:block;position:fixed;z-index:35;inset:82px 0 0;border:0;background:#071b3166;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
  body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}
  body.sidebar-open{overflow:hidden}
}
@media(max-width:700px){
  .sidebar,.client-content-workspace .sidebar{top:0;height:100dvh}.sidebar-backdrop{inset:0}
  .topbar:has(.sidebar-toggle){display:flex;height:64px;min-height:64px;padding:0 16px;gap:12px}
  .topbar:has(.sidebar-toggle) .brand,.topbar:has(.sidebar-toggle) nav{display:none}
  .topbar:has(.sidebar-toggle) .sidebar-toggle{order:0;width:38px;height:38px;border-color:#ffffff35}
  .topbar:has(.sidebar-toggle) .workspace-label{display:block;order:1;margin:0;padding-left:12px;border-left:1px solid #ffffff26;font-size:11px;letter-spacing:.16em}
  .background-fields{grid-template-columns:1fr}
}
@media(max-width:800px){.staff-section-grid,.delivery-checklist{grid-template-columns:1fr}.staff-client-content .section-title{display:block}.staff-client-content .section-title .button{margin-top:12px}.staff-section-head{grid-template-columns:auto minmax(0,1fr)}.staff-section-head .content-status{grid-column:2;justify-self:start}}
.preview-page .component-hero img,.preview-page .component-image img,.preview-page .section-cover img,.preview-page .carousel-slide img{border-radius:0}.preview-page .component-text>div{margin-inline:auto;text-align:center}.preview-page .component-text .section-cover{max-width:980px;margin:30px auto 0}.preview-page .component-text .section-cover img{height:auto;aspect-ratio:3/2;object-fit:cover}.preview-page .component-hero h1{font-size:clamp(38px,5vw,68px);overflow-wrap:normal}.site-menu-toggle{display:none;width:44px;height:40px;padding:9px;border:1px solid currentColor;background:transparent;color:inherit}.site-menu-toggle span{display:block;height:2px;background:currentColor;margin:4px 0;transition:transform .2s,opacity .2s}.site-menu a{transition:color .2s,transform .2s}.site-menu a:hover{color:var(--site-accent);transform:translateY(-2px)}
@media(max-width:800px){.preview-page .site-menu{position:sticky!important;top:0!important;bottom:auto!important;width:100%!important;min-height:68px;height:auto!important;padding:14px 6%;display:flex!important;flex-direction:row!important;align-items:center;z-index:80}.preview-page.template-sidebar .component-site{padding-left:0}.site-menu-toggle{display:block;margin-left:auto}.site-menu>.site-menu-links{display:none;position:absolute;left:0;right:0;top:100%;margin:0!important;padding:12px 6% 18px;background:inherit;box-shadow:0 15px 28px #071b3126}.site-menu.menu-open>.site-menu-links{display:grid;gap:0}.site-menu>.site-menu-links a{padding:12px 0;border-bottom:1px solid #8391a333}.site-menu.menu-open .site-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-menu.menu-open .site-menu-toggle span:nth-child(2){opacity:0}.site-menu.menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.preview-page.template-narrative .component-hero{grid-template-columns:1fr}.preview-page.template-narrative .component-copy{padding:65px 7%}.preview-page.template-narrative .component-hero figure{min-height:360px}.preview-page .component-hero h1{font-size:clamp(38px,11vw,58px)}}
.preview-page.template-narrative .component-hero{margin:28px 3%;width:auto}.preview-page.template-sidebar .site-menu{justify-content:flex-start;padding-top:38px}.preview-page.template-sidebar .site-menu>.site-menu-links{margin-top:45px}.template-recommendation{display:none;margin-top:8px;padding:5px 8px;background:#e8f6ed;color:#23745c;border-radius:5px;font-size:9px;font-weight:800}.template-option.is-recommended{border-color:#66a982;box-shadow:0 0 0 2px #66a98225}.template-option.is-recommended .template-recommendation{display:inline-block}.preview-page.template-pet .component-hero{background:#edf8f5}.preview-page.template-energy .site-menu,.preview-page.template-energy .component-contact{background:#153c31;color:#fff}.preview-page.template-energy .component-hero{background:#e9f0ed}.preview-page.template-hvac .component-hero{background:#eaf5fb}.preview-page.template-hvac .component-cards article{border-top:4px solid #4ba4cf}
@media(max-width:800px){.preview-page.template-narrative .component-hero{margin:16px 4%}.preview-page.template-sidebar .site-menu{padding-top:14px}.preview-page.template-sidebar .site-menu>.site-menu-links{margin-top:0}}
.sidebar>a>svg{width:18px;height:18px;flex:0 0 18px}.icon-text-link{display:inline-flex;align-items:center;gap:7px;font-weight:800}.icon-text-link svg{color:#9a6814;flex:0 0 17px}

/* Estudio Web has its own compact mark while the name remains accessible text. */
.topbar .studio-brand{gap:9px}
.topbar .studio-brand img{width:42px;height:42px;object-fit:contain}
.topbar .studio-brand span{font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:800;letter-spacing:.13em;color:#fff}
@media(max-width:700px){
  .topbar:not(:has(.sidebar-toggle)) .studio-brand img{width:34px;height:34px}
  .topbar:not(:has(.sidebar-toggle)) .studio-brand span{font-size:13px;letter-spacing:.1em}
}

/* Public legal page and first-access acceptance. */
.sidebar-help{text-align:center;padding:20px 15px 15px}.sidebar-brain{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;color:var(--orange);background:#fff5df;border:1px solid #f0d393;border-radius:50%}.sidebar-brain svg{width:39px;height:39px}.sidebar-help h3{margin-bottom:7px}.page-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:27px 16px;margin-top:50px;border-top:1px solid var(--line);color:#6f7d8e;text-align:center}.footer-spacer{display:none}.footer-copyright{line-height:1.5}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0}.footer-links a{display:inline-flex;align-items:center;white-space:nowrap}.footer-links a+a::before{content:"";width:1px;height:14px;margin:0 14px;background:#d6dde5}.page-footer a{font-weight:800;color:#806021;text-decoration:none}.page-footer a:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.page-footer{gap:12px;padding-inline:8px}.footer-links{row-gap:8px}.footer-links a+a::before{margin:0 9px}.footer-links a:last-child{width:100%;justify-content:center}.footer-links a:last-child::before{display:none}}
.project-grid .empty .empty-brand-mark{display:block;width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;object-fit:contain;margin:0 auto 14px}
.ai-designer-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:28px;align-items:start;margin-bottom:22px;border-color:#ead29f;background:linear-gradient(135deg,#fffaf0,#fff)}.ai-designer-panel h2{margin-bottom:8px}.ai-designer-panel p{margin-bottom:0}.ai-designer-panel form{display:grid;gap:9px}.ai-designer-panel textarea{min-height:88px}.ai-designer-panel .button{justify-self:start}.ai-config-warning{color:#9e3529}.ai-generation-history{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px}.ai-generation-history>div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:12px 0;border-bottom:1px solid var(--line)}.ai-generation-history small,.ai-generation-history p{grid-column:2;margin:0}@media(max-width:800px){.ai-designer-panel{grid-template-columns:1fr}.ai-generation-history{grid-column:auto}}
.ai-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #9dceb0;border-radius:10px;background:#effaf3}.ai-result>div{display:grid;gap:5px}.ai-result b{font-size:18px}.ai-result p{margin:0;max-width:850px}.ai-result .button{flex:0 0 auto}.designer-preview:target{scroll-margin-top:100px;box-shadow:0 0 0 4px #eb9e1033,0 16px 40px #071b3112}@media(max-width:800px){.ai-result{align-items:flex-start;flex-direction:column}}
.ai-progress{display:flex;align-items:center;gap:20px;margin-bottom:22px;border-color:#ead29f;background:#fffaf0;scroll-margin-top:90px}.ai-progress h2,.ai-progress p{margin:0}.ai-progress .eyebrow{margin-bottom:5px}.ai-progress-icon{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:50%;background:#fff1ce}.ai-progress-icon span{width:25px;height:25px;border:3px solid #eb9e1040;border-top-color:var(--accent);border-radius:50%;animation:ai-spin .8s linear infinite}.ai-progress.is-failed{border-color:#e7b4ae;background:#fff5f3}.ai-progress.is-failed .ai-progress-icon span{border:0;animation:none}.ai-progress.is-failed .ai-progress-icon span:after{content:'!';color:#a93b31;font-size:24px;font-weight:900}@keyframes ai-spin{to{transform:rotate(360deg)}}
.ai-generation-history .ai-retry-form{grid-column:2;margin-top:6px}.ai-retry-form .text-link{padding:0;border:0;background:transparent;font:inherit;font-weight:800;cursor:pointer}
.note-request-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.note-request-actions small{max-width:700px}.note-request-actions .button{flex:0 0 auto;margin-left:auto}.advanced-region-code{margin:5px 0 22px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.advanced-region-code>summary{padding:13px 15px}.advanced-region-code[open]>summary{border-bottom:1px solid var(--line)}.advanced-region-code>.custom-code-help,.advanced-region-code>.field{margin:15px}.region-custom-addon{display:block}@media(max-width:700px){.note-request-actions{align-items:stretch;flex-direction:column}.note-request-actions .button{margin-left:0;align-self:flex-end}}
.code-editor-toggle{min-width:43px!important;color:#a66f0f!important;border-color:#e5b75f!important;background:#fff8e9!important}.code-editor-toggle span{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.code-override-check{display:flex;align-items:center;gap:9px;margin:15px}.code-field textarea{min-height:230px;background:#081726;color:#d9e6ef;border-color:#203a50;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.coded-region{display:block;width:100%;min-height:120px;border:0;background:transparent;overflow:hidden}
.global-code-editor{margin-bottom:22px;padding:0;overflow:hidden}.global-code-editor>summary{display:flex;align-items:center;gap:10px;padding:18px 22px}.global-code-editor[open]>summary{border-bottom:1px solid var(--line)}.global-code-editor form{padding:20px 22px}.global-code-editor textarea{min-height:320px;margin-bottom:14px;background:#081726;color:#d9e6ef;border-color:#203a50;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.code-summary-icon{color:var(--orange);font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.coded-region{position:relative;display:block;width:100%;min-height:80px}.coded-region>style{display:none}
.preview-page.template-narrative .component-hero{align-items:stretch}
.preview-page.template-narrative .component-hero>figure{align-self:stretch;height:auto;min-height:100%;display:flex;align-items:center}
.preview-page.template-narrative .component-hero>figure>img{width:100%;height:auto;max-height:720px;object-fit:cover}
.preview-page.template-narrative .component-hero>.component-copy{padding-top:36px;padding-bottom:58px;align-self:start}
@media(max-width:800px){.preview-page.template-narrative .component-hero>.component-copy{padding-top:28px;padding-bottom:44px}}
.legal-page{max-width:980px;margin:0 auto}.legal-heading{padding:18px 0 12px}.legal-heading h1{margin-bottom:8px}.legal-heading p{font-size:13px}
.terms-acceptance{margin:12px 0 24px;border:2px solid #e8b34c;background:#fffaf0}.terms-acceptance h2{margin-bottom:8px}.terms-check{margin:18px 0}.terms-check span{font-size:14px}
.terms-confirmed{padding:12px 16px;border:1px solid #b9dcc7;border-radius:8px;background:#eff9f3;color:#216247;font-weight:700}
.legal-content{padding:36px 42px}.legal-content section+section{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.legal-content h2{font-size:20px;margin-bottom:9px}.legal-content p{font-size:14px;line-height:1.85;margin:0}
@media(max-width:700px){.legal-content{padding:24px 20px}.legal-content h2{font-size:18px}.legal-content p{font-size:13px}.terms-acceptance .button{width:100%}}
/* Brand editor and shared site identity. */
.brand-upload{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;padding:24px;margin:20px 0 28px;background:#f6f8fb;border:1px solid #dce3ed;border-radius:16px}.brand-upload-preview{height:150px;display:grid;place-items:center;background:white;border:1px dashed #abb9c8;border-radius:12px;overflow:hidden}.brand-upload-preview img{width:100%;height:100%;object-fit:contain;padding:15px}.brand-upload-preview span{font-size:56px;font-weight:800;color:#8798aa}.brand-upload p,.brand-upload small{font-size:13px;color:#63748a;line-height:1.6}.brand-upload .brand-remove{display:flex;align-items:center;gap:10px;margin-top:16px}.brand-remove input{width:auto}.site-menu .company-logo{width:auto;max-width:150px;height:48px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:12px}.site-brand{display:flex;align-items:center;gap:8px;min-width:0}@media(max-width:600px){.brand-upload{grid-template-columns:1fr;padding:18px}.brand-upload-preview{width:120px;height:120px}.site-menu .company-logo{max-width:90px;height:36px}}
/* Quote palette controls and carousel navigation shared by every template. */
.custom-palette-fields{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.custom-palette-fields.is-visible{display:grid}.custom-palette-fields label{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:800}.custom-palette-fields input[type=color]{width:48px;height:40px;padding:2px;border:1px solid #cbd5df;border-radius:7px;background:#fff;cursor:pointer}
.preview-page .carousel button{z-index:4;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #071b3120;border-radius:50%;background:#fff;color:#101820;font:700 30px/1 Arial,sans-serif;box-shadow:0 8px 24px #071b3130;cursor:pointer}.preview-page .carousel button:hover{background:var(--site-accent);color:var(--site-primary)}.preview-page .carousel button:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.preview-page .carousel [data-prev]{left:18px}.preview-page .carousel [data-next]{right:18px}
@media(max-width:700px){.custom-palette-fields{grid-template-columns:1fr}.preview-page .carousel button{width:42px;height:42px;font-size:25px}.preview-page .carousel [data-prev]{left:10px}.preview-page .carousel [data-next]{right:10px}}
.favicon-shortcut{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:12px;color:var(--ink);font-weight:800;text-decoration:none;background:#fff}.favicon-shortcut img{width:30px;height:30px;object-fit:contain;border-radius:7px;border:1px solid var(--border);background:#fff}.stored-images{margin:1.1rem 0}.stored-images h3{margin-bottom:.35rem}.stored-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stored-image{display:grid;gap:.45rem;padding:.65rem;border:1px solid var(--border);border-radius:14px;background:#fff}.stored-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.stored-image>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stored-image-remove{display:flex;gap:.45rem;align-items:center;color:#9a3412;font-weight:800}.payment-reviewing{display:inline-flex!important;align-items:center;gap:.5rem}.payment-hourglass{display:inline-block;animation:payment-hourglass-turn 1.6s ease-in-out infinite}.payment-review-note{margin:.65rem 0 0;color:var(--muted);font-weight:700}@keyframes payment-hourglass-turn{0%,40%{transform:rotate(0)}60%,100%{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){.payment-hourglass{animation:none}}
.ai-credit-shop,.ai-image-form{display:grid;gap:1rem;margin:1rem 0;padding:1.2rem;border:1px solid #f2cf87;border-radius:16px;background:#fffaf0}.ai-credit-shop{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);align-items:end}.ai-credit-shop form{display:grid;gap:.55rem}.ai-text-button{margin:.4rem 0 0;border:0;background:transparent;color:#986000;font-weight:800;cursor:pointer}.ai-text-button:before{content:'✦ ';color:var(--accent)}@media(max-width:700px){.ai-credit-shop{grid-template-columns:1fr}}

/* Refinamientos de asistencia creativa, créditos e imágenes */
.credit-nav-pill{display:inline-flex!important;align-items:center;gap:.45rem;padding:.5rem .8rem!important;border:1px solid rgba(235,158,16,.5);border-radius:999px;background:rgba(235,158,16,.12);color:#fff!important;font-weight:800}.credit-nav-pill svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.credit-nav-pill strong{color:var(--accent);font-size:inherit}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-help,.account{flex-shrink:0}.account{padding-bottom:10px}
.ai-text-button{display:flex;align-items:center;justify-content:center;gap:.45rem;width:max-content;margin:.55rem 0 0 auto;padding:.55rem .85rem;border:1px solid #e8b346;border-radius:999px;background:#fff8e7;color:#714700;font:inherit;font-size:.88rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(143,91,0,.08);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ai-text-button:before{content:none}.ai-text-button:hover{transform:translateY(-1px);background:#ffefc8;box-shadow:0 7px 16px rgba(143,91,0,.14)}.ai-text-button svg,.magic-wand-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.magic-wand-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:max-content}.pending-image-preview{display:grid;gap:.6rem;margin-top:.8rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,170px));gap:.75rem}.image-preview-grid figure{margin:0;padding:.5rem;border:1px solid var(--border);border-radius:12px;background:#fff}.image-preview-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.image-preview-grid figcaption{margin-top:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--muted)}.section-cover{margin:1.25rem 0;overflow:hidden;border-radius:18px}.section-cover img{display:block;width:100%;max-height:520px;object-fit:cover}
@media(max-width:760px){.credit-nav-pill{padding:.45rem!important;font-size:.8rem}.ai-text-button{margin-left:0}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.credit-store{display:grid;gap:1.5rem}.credit-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.credit-usage-grid article{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.credit-usage-grid span{color:var(--muted);font-size:.82rem;font-weight:700}.credit-usage-grid b{font-size:1.2rem}.credit-usage-grid small{color:#667589}.credit-packages{display:grid;gap:.75rem;margin:0 0 1rem;padding:0;border:0}.credit-packages legend{margin-bottom:.65rem;font-weight:800}.credit-package{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.credit-package:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 2px #eb9e1024;background:#fffbf3}.credit-package input{margin:0;justify-self:center}.credit-package-copy{display:grid;gap:.1rem}.credit-package-copy small{color:var(--muted);font-weight:500}.credit-package>strong{white-space:nowrap}.credit-package>em{padding:.25rem .5rem;border-radius:999px;background:#eaf6ef;color:#23745c;font-size:.75rem;font-weight:800;white-space:nowrap}.security-block-form{align-items:end}.security-block-form .field{margin-bottom:0}.security-block-form>.button{align-self:end;width:max-content;min-height:42px;margin:0 0 1px;padding:10px 18px}
@media(max-width:700px){.credit-usage-grid{grid-template-columns:1fr}.credit-package{grid-template-columns:22px minmax(0,1fr) auto}.credit-package>em{grid-column:2/-1;justify-self:start}.security-block-form>.button{width:100%}}
.danger-zone{margin-top:2rem;border-color:#efb5ad;background:#fffafa}.danger-zone .eyebrow{color:#a52e24}.danger-zone form{max-width:620px}.danger-button{margin-top:1rem;background:#b42318;color:#fff}.danger-button:hover{background:#921d14}.danger-zone input:valid{border-color:#d76b61}
.dashboard-project-card{position:relative}.project-delete-shortcut{position:absolute;right:14px;top:54px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e6aca6;border-radius:50%;background:#fff;color:#a52e24;box-shadow:0 4px 12px #53130d14}.project-delete-shortcut:hover{background:#fff0ee;transform:translateY(-1px)}.project-delete-shortcut svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.credit-package-editor{display:grid;grid-template-columns:minmax(180px,1.3fr) 130px 150px 90px auto auto;gap:12px;align-items:end;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.credit-package-editor .field{margin:0}.credit-package-editor .inline-check{padding-bottom:12px}@media(max-width:1000px){.credit-package-editor{grid-template-columns:1fr 1fr}.credit-package-editor .inline-check{padding:4px 0}}@media(max-width:700px){.credit-package-editor{grid-template-columns:1fr}}

/* Payment validation spacing and in-page AI prompt. */
.payment-validation-form .button{display:flex;width:max-content;margin-top:16px}
.ai-text-dialog{width:min(92vw,590px);padding:0;border:0;border-radius:20px;background:transparent;color:var(--ink);box-shadow:0 26px 80px #071b3160}
.ai-text-dialog::backdrop{background:#071b31a6;backdrop-filter:blur(3px)}
.ai-text-dialog-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px 18px;padding:28px;background:#fff;border:1px solid #e2e8ef;border-radius:20px}
.ai-text-dialog-card>label,.ai-text-dialog-card>textarea,.ai-text-dialog-error,.ai-text-dialog-actions{grid-column:1/-1}
.ai-text-dialog-card h2{margin:2px 0 4px;font-size:25px}.ai-text-dialog-card .eyebrow{margin:0}.ai-text-dialog-card textarea{min-height:120px;resize:vertical}
.ai-text-dialog-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #efca7a;border-radius:50%;background:#fff6df;color:#9a6814}.ai-text-dialog-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-text-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.ai-text-dialog-error{margin:0;padding:10px 12px;border-radius:8px;background:#fff0ee;color:#9e3529;font-weight:700}.ai-text-dialog-error[hidden]{display:none}
@media(max-width:600px){.ai-text-dialog-card{grid-template-columns:40px minmax(0,1fr);padding:20px}.ai-text-dialog-icon{width:40px;height:40px}.ai-text-dialog-actions{flex-direction:column-reverse}.ai-text-dialog-actions .button{width:100%}}

/* Numbered repeated content cards. */
.section-entries{display:grid;gap:14px;margin:20px 0}.section-entries [data-entry-list]{display:grid;gap:16px}.section-entry{padding:20px;border:1px solid #dce4ec;border-radius:14px;background:#f8fafc;box-shadow:0 5px 16px #071b3108}.section-entry-heading{display:flex;align-items:center;gap:10px;margin:-4px 0 16px;padding-bottom:12px;border-bottom:1px solid #dce4ec}.section-entry-heading>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff1cf;color:#855500;font-weight:900}.section-entry-heading strong{font-size:16px}.section-entry-heading i{font-style:normal}.section-entry p{margin:0 0 13px}.section-entry p:last-child{margin-bottom:0}.section-entry label{display:block;margin-bottom:5px}.section-entry input[type=checkbox]{width:auto;margin-right:7px}.section-entries>[data-add-entry]{justify-self:start;margin-top:2px}


/* Compact revision summary. */
.revision-change-summary{padding:0!important;overflow:hidden}
.revision-change-summary summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}
.revision-change-summary summary::-webkit-details-marker{display:none}
.revision-change-summary summary span{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.revision-change-summary[open] summary span{transform:rotate(225deg)}
.revision-change-summary>p{margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.55}

/* Proposal decisions, aligned designer actions and project thumbnails. */
.project-workspace .detail-nav [aria-selected="true"]{background:#fff1d5!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--orange)}
.designer-heading{align-items:center}.designer-heading>div:first-child{min-width:280px}.designer-release{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.designer-release .button{white-space:nowrap}.release-proposal-form{display:flex!important;align-items:center;gap:10px}.release-proposal-form input{width:260px;min-width:200px}.release-proposal-form .button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.client-proposal{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:28px;margin:18px 0;border-color:#e9bd66;background:#fffdf8}.client-proposal h2{margin-bottom:9px}.client-proposal form{display:grid;align-content:center}.proposal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.proposal-reject{color:#a52e24;padding:10px}.proposal-history{margin:0 0 18px;padding:18px 22px}.proposal-history>summary{font-size:14px}.proposal-history article{padding:14px 0;border-top:1px solid var(--line)}.proposal-history article:first-of-type{margin-top:14px}.proposal-history article>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.proposal-history article p,.proposal-history blockquote{margin:8px 0 0;font-size:13px}.proposal-history blockquote{padding:10px 14px;border-left:3px solid var(--orange);background:#fff8ea;color:var(--ink)}
.project-template-cover{height:140px;padding:20px 70px 20px 24px;overflow:hidden;justify-content:space-between;background:#eaf0f3}.project-template-cover .project-cover-category{max-width:48%;color:#50697e;font-size:15px;font-weight:900;line-height:1.35}.project-template-cover .project-cover-thumb{display:block;width:150px;height:96px;margin-left:auto;overflow:hidden;border:4px solid #fff;border-radius:15px;background:#fff;box-shadow:0 9px 22px #071b3120}.project-template-cover .project-cover-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-template-cover:hover .project-cover-thumb img{transform:scale(1.04)}.project-template-cover i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffffff0;box-shadow:0 5px 15px #071b3120}
@media(max-width:560px){.project-template-cover{padding-left:18px}.project-template-cover .project-cover-category{font-size:13px}.project-template-cover .project-cover-thumb{width:125px;height:84px}}
@media(max-width:1100px){.client-proposal{grid-template-columns:1fr}.release-proposal-form input{width:220px}}
@media(max-width:760px){.designer-release,.release-proposal-form{width:100%;align-items:stretch;flex-direction:column}.designer-release>*{width:100%}.designer-release .button,.release-proposal-form input{width:100%}.client-proposal{padding:20px}.proposal-actions{align-items:stretch;flex-direction:column}.proposal-actions>*{width:100%}}

/* Domain availability in the initial project form. */
.domain-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.domain-check-row .button{white-space:nowrap}.domain-check-result{display:none;margin-top:10px;padding:11px 13px;border-radius:9px;font-size:13px}.domain-check-result:not(:empty){display:grid;gap:10px}.domain-check-result.is-loading{background:#f3f6f9;color:#587086}.domain-check-result.is-available{border:1px solid #add7be;background:#eef9f2;color:#176044}.domain-check-result.is-unavailable,.domain-check-result.is-error{border:1px solid #e8b6af;background:#fff3f1;color:#9b332a}.domain-alternatives{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.domain-alternatives span{font-weight:700}.domain-alternatives button{padding:6px 9px;border:1px solid currentColor;border-radius:999px;background:#fff;color:inherit;font:inherit;font-weight:800;cursor:pointer}@media(max-width:680px){.domain-check-row{grid-template-columns:1fr}.domain-check-row .button{width:100%}}
.mailbox-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.mailbox-name-fields:empty{display:none}.mailbox-name-field{display:grid;gap:7px;margin:0}.mailbox-name-field>span:first-child{font-weight:800}.mailbox-address-input{display:grid;grid-template-columns:minmax(100px,1fr) auto;align-items:center;overflow:hidden;border:1px solid #d6dee7;border-radius:9px;background:#fff}.mailbox-address-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #eb9e1024}.mailbox-address-input input{min-width:0;border:0!important;box-shadow:none!important}.mailbox-address-input strong{padding:0 13px;color:#63748a;font-size:13px;white-space:nowrap}@media(max-width:700px){.mailbox-name-fields{grid-template-columns:1fr}.mailbox-address-input{grid-template-columns:minmax(80px,1fr) auto}.mailbox-address-input strong{max-width:165px;overflow:hidden;text-overflow:ellipsis}}
.mailbox-address-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:-10px}.mailbox-address-list span{padding:5px 9px;border:1px solid #dce4ec;border-radius:999px;background:#f8fafc;color:#52657a;font-size:12px;font-weight:700}