:root{--navy:#10283f;--navy2:#203f59;--gold:#b78a3d;--paper:#faf6ed;--ink:#182b3b;--muted:#64707b}*{box-sizing:border-box}body{margin:0;background:#e8e5dd;color:var(--ink);font-family:'DM Sans',sans-serif}.shell{max-width:650px;min-height:100dvh;margin:auto;background:var(--paper);padding-bottom:93px;box-shadow:0 10px 60px #17273725}header{display:flex;justify-content:space-between;align-items:center;padding:26px 22px 14px;background:linear-gradient(120deg,#fffaf1,#f4ead7)}.brand{display:flex;align-items:center;gap:13px}.mark{height:72px;width:67px;border:2px solid var(--gold);border-radius:40px 40px 12px 12px;display:grid;place-items:center;font-size:40px;color:var(--gold);position:relative}.mark span{position:absolute;bottom:2px;right:7px;font-size:15px}.brand small{letter-spacing:4px;font-size:11px}.brand h1{font-family:'Playfair Display',serif;font-size:32px;margin:-2px 0;color:var(--navy)}.brand p{font-size:9px;letter-spacing:1.4px;margin:4px 0}.round{border:0;background:white;border-radius:50%;width:39px;height:39px;color:var(--navy);font-size:22px;cursor:pointer}main{padding:0 20px 25px}.hero{margin:0 -20px;padding:32px 20px 36px;background:linear-gradient(90deg,#f9f3e8e8,#f9f3e8ad),url('referencia-visual.png') center 20%/cover}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700}.hero h2{font:600 36px/1.14 'Playfair Display',serif;color:var(--navy);margin:12px 0}.hero h2 em{color:#a87628;font-style:normal}.hero p{max-width:260px;line-height:1.5;margin:0}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-19px;position:relative}.quick button{min-height:104px;background:#fff;border:1px solid #f0e8db;border-radius:16px;color:var(--navy);font-weight:700;cursor:pointer;padding:9px 3px;font-size:12px;box-shadow:0 8px 18px #152f4110}.quick button:nth-child(odd){background:var(--navy);color:white}.quick span{display:block;color:var(--gold);font-size:27px;margin-bottom:9px}section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}h2.section-title{font:600 27px 'Playfair Display',serif;margin:0 0 16px;color:var(--navy)}.link{border:0;background:none;color:#986e28;font-weight:700;cursor:pointer}.card{background:white;border-radius:17px;overflow:hidden;border:1px solid #eee7dc;margin:12px 0;box-shadow:0 4px 14px #1727370a}.card-body{padding:18px}.card h3{font:600 21px 'Playfair Display',serif;color:var(--navy);margin:7px 0}.card p{color:#55626e;line-height:1.55;margin:8px 0}.pill{display:inline-block;background:#f4ead4;color:#80591d;padding:6px 10px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.4px}.banner{background:linear-gradient(125deg,var(--navy),var(--navy2));color:white;padding:24px;border-radius:18px;margin-top:18px}.banner h3{font:600 25px 'Playfair Display',serif;margin:7px 0}.banner p{color:#d9e0e7;line-height:1.5}.banner .pill{background:#d9b26d;color:#10283f}.cta{display:inline-block;text-decoration:none;background:var(--gold);border:0;color:white;border-radius:30px;padding:12px 17px;font-weight:700;cursor:pointer;margin-top:9px}.secondary{background:#eae3d6;color:var(--navy)}.note{font-size:12px;color:#76684e;background:#f5e9d0;border-radius:10px;padding:12px;line-height:1.5}.stack{display:grid;gap:12px}.post-image{height:145px;background:linear-gradient(145deg,#1d3a52,#b88a3b);display:flex;align-items:center;justify-content:center;color:#f8e9c8;font-size:56px}.empty{padding:25px;background:white;border-radius:16px;color:var(--muted)}input,textarea,select{width:100%;padding:13px;border:1px solid #d7d3c9;border-radius:10px;background:white;font:inherit;margin:6px 0 12px}label{font-size:13px;font-weight:700}textarea{min-height:95px}nav{position:fixed;bottom:0;width:100%;max-width:650px;display:flex;justify-content:space-around;background:#fffdf8;border-top:1px solid #e5ded2;padding:9px 5px max(11px,env(safe-area-inset-bottom));z-index:10}nav button{background:none;border:0;color:#626a70;display:grid;gap:2px;place-items:center;font-size:11px;cursor:pointer;min-width:65px}nav button span{font-size:26px}nav button.active{color:#a87628;font-weight:700}.top-space{padding-top:24px}.footer{font-size:12px;color:var(--muted);text-align:center;margin-top:40px}@media(max-width:370px){.brand h1{font-size:27px}.quick button{font-size:11px}.hero h2{font-size:31px}}