:root{color-scheme:dark;--cream:#fff5df;--gold:#e4c18b;--ink:#302419}
*{box-sizing:border-box}body{margin:0;padding:18px;background:#f1ece3;font-family:Arial,Helvetica,sans-serif;color:var(--cream)}main{position:relative;isolation:isolate;min-height:calc(100svh - 36px);max-width:1660px;margin:auto;overflow:hidden;border-radius:24px;background:#38291e url('ambiente.png?v=velas-organza') center/cover no-repeat;box-shadow:0 12px 45px #3c2b1920}main:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,25,17,.91) 0%,rgba(45,32,20,.76) 35%,rgba(45,32,20,.12) 62%,rgba(45,32,20,0) 80%),linear-gradient(0deg,rgba(23,17,12,.72),transparent 30%)}.brand{position:absolute;right:44px;top:38px;width:144px;height:144px;border-radius:50%;overflow:hidden;border:1px solid #e4c18b90;box-shadow:0 8px 32px #1a100b40}.brand img{display:block;width:100%;height:100%;object-fit:contain}.content{min-height:calc(100svh - 36px);padding:46px clamp(28px,6vw,98px) 28px;display:flex;flex-direction:column;align-items:flex-start;gap:38px}.eyebrow{margin:0;font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.8;color:#ead9bf;max-width:420px}.intro{margin:auto 0;max-width:590px;padding:28px 0}.status{font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 26px;color:#e8cfa8;display:flex;align-items:center;gap:14px}.status:before{content:"";width:32px;height:1px;background:#e4c18b}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.25rem,5.7vw,6.2rem);line-height:.99;letter-spacing:-.045em;margin:0 0 28px}h1 em{font-weight:400;color:var(--gold)}.description{font-size:1rem;line-height:1.8;color:#f0e0c9;max-width:350px;margin:0 0 26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 19px;min-height:54px;border:1px solid #d9ba86aa;color:var(--cream);background:#20180f85;border-radius:5px;text-decoration:none;font-size:.9375rem;line-height:1.4;transition:background .2s,transform .2s}.button.primary{background:#e8d0a8;color:#302419;border-color:#e8d0a8}.button:hover{background:#59402c;transform:translateY(-2px)}.button.primary:hover{background:#f5e4c7}.button:focus-visible{outline:3px solid #fff5df;outline-offset:5px}.button svg{width:20px;height:20px;flex-shrink:0}.footer{width:100%;border-top:1px solid #edd6ac38;margin:0;padding-top:20px;display:flex;gap:20px;align-items:baseline;justify-content:space-between;line-height:1.7;font-size:.875rem;color:#ead9bf}.small-brand{font-family:Georgia,serif;font-size:1.75rem;color:#fff5df;letter-spacing:-.03em}@media(min-width:1500px){main,.content{min-height:900px}}@media(max-width:700px){body{padding:10px}main{border-radius:20px;background-position:70% center}main,.content{min-height:calc(100svh - 20px)}main:before{background:linear-gradient(90deg,#20170fe0,#20170f7a 65%,#20170f22),linear-gradient(0deg,#17110ccc,transparent 60%)}.content{padding:30px 24px 24px;gap:24px}.brand{top:24px;right:22px;width:96px;height:96px}.eyebrow{font-size:.8125rem;letter-spacing:.12em;max-width:160px;min-height:90px;padding-right:8px}.intro{padding:14px 0 20px;width:100%;max-width:430px}h1{font-size:clamp(2.9rem,9.5vw,4.8rem);line-height:1.04;margin-bottom:24px}.status{font-size:.8125rem;letter-spacing:.1em;margin-bottom:24px}.description{max-width:310px}.actions{flex-direction:column;max-width:350px}.button{font-size:1rem;padding:16px}.footer{display:block;font-size:.8125rem}.small-brand{display:block;margin-bottom:3px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}