[hidden]{display:none!important}
html{scroll-padding-top:150px}
body{background:radial-gradient(ellipse at 0 10%,#ffe9d7aa,transparent 45%),#fffaf5}
header{position:sticky;top:0;z-index:20;max-width:none;padding:18px max(24px,calc((100vw - 1080px)/2));background:#fffaf5f2;backdrop-filter:blur(16px);border-bottom:1px solid #e9ded2}
header nav a{color:#183849;font-weight:650}
.profile-button{display:inline-flex;align-items:center;gap:8px;background:#183849;color:white!important;border-radius:30px;padding:10px 17px}
.workspace-nav{position:sticky;top:83px;z-index:10;background:#fffaf5ed;display:flex;flex-wrap:wrap;gap:6px;border:1px solid #e9ded2;padding:7px;border-radius:18px;margin-bottom:30px;box-shadow:0 8px 24px #19334308}
.workspace-nav button{background:transparent;color:#536b79;padding:10px 17px;font-size:14px;min-height:44px;border-radius:12px}
.workspace-nav button[aria-current=page]{background:#183849;color:#fff}
.settings-section{margin:0 auto;max-width:900px}
.settings-section h1{font-size:clamp(28px,4vw,40px);letter-spacing:-1px}
.profile-public-link{display:block;background:#fff0e2;border-radius:12px;padding:13px;overflow-wrap:anywhere;font-size:13px;margin-bottom:28px;color:#713719}
.image-picker{height:100%;padding:18px;background:#fffaf5;border:1px solid #eadfd3;border-radius:16px}
.image-picker h3{margin-bottom:14px}
.image-preview{display:block;width:100%;height:145px;object-fit:contain;background:#fff;border:1px solid #eee4da;border-radius:12px;margin-bottom:15px}
.image-preview.logo{object-fit:contain}.image-preview.banner{object-fit:cover;max-height:none}
.file-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0;padding:0;overflow:hidden}
.image-picker:focus-within{outline:2px solid #b94b1c;outline-offset:3px}
.image-picker .button{margin:0;width:100%;font-size:14px}
.image-picker [data-status]{font-size:13px;margin:10px 0 0}
.cleanup-panel{margin-top:35px;border:1px solid #dca37f;scroll-margin-top:110px}
.cleanup-panel>button{margin-top:16px}
.archive-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:14px 0;border-bottom:1px solid #eee2d8}
.client-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:64px auto 0;max-width:980px;padding-top:32px;border-top:1px solid #e5d9cd}
.client-reasons span{color:#a34c22;font-size:12px;font-weight:700}.client-reasons h3{margin:10px 0}.client-reasons p{font-size:14px}
.quote-card{box-shadow:0 20px 60px #1934440a;border-top-color:#ffb875}
.quote-layout .intro h1{font-size:clamp(38px,4.5vw,58px);letter-spacing:-2px;line-height:1.08}
.commerce-page{background:radial-gradient(ellipse at 90% 5%,#17314e 0,transparent 42%),radial-gradient(ellipse at 0 45%,#32251d,transparent 45%),#0b1726;color:#f7f8fa}
.commerce-page header{background:#0b1726f0;border-color:#ffffff14}.commerce-page header a,.commerce-page .wordmark span{color:#eef5fb}
.commerce-page main{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-top:60px}
.commerce-page .hero{padding:0;background:none;margin:0;max-width:none}
.commerce-page .hero .signature{font-size:clamp(38px,5vw,64px);color:#ffbd89}
.commerce-page .hero h1{font-size:clamp(40px,5.3vw,66px);line-height:1.04;letter-spacing:-2px;margin:24px 0}
.commerce-page .hero p{color:#b7c8d8;font-size:17px}
.commerce-page .hero .hero-reassurance{font-size:12px;margin:18px 0 0;color:#b7c8d8}
.commerce-page .eyebrow{color:#ffbd89}
.commerce-page .hero .button{background:linear-gradient(105deg,#ffc28f,#ffad68);color:#352419;box-shadow:0 10px 30px #ffae6817}
.journey-card{border-radius:28px;padding:32px;background:linear-gradient(145deg,#1b3049,#112136);border:1px solid #bcd8ed26;box-shadow:0 24px 80px #0003}
.journey-card h2{font-size:28px;max-width:310px}.journey-card ol{list-style:none;padding:0;margin:30px 0}.journey-card li{display:flex;gap:16px;margin:23px 0}.journey-card li>span{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffbd8920;color:#ffbd89}.journey-card p{font-size:14px;color:#b7c8d8;margin:4px 0}.journey-card>a{color:#ffbd89;font-weight:700}
.commerce-page .benefits{grid-column:1/-1;margin:24px 0 0;gap:18px}.commerce-page .benefits .card{background:#122237;border-color:#bcd8ed20;padding:28px}.commerce-page .benefits p{color:#b7c8d8}
.commerce-page #contacto{grid-column:1/-1;width:100%;max-width:650px;color:#183849;padding:40px;margin:20px auto}.commerce-page #contacto .eyebrow{color:#a3431d}
.commerce-page footer{border-color:#ffffff14;color:#b7c8d8}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.card,.journey-card{animation:gentle-entry .35s ease-out}@keyframes gentle-entry{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}}
@media(max-width:760px){header{padding:13px 18px}.workspace-nav{top:69px;margin-bottom:22px;gap:3px}.workspace-nav button{padding:8px 10px;font-size:12px}.settings-section .card{padding:20px}.client-reasons{grid-template-columns:1fr;gap:12px;margin-top:35px}.client-reasons>div{border-bottom:1px solid #eee2d8;padding-bottom:10px}.commerce-page main{display:block;margin-top:30px}.commerce-page .hero h1{font-size:46px}.commerce-page .journey-card{margin-top:35px;padding:25px}.commerce-page .benefits{margin-top:35px}.commerce-page #contacto{padding:25px}.profile-button{padding:9px 12px}}
