:root{--black:#090a0a;--cream:#f6f3ed;--gold:#c7a466}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Arial,sans-serif;background:var(--cream)}a{text-decoration:none;color:inherit}header{height:86px;background:#080909;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100% - 1160px)/2));border-bottom:1px solid #4a3b26}header img{width:180px;height:65px;object-fit:contain}nav{display:flex;gap:26px}nav a{color:#eee8dd;font-size:13px}nav a:hover{color:var(--gold)}#menu{display:none}.wrap{max-width:1160px;padding:0 30px;margin:auto}section{padding:115px 0}.dark{background:var(--black);color:#f8f5ee}.light{background:var(--cream);color:#141615}small{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:bold}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(60px,10vw,138px);margin:26px 0}h2{font-size:clamp(39px,5.3vw,72px);margin:25px 0 50px}h3{font-size:27px}em{font-style:normal;color:var(--gold)}.hero{min-height:calc(100vh - 86px);display:flex;align-items:center;background:radial-gradient(ellipse at 82% 38%,#77562630,transparent 50%),var(--black)}.hero .wrap{width:100%}.hero p{max-width:620px;color:#c6c0b6;font-size:19px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.button{display:inline-block;padding:15px 23px;font-size:13px;font-weight:bold;transition:transform .2s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:#18130b}.border{border:1px solid #8d744c;color:#fff}.black{background:var(--black);color:white}.categories{margin-top:85px;color:#bbb4a6;font-size:11px;letter-spacing:.22em}.categories span{color:var(--gold);padding:0 15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split>div:nth-child(2){padding-top:55px;color:#60625e}.lead{font-size:22px;font-weight:600;line-height:1.55}.grid{display:grid;gap:16px;margin-top:60px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.grid article{padding:30px;border:1px solid #93784b;min-height:255px}.grid article h3{margin:65px 0 12px}.grid article p{color:#a9a69f;font-size:14px}.light .grid article{border-width:1px 0 0;padding-left:0}.light .grid article p{color:#646560}.intro{max-width:650px;color:#aaa59c}.download{margin-top:65px;border-top:1px solid #685536;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.download h3{margin:0}.download p{color:#a9a69f}.contact{text-align:center}.contact h2{font-size:clamp(65px,10vw,130px)}.contact p{max-width:600px;margin:0 auto 35px}footer{background:#090a0a;color:#eee;padding:45px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer strong{font-size:28px;letter-spacing:.15em}footer span{font-size:11px;letter-spacing:.2em;color:var(--gold)}footer a{font-size:12px}.float{position:fixed;bottom:22px;right:22px;background:var(--gold);color:#18130b;padding:13px 18px;font-size:13px;font-weight:bold;z-index:12;box-shadow:0 6px 25px #0004}@media(max-width:850px){#menu{display:block;background:none;border:0;color:white;font-size:26px}nav{display:none;position:absolute;top:86px;left:0;right:0;background:#090a0a;padding:24px;flex-direction:column}nav.open{display:flex}.four,.three{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:0}.split>div:nth-child(2){padding-top:0}section{padding:85px 0}}@media(max-width:560px){.wrap{padding:0 22px}.four,.three,.two{grid-template-columns:1fr}.hero h1{font-size:56px}.categories{line-height:2.4}.download,footer .wrap{align-items:flex-start;flex-direction:column}.grid article{min-height:190px}.grid article h3{margin-top:38px}}

/* VINKO: símbolo corporativo a la derecha del titular principal */
.hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,0.85fr);align-items:center;gap:42px}
.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(58px,7.3vw,112px)}
.hero-symbol{display:flex;align-items:center;justify-content:center;min-width:0}
.hero-symbol img{display:block;width:100%;max-width:420px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 38px rgba(194,143,63,.14))}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;gap:20px}.hero-symbol{justify-content:flex-start}.hero-symbol img{max-width:220px}.hero-copy h1{font-size:clamp(55px,10vw,95px)}}
@media(max-width:560px){.hero-symbol img{max-width:155px}.hero-layout{gap:22px}.hero-copy h1{font-size:56px}}