.web-ia-heading { margin-bottom: 24px; }
.web-secondary-link,.web-generation a.secondary { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; min-height: 42px; border: 1px solid #cbd5e1; border-radius: 8px; color: #344054; background: white; text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1.4; }
.web-secondary-link:hover,.web-generation a.secondary:hover { background: #f4f7fa; border-color: #94a3b8; }
.web-secondary-link:focus-visible,.web-generation a.secondary:focus-visible { outline: 3px solid #087889; outline-offset: 3px; }
.web-generation { overflow-wrap: anywhere; }
.web-generation progress { display: block; width: 100%; max-width: 560px; height: 16px; margin: 12px 0 24px; accent-color: #087889; }
.web-generation details { margin-top: 24px; padding-top: 16px; border-top: 1px solid #e2e8f0; }
.web-generation summary { cursor: pointer; padding: 10px 0; }
.web-generation form { margin-top: 16px; }
.web-generation form label { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; }
.web-generation input[type=checkbox] { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 3px; }
.web-image-assignments { margin-top: 24px; border-top: 1px solid #d9e3e7; padding-top: 12px; }
.web-assignment-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; border: 1px solid #d9e3e7; border-radius: 8px; padding: 16px; margin-bottom: 16px; background: white; }
@media(max-width:600px) { .web-assignment-row { grid-template-columns: 1fr; } }
.web-wizard p { line-height: 1.65; margin: 12px 0 20px; }
.web-wizard h2 { margin: 0 0 16px; }
.web-wizard h3 { margin: 20px 0 10px; }
.web-wizard label:not(.checkbox-field):not(.web-media-choice) { display: grid; gap: 9px; min-width: 0; }
.web-wizard .form-grid { gap: 22px; }
.web-wizard .form-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.web-wizard .form-actions button.secondary { background: white !important; color: #344054 !important; border: 1px solid #cbd5e1 !important; }
@media(max-width:600px) { .web-wizard .form-actions { flex-direction: column; align-items: stretch; } .web-wizard .form-actions button { width: 100%; } }
.web-ia-credit-adjust summary > span:first-child { display: grid; gap: 8px; }
.web-ia-credit-adjust summary small { display: block; line-height: 1.6; }
.web-wizard .web-wizard-steps button { display: flex; align-items: center; gap: 8px; min-height: 46px; }
.web-wizard .web-wizard-steps button.is-complete { background: #e8f5ed !important; color: #176b3a !important; border-color: #90c6a3 !important; }
.web-wizard [data-step-icon] { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #eef2f5; flex-shrink: 0; }
.web-wizard .is-complete [data-step-icon] { color: white; background: #237d46; }
.web-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.web-wizard .checkbox-field { min-height: 42px; padding: 10px 12px; border: 1px solid #d9e3e7; border-radius: 7px; background: #f6fafb; cursor: pointer; }
.web-wizard input[type=checkbox] { accent-color: #087889; }
.web-tree-tools { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.web-tree-tools button { min-width: 40px; min-height: 36px; }
.web-tree-preview { background: #f5fafb; padding: 16px 20px; margin-top: 18px; border-left: 3px solid #087889; }
.web-tree-preview ol { padding-left: 22px; }
.web-tree-preview li { line-height: 1.7; margin: 6px 0; overflow-wrap: anywhere; }
.web-style-choices { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); gap: 16px; margin: 20px 0; }
.web-wizard .web-style-card { display: grid; gap: 12px; padding: 20px; text-align: left; white-space: normal; border: 1px solid #d9e3e7; border-radius: 9px; background: white; color: #22333d; }
.web-style-card.is-selected { outline: 2px solid #087889; background: #edf9fa !important; }
.web-wizard .web-design { color:#292d3a; font-size:15px; }
.web-design [hidden] { display:none !important; }
.web-design .field-help { font-size:14px; color:#596174; }
.web-wizard .web-design-section { border-top:1px solid #e6e7ef; padding:28px 0; }
.web-wizard .web-design-section h3 { display:flex; align-items:center; gap:12px; margin:0 0 12px; font-size:19px; font-weight:600; }
.web-design-number { display:inline-grid; place-items:center; width:30px; height:30px; flex:none; border-radius:8px; background:#f0edff; color:#5840bf; font-size:15px; }
.web-structure-choices { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0; }
.web-wizard .web-structure-card { display:flex; flex-direction:column; align-items:stretch; gap:10px; font:inherit; text-align:left; white-space:normal; padding:18px; border:1px solid #dcdfea; border-radius:10px; color:#292d3a; background:#fff; cursor:pointer; }
.web-structure-card strong { font-size:16px; font-weight:600; }.web-structure-card small { color:#635a83; font-size:12px; }.web-structure-card > span:not(.web-structure-sketch) { font-size:14px; line-height:1.55; }
.web-wizard .web-structure-card.is-selected,.web-wizard .web-design .web-style-card.is-selected { outline:2px solid #6750da; outline-offset:0; background:#f7f5ff !important; border-color:transparent; }
.web-choice-state { margin-top:auto; padding-top:12px; font-weight:500; color:#5840bf; }
.web-structure-sketch { display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:9px 38px 22px; gap:6px; padding:12px; border:1px solid #e2deee; border-radius:5px; background:#faf9fd; height:108px; box-sizing:border-box; }
.web-structure-sketch i { display:block; background:#ded8f0; border-radius:2px; grid-column:span 2; }.web-structure-sketch i:first-child { grid-column:1/-1; background:#8d7ec0; }.web-structure-sketch i:nth-child(2),.web-structure-sketch i:nth-child(3) { grid-column:span 3; }
.web-structure-sketch[data-layout=editorial] { grid-template-rows:9px 30px 10px 10px; }.web-structure-sketch[data-layout=editorial] i { grid-column:1/-1; }.web-structure-sketch[data-layout=editorial] i:nth-child(n+5) { display:none; }
.web-structure-sketch[data-layout=catalogo] { grid-template-rows:9px 28px 28px; }.web-structure-sketch[data-layout=catalogo] i:nth-child(2) { grid-column:span 2; grid-row:span 2; background:#ad9dd3; }.web-structure-sketch[data-layout=catalogo] i:nth-child(3) { grid-column:span 2; }
.web-structure-sketch[data-layout=flexible] { grid-template-rows:9px 24px 12px 13px; }.web-structure-sketch[data-layout=flexible] i:nth-child(4) { grid-column:1/-1; background:#b9add9; }.web-structure-sketch[data-layout=flexible] i:nth-child(n+5) { grid-column:span 3; }
.web-design-help { margin-top:18px; font-size:14px; }.web-design-help summary { cursor:pointer; padding:10px 0; color:#51418b; }.web-design-help p { max-width:85ch; }.web-design-help a { color:#5840bf; }
.web-design .web-style-choices { margin-bottom:28px; }.web-wizard .web-design .web-style-card { padding:16px; }.web-design .web-style-thumbnail { height:125px; }.web-design .web-style-card small { font-size:14px; }
.web-design .web-style-actions [aria-pressed=true] { background:#6750da; color:white; border-color:#6750da; }
.web-design .web-demo-page :is(p,h2,h3,small),.web-style-dialog .web-demo-page :is(p,h2,h3,small) { color:var(--demo-ink) !important; }
.web-design button:focus-visible,.web-design select:focus-visible,.web-design input:focus-visible,.web-design summary:focus-visible { outline:3px solid #6750da; outline-offset:4px; }
.web-design-colors { background:#f8f9fc; border:1px solid #e4e6ef; border-radius:10px; padding:24px; }.web-design-colors h4 { margin:0; font-size:17px; font-weight:600; }.web-design-colors > label { max-width:560px; }.web-design-presets { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.web-design .web-design-presets button { display:flex; gap:8px; align-items:center; min-height:44px; padding:8px 12px; font:inherit; background:#fff; border:1px solid #dcdfea; border-radius:8px; color:#343844; cursor:pointer; }.web-design-presets button[aria-pressed=true] { outline:2px solid #6750da; }
.web-wizard .web-design-summary { border:1px solid #e1dbf5; border-radius:10px; padding:24px; background:#faf9ff; margin-bottom:24px; }.web-design-summary ul { padding-left:22px; }.web-design-summary li { margin:12px 0; line-height:1.65; }.web-design-summary [data-design-summary] { font-weight:500; color:#51418b; overflow-wrap:anywhere; }
@media(max-width:1100px){.web-structure-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:600px){.web-structure-choices { grid-template-columns:1fr; }.web-design-colors,.web-wizard .web-design-summary { padding:16px; }.web-structure-sketch { max-width:240px; width:100%; }.web-design .web-style-thumbnail { height:145px; }}
.web-style-card small { line-height: 1.6; }
.web-ia-heading .back-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; min-height: 42px; margin-bottom: 20px; border: 1px solid #cbd5e1; border-radius: 8px; background: white; color: #344054; text-decoration: none; font-size: 14px; font-weight: 500; }
.web-ia-heading .back-link:hover { background: #f4f7fa; border-color: #94a3b8; }
.web-ia-heading .back-link:focus-visible,.web-style-actions button:focus-visible,.web-style-dialog button:focus-visible { outline: 3px solid #087889; outline-offset: 3px; }
.web-style-choices { grid-template-columns: repeat(3,minmax(0,1fr)); }
.web-style-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.web-style-actions button,.web-style-dialog button { font: inherit; font-size: 14px; cursor: pointer; min-height: 42px; padding: 10px 14px; border: 1px solid #cbd5e1; border-radius: 8px; color: #344054; background: white; }
.web-style-actions [aria-pressed=true],.web-style-dialog [aria-pressed=true],.web-style-dialog [data-demo-select] { background: #6750da; color: white; border-color: #6750da; }
.web-style-thumbnail { height: 160px; overflow: hidden; border: 1px solid #d9e3e7; border-radius: 6px; pointer-events: none; }
.web-style-thumbnail .web-demo-page { width: 900px; transform: scale(.32); transform-origin: top left; }
.web-style-dialog { box-sizing: border-box; width: min(1180px,96vw); max-width: 96vw; max-height: 94dvh; padding: 20px; border: 1px solid #cbd5e1; border-radius: 12px; background: #f4f7fa; color: #22333d; }
.web-style-dialog::backdrop { background: #102035b3; }
.web-demo-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.web-demo-toolbar > div { display: flex; flex-wrap: wrap; gap: 8px; }
.web-demo-notice { line-height: 1.6; font-size: 14px; margin: 16px 0; }
.web-demo-viewport { container-type: inline-size; width: 100%; margin: auto; border: 1px solid #d9e3e7; }
.web-demo-viewport[data-size=mobile] { width: min(375px,100%); }
.web-demo-bottom { display: flex; justify-content: flex-end; padding-top: 20px; }
.web-demo-page { --demo-ink: #163c40; --demo-accent: #187d78; --demo-bg: #f2f8f5; --demo-soft: #d0e7dc; color: var(--demo-ink); background: var(--demo-bg); font: 16px/1.6 Arial,sans-serif; overflow: hidden; }
.web-demo-page * { box-sizing: border-box; }
.web-demo-page .demo-nav,.web-demo-page .demo-footer { display: flex; justify-content: space-between; gap: 20px; padding: 24px 6%; font-size: 12px; letter-spacing: 1px; }
.web-demo-page .demo-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; padding: 55px 6%; align-items: center; }
.web-demo-page h2 { font: 500 44px/1.1 Arial,sans-serif; margin: 12px 0 24px; color: inherit; letter-spacing: -1.5px; }
.web-demo-page h3 { font: 500 22px/1.3 Arial,sans-serif; margin: 16px 0; color: inherit; }
.web-demo-page p { font: inherit; color: inherit; margin: 16px 0 24px; }
.web-demo-page small { font-size: 11px; letter-spacing: 2px; }
.web-demo-page .demo-cta { display: inline-block; padding: 14px 20px; background: var(--demo-accent); color: white; border-radius: 6px; font-size: 14px; }
.web-demo-page .demo-art { height: 310px; background: var(--demo-soft); position: relative; overflow: hidden; border-radius: 40% 40% 6px 6px; }
.web-demo-page .demo-art span { position: absolute; width: 70%; height: 65%; bottom: 0; right: -5%; border-radius: 50% 50% 0 0; background: var(--demo-accent); }
.web-demo-page .demo-art i { position: absolute; width: 100px; height: 100px; border: 22px solid var(--demo-bg); border-radius: 50%; left: 15%; top: 15%; }
.web-demo-page .demo-services { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding: 45px 6%; border-block: 1px solid var(--demo-soft); }
.web-demo-page .demo-story { padding: 65px 12%; max-width: 850px; }
.web-demo-page .demo-contact { display: flex; gap: 30px; align-items: center; justify-content: space-between; padding: 45px 6%; background: var(--demo-soft); }
.web-demo-page .demo-contact h2 { font-size: 30px; margin: 0; }
.web-demo-page[data-theme=minimalista] { --demo-ink: #262626; --demo-accent: #262626; --demo-bg: #fff; --demo-soft: #eee; }
.web-demo-page[data-theme=minimalista] .demo-hero { grid-template-columns: 1fr; padding-block: 80px; }
.web-demo-page[data-theme=minimalista] .demo-art { height: 100px; border-radius: 0; }
.web-demo-page[data-theme=editorial] { --demo-ink: #483a2a; --demo-accent: #856442; --demo-bg: #faf4ea; --demo-soft: #e9ddc9; }
.web-demo-page[data-theme=editorial] h2,.web-demo-page[data-theme=elegante] h2 { font-family: Georgia,serif; }
.web-demo-page[data-theme=editorial] .demo-hero { grid-template-columns: 1fr 1.2fr; border-top: 3px double var(--demo-accent); }
.web-demo-page[data-theme=editorial] .demo-art { border-radius: 0; height: 350px; }
.web-demo-page[data-theme=corporativo] { --demo-ink: #152e50; --demo-accent: #224e8c; --demo-bg: #f5f8fc; --demo-soft: #dbe5f3; }
.web-demo-page[data-theme=corporativo] .demo-nav { background: var(--demo-ink); color: white; }
.web-demo-page[data-theme=corporativo] .demo-art { border-radius: 0; transform: skewY(-5deg); }
.web-demo-page[data-theme=corporativo] .demo-services > div { background: white; padding: 20px; border-top: 4px solid var(--demo-accent); }
.web-demo-page[data-theme=creativo] { --demo-ink: #32233f; --demo-accent: #6942a6; --demo-bg: #f6f0ff; --demo-soft: #e3f599; }
.web-demo-page[data-theme=creativo] h2 { font-weight: 700; font-size: 52px; }
.web-demo-page[data-theme=creativo] .demo-art { border-radius: 50% 0 50% 0; transform: rotate(-5deg); }
.web-demo-page[data-theme=creativo] .demo-services { background: var(--demo-soft); }
.web-demo-page[data-theme=elegante] { --demo-ink: #eee2ce; --demo-accent: #6f5735; --demo-bg: #252b28; --demo-soft: #39453c; }
.web-demo-page[data-theme=elegante] .demo-hero { padding-block: 70px; }
.web-demo-page[data-theme=elegante] .demo-art { border-radius: 50% 50% 0 0; }
.web-demo-page[data-theme=elegante] .demo-services { text-align: center; }
@container (max-width: 600px) { .web-demo-page .demo-hero,.web-demo-page[data-theme] .demo-hero,.web-demo-page .demo-services { grid-template-columns: 1fr; gap: 24px; padding: 32px 7%; } .web-demo-page h2,.web-demo-page[data-theme] h2 { font-size: 34px; } .web-demo-page .demo-nav span { display: none; } .web-demo-page .demo-contact,.web-demo-page .demo-footer { flex-direction: column; align-items: flex-start; } .web-demo-page .demo-story { padding: 40px 7%; } }
@media(max-width:900px) { .web-style-choices { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .web-style-choices { grid-template-columns: 1fr; } .web-style-dialog { padding: 12px; } }
.web-style-sample { height: 78px; border: 1px solid #dee8eb; border-top: 16px solid #087889; border-radius: 6px; background: linear-gradient(90deg,#e2f3f4 45%,white 45%); }
.web-style-card[data-style=minimalista] .web-style-sample { border-top-color: #344054; background: linear-gradient(white 55%,#edf0f2 55%); }
.web-style-card[data-style=editorial] .web-style-sample { border-top-color: #967752; background: linear-gradient(90deg,#f3eadd 32%,white 32%,white 36%,#f3eadd 36%,#f3eadd 66%,white 66%); }
.web-image-mode, .web-connection-guide { margin-top: 22px; padding: 20px; border: 1px solid #dfe8eb; border-radius: 9px; background: #fafcfd; }
.web-connection-guide li { line-height: 1.7; padding: 5px 0; }
.web-upload-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 14px; align-items: end; }
.web-wizard-media { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(190px,100%),1fr)); gap: 14px; margin: 16px 0; }
.web-media-choice { display: grid; border: 1px solid #d9e3e7; border-radius: 8px; overflow: hidden; cursor: pointer; }
.web-media-choice img { width: 100%; height: 120px; object-fit: cover; }
.web-media-choice > span { display: flex; align-items: center; gap: 10px; padding: 12px; overflow-wrap: anywhere; }
.web-media-choice input { width: 18px !important; height: 18px !important; flex: 0 0 18px; margin: 0; }
@media(max-width:760px) { .web-upload-controls { grid-template-columns: 1fr; } }
.web-wizard [hidden] { display: none !important; }
.web-wizard .checkbox-field { display: flex; flex-direction: row; align-items: center; gap: 8px; }
.web-wizard .checkbox-field input[type=checkbox] { width: 18px !important; height: 18px !important; min-width: 18px; min-height: 18px; max-width: 18px; padding: 0; flex: 0 0 18px; margin: 0; }
.web-wizard .web-wizard-steps button[aria-current=step] { background: #e2f7f7 !important; border-color: #087889 !important; color: #087889 !important; }
.web-wizard { margin-top: 20px; }
.web-project-action { padding:24px!important; }
.web-project-stages { display:flex; flex-wrap:wrap; gap:12px 24px; list-style:none; padding:0 0 20px; margin:0 0 24px; border-bottom:1px solid #e5e9f0; }
.web-project-stages li { display:flex; align-items:center; gap:8px; color:#667085; font-size:14px; }
.web-project-stages li>span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#f0f2f6; }
.web-project-stages li.is-done { color:#287a50; }
.web-project-stages li.is-done>span { background:#eaf7ef; }
.web-project-stages li[aria-current] { color:#635bff; font-weight:500; }
.web-project-stages li[aria-current]>span { background:#eeedff; }
.web-blog-ideas>nav { margin-bottom:20px; }
.web-blog-ideas .web-idea-steps { display:flex; flex-wrap:wrap; gap:12px 28px; padding-left:20px; color:#667085; }
.web-blog-ideas .web-idea-steps [aria-current] { color:#635bff; font-weight:500; }
.web-blog-ideas .web-idea-option .checkbox-field { align-items:flex-start; padding:8px 0; }
.web-blog-ideas .web-idea-option strong { font-weight:500; color:#273449; }
.web-blog-ideas .web-idea-angle,.web-blog-ideas .web-idea-option .field-help { display:block; margin-top:6px; }
.web-blog-ideas .web-idea-generate { border-top:1px solid #e4e9f0; margin-top:24px; padding-top:16px; }
.web-blog-ideas .web-idea-plan-row { padding:16px 0; }
.web-blog-ideas .form-actions form { margin:0; }
.web-blog-ideas h2,.web-blog-ideas h3,.web-blog-ideas p { overflow-wrap:anywhere; }
.web-blog-ideas button { min-height:44px; border-radius:8px; }
.app-main .web-blog-ideas button.primary,.app-main .web-blog-ideas button.secondary { min-height:44px!important; padding:10px 16px!important; border-radius:8px!important; font-size:15px!important; font-weight:500!important; line-height:1.4!important; box-shadow:none!important; }
.app-main .web-blog-ideas button.secondary { background:#fff!important; color:#344054!important; border:1px solid #d0d5dd!important; }
.app-main .web-blog-ideas button.secondary:hover:not(:disabled) { background:#f5f3ff!important; border-color:#b8affb!important; }
.app-main .web-blog-ideas button:focus-visible { outline:3px solid #a8a3ff; outline-offset:3px; }
.app-main .web-blog-ideas button:disabled { opacity:.55; cursor:not-allowed; }
.web-blog-ideas input:not([type=checkbox]):not([type=hidden]),.web-blog-ideas select { min-height:44px; }
.web-blog-ideas .card { margin-top:20px; }
.web-project-action-heading { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.web-project-action-heading h2 { margin:0!important; }
.web-project-beta { background:#f1f2f7; color:#657084; padding:3px 7px; font-size:12px; border-radius:5px; }
.web-project-connection { color:#526374; font-size:14px; }
.web-project-actions { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 12px; }
.web-project-action a.web-project-primary,a.web-project-secondary { display:inline-flex!important; align-items:center; justify-content:center; min-height:44px; max-width:100%; padding:10px 16px; box-sizing:border-box; border-radius:8px; font-weight:500; text-decoration:none!important; font-size:15px; overflow-wrap:anywhere; }
.web-project-action a.web-project-primary { color:#fff!important; background:#635bff!important; border:1px solid #635bff!important; }
.web-project-action a.web-project-primary:hover { background:#5147e5!important; }
a.web-project-secondary { color:#344054!important; background:#fff!important; border:1px solid #d0d5dd!important; }
a.web-project-secondary:hover { background:#f5f3ff!important; border-color:#b8affb!important; }
.web-project-action a:focus-visible,a.web-project-secondary:focus-visible,.web-project-settings>summary:focus-visible { outline:3px solid #a8a3ff; outline-offset:3px; }
.web-project-settings>summary { display:flex; align-items:center; gap:12px; cursor:pointer; font-weight:500; min-height:44px; border-radius:8px; color:#344054; list-style:none; }
.web-project-settings>summary::-webkit-details-marker { display:none; }
.web-project-settings>summary::before { content:""; width:7px; height:7px; flex:0 0 7px; margin:0 4px; border-right:2px solid #667085; border-bottom:2px solid #667085; transform:rotate(-45deg); }
.web-project-settings[open]>summary::before { transform:rotate(45deg); }
.web-project-settings>summary:hover { background:#f8f9fc; }
.web-project-settings[open]>summary { margin-bottom:16px; }
.web-generation-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; background:#f8f9fc; padding:20px; border-radius:8px; }
.web-generation-summary dt { font-size:13px; color:#667085; margin-bottom:4px; }
.web-generation-summary dd { margin:0; overflow-wrap:anywhere; }
.web-generation button.primary { background:#635bff!important; color:white!important; border-radius:8px!important; }
.web-recovery-costs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;background:#f8f9fc;border-radius:8px; }
.web-recovery-costs dt { color:#667085;font-size:14px;margin-bottom:6px; }
.web-recovery-costs dd { margin:0;overflow-wrap:anywhere; }
.web-recovery .web-recovery-confirm { display:flex!important;align-items:flex-start;gap:10px;line-height:1.5; }
.web-recovery .web-recovery-confirm input[type=checkbox] { appearance:auto!important;width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px;margin:3px 0 0!important;padding:0!important;accent-color:#635bff; }
.web-recovery button { white-space:normal;max-width:100%; }
@media(max-width:600px) { .web-recovery-costs { grid-template-columns:1fr; }.web-recovery button.primary { width:100%; } }
@media(max-width:600px) { .web-project-action { padding:18px!important; } .web-project-stages { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .web-project-stages li { font-size:12px; } .web-project-actions { flex-direction:column; } .web-generation-summary { grid-template-columns:1fr; } }
.web-prompts-workspace { max-width:1200px; margin-inline:auto; }
.web-prompts-workspace .prompt-group { padding:0!important; margin-bottom:16px; overflow:hidden; border:1px solid var(--p-line,#e4e9f0); border-radius:10px; box-shadow:none; }
.web-prompts-workspace summary { display:flex; align-items:center; gap:12px; min-height:52px; padding:16px 20px; cursor:pointer; list-style:none; font-weight:500; color:#273449; }
.web-prompts-workspace summary::-webkit-details-marker { display:none; }
.web-prompts-workspace summary::before { content:'›'; font-size:20px; color:#718096; transition:transform .15s; }
.web-prompts-workspace details[open]>summary::before { transform:rotate(90deg); }
.web-prompts-workspace .prompt-group[open]>summary { background:#f8f9fd; border-bottom:1px solid #e4e9f0; }
.web-prompts-workspace summary:focus-visible { outline:2px solid #6956f5; outline-offset:-3px; }
.web-prompts-workspace summary>span:first-of-type { min-width:0; overflow-wrap:anywhere; }
.web-prompts-workspace .prompt-count,.web-prompts-workspace .prompt-state { margin-left:auto; flex-shrink:0; font-size:12px; font-weight:400; color:#637083; background:#f1f3f8; padding:4px 8px; border-radius:6px; }
.web-prompts-workspace .prompt-state.is-active { background:#eaf7ef; color:#26764b; }
.web-prompts-workspace .prompt-edit { margin:12px 20px; border:1px solid #e4e9f0; border-radius:8px; }
.web-prompts-workspace .prompt-edit>summary { padding:12px 16px; }
.web-prompts-workspace .prompt-add>summary { color:#6352e8; }
.web-prompts-workspace .form-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; padding:4px 16px 20px; margin:0; }
.web-prompts-workspace .form-grid>label { min-width:0; }
.web-prompts-workspace .form-grid .wide { grid-column:1/-1; }
.web-prompts-workspace textarea { font-family:inherit!important; font-size:14px!important; line-height:1.65; min-height:150px; width:100%; box-sizing:border-box; resize:vertical; }
.web-prompts-workspace .checkbox-field { display:flex!important; flex-direction:row!important; align-items:center; gap:8px; align-self:center; margin:20px 0 0; white-space:nowrap; }
.web-prompts-workspace .checkbox-field input[type=checkbox] { appearance:auto!important; width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; max-width:18px!important; margin:0!important; padding:0!important; flex:0 0 18px; accent-color:#6956f5; box-shadow:none!important; }
.web-prompts-workspace .form-actions { display:flex; justify-content:flex-end; border-top:1px solid #edf0f5; padding-top:16px; }
.web-prompts-workspace button.primary,.web-claim-copy button.primary { background:#6956f5!important; color:#fff!important; border:1px solid #6956f5!important; border-radius:8px!important; padding:10px 16px!important; min-height:42px; font:inherit; cursor:pointer; }
.web-claim-copy-row { display:flex; align-items:stretch; gap:12px; margin-top:8px; }
.web-claim-copy-row input { flex:1; min-width:0; }
.web-claim-copy-row button { flex-shrink:0; }
.web-claim-copy [data-copy-status] { min-height:24px; margin:8px 0; }
@media(max-width:600px) { .web-prompts-workspace .prompt-edit { margin:12px; } .web-prompts-workspace summary { padding:14px 12px; gap:8px; } .web-prompts-workspace .form-grid { grid-template-columns:1fr; } .web-prompts-workspace .checkbox-field { margin:0; } .web-claim-copy-row { flex-direction:column; } }
.web-wizard-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.web-wizard-steps { display: flex; gap: 6px; flex-wrap: wrap; }
.web-wizard-steps [aria-current] { background: #e2f7f7; border-color: #087889; color: #087889; }
.web-wizard [data-panel] { padding: 16px 0; }
.web-wizard-actions { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #e7edf1; padding-top: 20px; }
.web-tree-row { display: grid; grid-template-columns: minmax(160px,2fr) minmax(150px,2fr) minmax(120px,1fr) auto; align-items: end; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e7edf1; }
.web-tree-row input:not([type=checkbox]), .web-tree-row select { width: 100%; min-width: 0; }
.web-tree [data-add] { margin-top: 12px; }
.web-wizard dl { display: grid; grid-template-columns: minmax(120px,1fr) 2fr; gap: 10px; }
.web-wizard dd { margin: 0; overflow-wrap: anywhere; }
@media(max-width:760px) { .web-tree-row { grid-template-columns: 1fr; } .web-wizard-steps button { flex: 1 1 130px; } }
.web-ia-heading h1 { margin-bottom: 8px; }
.web-ia-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.web-ia-metrics .card { display: grid; gap: 7px; min-height: 112px; }
.web-ia-metrics small, .web-ia-metrics span { color: var(--muted, #657383); }
.web-ia-metrics strong { font-size: 28px; color: #142234; }
.web-ia-create { margin-bottom: 20px; }
.web-ia-credit-adjust { margin: 0 0 20px; }
.web-ia-client-picker { margin-bottom: 16px; }
.inline-form { display: flex; max-width: 480px; }
.inline-form label { width: 100%; }
.web-ia-project-list { display: grid; gap: 0; }
.web-ia-project { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; border-top: 1px solid #e7edf1; }
.web-ia-project h3 { margin: 0 0 5px; font-size: 17px; }
.web-ia-project p, .web-ia-project-meta small { margin: 0; color: var(--muted, #657383); }
.web-ia-project-meta { display: grid; justify-items: end; gap: 7px; text-align: right; }
.status-pill { border-radius: 999px; padding: 5px 9px; font-size: 12px; font-weight: 600; background: #edf1f3; color: #53616b; }
.status-draft { background: #fff5dd; color: #8a6500; }
.status-ready, .status-published { background: #e2f7f7; color: #087889; }
.storage-card { display: grid; gap: 14px; margin-bottom: 20px; }
.storage-card h2 { margin: 0 0 5px; }
.storage-card p { margin: 0; color: var(--muted, #657383); }
.storage-bar { height: 10px; border-radius: 999px; overflow: hidden; background: #e8eff1; }
.storage-bar span { display: block; height: 100%; border-radius: inherit; background: #1494a8; }
.web-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; }
.web-media-card { overflow: hidden; border: 1px solid #e2e9ed; border-radius: 10px; background: #fff; }
.web-media-card img { display: block; width: 100%; height: 145px; object-fit: cover; background: #eef4f5; }
.web-media-card > div { display: grid; gap: 6px; padding: 12px; }
.web-media-card small { color: var(--muted, #657383); }
.link-danger { appearance: none; border: 0; background: transparent; padding: 0; color: #ab3e39; cursor: pointer; text-align: left; }
@media (max-width: 760px) { .web-ia-metrics { grid-template-columns: 1fr; } .web-ia-project { align-items: flex-start; flex-direction: column; } .web-ia-project-meta { justify-items: start; text-align: left; } }
.web-review.card { padding:24px!important; border:1px solid #e4e7ec; border-radius:10px; box-shadow:none; }
.web-review .web-review-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.web-review .web-review-heading h2 { margin:0 0 8px; color:#1d2939; font-size:20px; font-weight:600; }
.web-review .web-review-heading p { margin:0; color:#667085; font-size:14px; line-height:1.6; }
.web-review .web-review-state { display:inline-flex; align-items:center; flex-shrink:0; padding:6px 10px; border-radius:6px; background:#f4f3ff; color:#5147b8; font-size:12px; font-weight:500; }
.web-review .draft-site { overflow:hidden; border:1px solid #e4e7ec; border-radius:8px; background:#f9fafb; }
.web-review iframe { display:block; box-sizing:border-box; width:100%; border:0; }
.web-review .draft-site iframe { height:800px; }
.web-review .web-review-help { color:#667085; font-size:13px; line-height:1.6; }
.web-review .web-review-footnote { margin:14px 0 0; }
.web-review .web-review-advanced { border-top:1px solid #eaecf0; margin-top:20px; padding-top:4px; }
.web-review .web-review-advanced>summary,.web-review .draft-page>summary { display:flex; align-items:center; gap:10px; min-height:44px; padding:12px 0; color:#344054; font-size:14px; font-weight:500; cursor:pointer; list-style:none; }
.web-review summary::-webkit-details-marker { display:none; }
.web-review summary::before { content:'›'; font-size:20px; color:#667085; }
.web-review details[open]>summary::before { transform:rotate(90deg); }
.web-review summary:focus-visible { outline:3px solid #b8b2ff; outline-offset:2px; border-radius:6px; }
.web-review .web-review-advanced>summary span { margin-left:auto; color:#667085; font-size:12px; font-weight:400; }
.web-review .draft-page { border-top:1px solid #eaecf0; }
.web-review .draft-page iframe { border:1px solid #e4e7ec; border-radius:8px; margin-bottom:16px; }
@media(max-width:600px) { .web-review.card { padding:16px!important; } .web-review .web-review-heading h2 { font-size:18px; } .web-review .web-review-advanced>summary { flex-wrap:wrap; } .web-review .draft-site iframe { height:720px; } }
.web-public-data{margin-top:24px;padding-top:20px;border-top:1px solid #e4e7ec}.web-public-data h3{font-size:18px;font-weight:600;margin:0 0 12px}.web-public-data textarea{min-height:100px;resize:vertical}.web-public-data input,.web-public-data textarea,.web-public-data select{border-radius:8px}
.web-versions-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.web-versions .web-project-secondary,.web-versions .web-project-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font:500 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}
.web-versions .web-project-primary{background:#635bff;border-color:#635bff;color:#fff}
.web-versions .web-project-secondary:hover{background:#f8f9fc}
.web-versions button:focus-visible,.web-versions select:focus-visible,.web-versions summary:focus-visible{outline:3px solid #b6b1ff;outline-offset:3px}
.web-versions .checkbox-field{display:flex;align-items:flex-start;gap:8px;margin:12px 0}
.web-versions input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.web-versions-picker{display:flex;align-items:end;flex-wrap:wrap;gap:12px;max-width:100%}
.web-versions-picker label{display:grid;gap:6px;min-width:0}
.web-versions-picker select{width:100%;min-width:0;max-width:100%;min-height:42px;border:1px solid #d9dce3;border-radius:8px;padding:8px 12px;background:#fff;font:inherit}
.web-versions details{margin-top:12px}.web-versions summary{cursor:pointer;color:#525b6b}
.web-contact-locations{border:1px solid #e5e7eb;border-radius:8px;padding:16px;min-width:0}
.web-contact-locations [data-contact-pages]{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.web-contact-locations .checkbox-field{display:flex;gap:8px;align-items:center;margin:8px 0}
.web-contact-locations input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
@media(max-width:600px){.web-versions-picker,.web-versions-picker label,.web-versions-picker button{width:100%}.web-versions-row form{max-width:100%}.web-versions-row button{white-space:normal}}
.web-palette summary{cursor:pointer;font-weight:600}.web-palette fieldset{border:0;padding:0;margin:20px 0}.web-palette legend{font-weight:500;margin-bottom:12px}.web-palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.web-palette-options label{display:flex;align-items:center;gap:10px;border:1px solid #e2e4eb;border-radius:8px;padding:14px;cursor:pointer;font-size:14px}.web-palette-options label:has(:checked){border-color:#635bff;background:#f5f3ff}.web-palette-options input[type=radio]{width:18px;height:18px;flex:none;margin:0}.web-palette-swatches{display:flex}.web-palette-swatches i{width:18px;height:28px;display:block}.web-palette-custom,.web-palette-actions{display:flex;gap:12px;flex-wrap:wrap}.web-palette-custom label{display:grid;gap:8px}.web-palette-custom input[type=color]{width:100px;height:44px;padding:4px;cursor:pointer}.web-palette-actions button{min-height:44px}.web-palette [role=status]{font-size:14px;margin-top:12px}@media(max-width:700px){.web-palette-options{grid-template-columns:1fr 1fr}}@media(max-width:420px){.web-palette-options{grid-template-columns:1fr}}
.web-palette .web-palette-actions button{font:inherit;font-size:15px;border-radius:8px;padding:10px 16px;cursor:pointer}.web-palette .web-palette-actions button:not(.primary){background:#fff;border:1px solid #d8dbe3;color:#343844}.web-palette .web-palette-actions button:focus-visible{outline:3px solid #635bff;outline-offset:3px}.web-palette .web-palette-actions button:not(.primary):hover{background:#f6f7fb}
.web-editorial a.primary,.web-editorial a.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #dfe3eb;border-radius:8px;text-decoration:none;font:inherit;font-weight:500;line-height:1.4;box-sizing:border-box}
.web-editorial a.primary{background:#6855f7;color:#fff;border-color:#6855f7}
.web-editorial a.secondary{background:#fff;color:#495366}
.web-editorial a.secondary:hover{background:#f5f3ff;border-color:#b8affb}
.web-editorial a:focus-visible{outline:3px solid #a99bf9;outline-offset:3px}
.web-editorial textarea{font:inherit;min-height:96px}
.web-editorial textarea[name=body]{min-height:280px}
.web-editorial .form-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.web-editorial .page-heading{margin-bottom:20px}
.web-editorial .page-heading h1{margin-top:16px}
.web-editorial .form-grid{margin-bottom:20px}
.web-design-refresh{max-width:100%;min-width:0}
.web-design-refresh .web-design-status{min-height:2.8em;margin:10px 0 0;max-width:640px;overflow-wrap:anywhere}
.web-design-status[data-state=success]{color:#176445}
.web-design-status[data-state=error]{color:#a32828}
.web-design-refresh button:disabled{opacity:.7;cursor:wait}
#web-design-actions{scroll-margin-top:96px}
.web-editorial article+article{border-top:1px solid #e9ebf1;padding-top:12px;margin-top:12px}
.web-editorial article h3 a{color:#5b46d8;text-decoration:none}
.web-editorial article h3 a:hover{text-decoration:underline}
.web-editorial label.checkbox-field{display:flex;align-items:flex-start;gap:10px;margin:16px 0}
.web-editorial label.checkbox-field input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:2px 0 0;padding:0;accent-color:#6855f7}
.web-page-content details > summary { cursor: pointer; font-weight: 500; }
.web-page-content form { margin-top: 20px; }
.web-page-content fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.web-page-content label { display: block; margin: 16px 0 8px; }
.web-page-content textarea, .web-page-content select, .web-page-content input[type=file] { width: 100%; max-width: 100%; box-sizing: border-box; }
.web-page-content .checkbox-field { display: flex; align-items: flex-start; gap: 10px; }
.web-page-content .checkbox-field input { flex: 0 0 18px; width: 18px; height: 18px; }
.web-page-content p, .web-page-content summary { overflow-wrap: anywhere; }
.web-page-content textarea { font: inherit; font-weight: 400; line-height: 1.5; padding: 12px; border: 1px solid #d8dce3; border-radius: 8px; resize: vertical; }
.web-page-content textarea:focus-visible { outline: 2px solid #6758f5; outline-offset: 2px; }
.web-page-content label { font-weight: 500; }
.web-page-content [data-pdf-reader] { border-top: 1px solid #e4e7ec; margin-top: 24px; padding-top: 16px; }
.web-page-content [data-pdf-reader] button { min-height: 44px; padding: 10px 16px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; color: #344054; font: inherit; font-weight: 500; cursor: pointer; }
.web-page-content [data-pdf-reader] button:disabled { opacity: .55; cursor: not-allowed; }
.web-page-content [data-pdf-reader] button:focus-visible { outline: 2px solid #6758f5; outline-offset: 2px; }
.web-page-content [data-pdf-reader] [hidden] { display: none!important; }
.web-brand-settings{border:1px solid #e4e7ec;border-radius:8px;padding:20px;margin:20px 0;background:#fff}
[data-business-panel] .web-business-name{grid-column:1/-1}
[data-business-panel] h3{font-weight:600;margin:0 0 12px}
[data-business-panel] .web-business-basics{margin-top:24px}
[data-activity-picker] details{margin:12px 0}
[data-activity-picker] summary,.web-business-advanced summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:#344054;font-weight:500}
[data-activity-picker] summary:focus-visible,.web-business-advanced summary:focus-visible{outline:2px solid #6758f5;outline-offset:3px}
[data-activity-picker] [data-activity-results]{display:grid;gap:6px;margin:8px 0}
[data-activity-picker] [data-activity-results] button{text-align:left;white-space:normal;min-height:44px}
[data-activity-picker] [data-activity-secondary] label,.web-business-advanced label{max-width:640px}
.web-business-advanced{border-top:1px solid #e4e7ec;margin-top:24px;padding-top:12px}
.web-brand-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.web-brand-preview[hidden]{display:none}
.web-brand-preview figure{margin:0;min-width:0}
.web-brand-preview figure>div{height:112px;display:flex;align-items:center;justify-content:center;padding:16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}
.web-brand-preview figure>.web-brand-dark{background:#182230}
.web-brand-preview img{width:auto;height:auto;max-width:100%;max-height:80px;object-fit:contain}
.web-brand-preview figcaption{font-size:14px;color:#475467;margin-top:8px}
@media(max-width:480px){.web-brand-preview{grid-template-columns:1fr}.web-brand-settings{padding:16px}}