/* Piel local del estudio: tipografía DM del CV y grafito del sistema Agencia. */
:root{--paper:#0e1118;--ink:#f0f3fb;--muted:#a5b0c3;--wine:var(--ui-accent);--gold:#bccaff;--line:var(--ui-line);--mint:#202838;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;color-scheme:dark;scrollbar-color:#485676 #0e1118}.paper-grain{display:none}h1,h2,h3{font-family:'DM Sans',sans-serif;font-weight:600}h1{font-size:clamp(3.4rem,7vw,6rem);line-height:.99;max-width:14ch;letter-spacing:-.04em}h1 em{font-family:'DM Serif Display',serif;font-weight:400;color:var(--ui-accent);letter-spacing:-.025em}.site-header,main,footer{max-width:1320px}.site-header{border-color:var(--line);padding-block:24px}.wordmark{font-family:'DM Sans';font-weight:700;font-size:1.35rem;letter-spacing:-.04em}.wordmark span{font-style:normal;background:var(--ui-selected);color:var(--ui-accent);padding:3px 6px;border-radius:4px;font-size:.8em;margin-left:3px}.private-note{font-family:'DM Sans';color:var(--muted)}.hero{grid-template-columns:1.7fr .7fr;padding:65px 0;gap:65px;align-items:center}.hero .lede{font-size:1.15rem;max-width:42ch;margin-top:27px}.hero-note{font-family:'DM Sans';background:var(--ui-surface);padding:25px;border:0;border-radius:12px;max-width:330px}.hero-note .seal{display:none}.primary-link{font-size:15px;color:var(--ui-ink)}.studio{padding-top:30px}.studio-heading h2{font-size:1.5rem;letter-spacing:-.02em}.steps{gap:38px}.steps button{font-family:'DM Sans';font-size:14px}.steps span{background:var(--ui-soft);border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.steps .is-active span{color:var(--ui-on-action);background:var(--ui-accent)}.step-mark{font-family:'DM Sans';color:var(--ui-muted)}.section-title h2{font-size:clamp(1.65rem,3vw,2.3rem);letter-spacing:-.025em}.section-title>p:last-child{font-size:.95rem}.project-card,.package-card{border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)}.project-card.is-selected,.package-card.is-selected,.design-option.is-selected{outline:2px solid var(--ui-accent);outline-offset:3px;background:var(--ui-selected)}.project-card strong{font:600 1.5rem 'DM Sans';letter-spacing:-.03em}.project-card>em{color:var(--ui-accent);font-family:'DM Sans';font-size:12px;letter-spacing:0;text-transform:none}.card-icon{color:var(--ui-accent)}.package-picker{padding:24px;background:var(--ui-soft);border:0;border-radius:12px;grid-template-columns:150px minmax(0,1fr);margin-bottom:38px}.package-label{font-weight:600;font-size:1rem}.package-card{padding:24px!important}.package-topline .package-name{font-size:1.2rem;font-weight:600}.package-topline strong{font-family:'DM Sans';font-weight:700}.package-topline svg{stroke:var(--ui-accent)}.package-summary,.package-list{color:var(--ui-secondary)}.package-summary{font-size:.88rem}.package-list{font-family:'DM Sans';font-size:.82rem;line-height:1.5;gap:10px}.package-list li:before{color:var(--ui-accent)}.package-preview-link{color:var(--ui-accent);font-family:'DM Sans';font-size:.85rem}.preparing-note{border-color:var(--line);color:var(--muted);font-family:'DM Sans'}.preparing-note strong{color:var(--ui-ink)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.design-option{min-width:0;position:relative;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;overflow:hidden}.design-select{display:block;cursor:pointer}.design-select input{position:absolute;width:1px;height:1px;opacity:0}.design-option:focus-within{outline:3px solid var(--ui-accent);outline-offset:4px}.site-thumb{display:block;overflow:hidden;background:#e5eaf1;color:#34445b}.mini-browser{height:28px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#dbe1eb}.mini-browser i{display:block;width:5px;height:5px;background:#94a0b3;border-radius:50%}.mini-browser>span{font:9px 'DM Sans';margin-left:12px}.mini-viewport{position:relative;overflow:hidden;height:330px;display:block}.mini-scale{display:block;position:absolute;top:0;left:0;width:900px;transform-origin:top left;pointer-events:none;user-select:none}.mini-scale .sample-site{min-height:900px}.design-title{display:block;font:600 1.2rem 'DM Sans';letter-spacing:-.02em;margin:20px 22px 7px;color:var(--ink)}.design-description{display:block;font:.88rem/1.5 'DM Sans';margin:0 22px 18px;color:var(--ui-secondary)}.design-selected{display:block;margin:0 22px 18px;font:600 12px 'DM Sans';color:var(--ui-accent)}.design-open{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:13px 22px;background:var(--ui-surface);border-top:1px solid var(--ui-line);text-decoration:none;color:var(--ui-accent);font-size:13px}.design-open:hover{background:var(--ui-hover)}.variation-actions{border-color:var(--line);gap:20px;flex-wrap:wrap}.variation-actions span{font-family:'DM Sans';font-size:.85rem}.variation-actions .text-button{font:600 15px 'DM Sans';min-height:44px}.text-button,.primary-link{color:var(--ui-accent)}.button{background:var(--ui-accent);border:0;border-radius:7px;color:var(--ui-on-action);font-family:'DM Sans';font-weight:700;min-height:48px}.button:hover{background:var(--ui-action-hover)}.button:disabled{background:var(--ui-soft);color:var(--ui-muted)}.price-pending,.payment-card{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:12px}.price-pending p{color:var(--muted)}input,select,textarea{border:1px solid var(--ui-control);background:var(--ui-surface);color:var(--ui-ink);border-radius:7px;font:400 16px 'DM Sans';padding:13px}label{font-family:'DM Sans';font-size:14px;font-weight:500}label small{font-weight:400;color:var(--ui-muted);font-size:12px;line-height:1.5}::placeholder{color:var(--ui-muted)}::selection{background:var(--ui-selected);color:var(--ui-ink)}.preview-layout{grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:28px;align-items:start}.preview-shell{border:1px solid var(--ui-line);border-radius:10px;overflow:hidden;min-width:0}.preview-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:17px;color:var(--ui-ink);font-size:12px}.preview-heading strong{font-weight:500}.preview-heading a{color:var(--ui-accent);font-size:11px}.preview-caption{font-family:'DM Sans';padding:13px 17px;margin:0;background:var(--ui-soft)}.adjustments h3{font-family:'DM Sans';font-size:1.4rem}.adjustments label{margin-bottom:24px}.scope-message{color:var(--ui-muted);font-size:13px}.sample-stage{color-scheme:light}.sample-stage label,.sample-stage input,.sample-stage select{color-scheme:light}.sample-stage .sample-cta{border-radius:0}.summary-card dl>div,.process-note,footer{border-color:var(--line)}.payment-card p{color:var(--ui-secondary)}.payment-card h3{font-family:'DM Sans'}.payment-card>strong{font-family:'DM Sans'}.checkout-return{padding:20px;background:var(--ui-soft);border:1px solid var(--ui-control);border-radius:8px;margin-top:20px}.process-note{font-family:'DM Sans';font-size:.88rem}.process-note .seal{display:none}footer{font-family:'DM Sans';color:var(--ui-muted)}footer a{color:var(--ui-accent)}.save-status{color:var(--ui-accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-within{outline-color:var(--ui-accent)}
@media(max-width:1000px){.package-picker{grid-template-columns:1fr}.preview-layout{grid-template-columns:1fr}.adjustments{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.adjustments h3,.scope-message{grid-column:1/-1}.hero{grid-template-columns:1.6fr 1fr;gap:30px}.hero-note{padding:20px}.template-grid{gap:20px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding-block:40px;gap:24px}.hero h1{font-size:3.5rem;line-height:1;letter-spacing:-.04em}.hero-note{max-width:none;font-size:.9rem}.hero .lede{font-size:1rem}.template-grid{grid-template-columns:1fr}.steps{gap:0}.steps button{font-size:12px}.steps span{width:21px;height:21px}.package-picker{padding:15px}.package-card{padding:19px!important}.design-title{font-size:1.15rem}.adjustments{display:block}.site-header .wordmark{font-size:1.2rem}.private-note{font-size:12px}.preview-heading{padding:14px}.form-grid{grid-template-columns:1fr}.section-title>p:last-child{font-size:.9rem}.sample-stage .sample-site .sample-cta{font-size:13px}.process-note{margin-top:40px}}

/* Contacto del pedido: privado, separado del contenido publicado. */
.buyer-fields{border:0;border-top:1px solid var(--line);padding:24px 0 0;margin:26px 0 0;display:grid;gap:16px;min-width:0}.buyer-fields legend{font-size:1.15rem;font-weight:700;padding-top:24px}.buyer-fields>p{font-size:.9rem;color:var(--muted);margin:0}.buyer-fields>label{display:grid;gap:6px;font-size:.92rem}.buyer-fields input:not([type=checkbox]){width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:10px 12px;font:inherit}.buyer-fields .buyer-acceptance{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.buyer-acceptance input{width:19px;height:19px;margin-top:2px;flex:none;accent-color:var(--ui-accent)}.buyer-fields input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
