@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#17212b;--muted:#6e767a;--gold:#b78a43;--cream:#faf8f4;--line:#e9e4da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f0ec;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c99746;outline-offset:4px}.page-shell{max-width:1100px;margin:28px auto;background:#fff;overflow:hidden;box-shadow:0 20px 90px #1e282b0c}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.17em;font-size:10px;line-height:1.5}.brand small{display:block;color:#a18f75;font-size:9px;letter-spacing:.25em}.brand-icon{font:600 24px Georgia,serif;color:var(--gold);letter-spacing:-.12em}.brand-icon span,.footer-brand span{font-size:.65em}.top-contact{font-size:13px;font-weight:700}.top-contact span{color:var(--gold);margin-left:13px}.hero{height:430px;position:relative;background:linear-gradient(125deg,#172430,#47515a 55%,#b19870);overflow:hidden;color:white}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}.hero-video.ready{opacity:.83}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,31,.83),rgba(16,26,36,.40) 72%),linear-gradient(0deg,#121e2c70,transparent 62%)}.hero-architecture{position:absolute;right:-50px;bottom:0;width:66%;height:96%;transform:skewX(-16deg);opacity:.25;display:flex;align-items:end;gap:19px}.hero-architecture i{height:70%;width:19%;background:linear-gradient(90deg,transparent 20%,#fff7df44 22%,#fff7df11 35%,transparent 40%);border:2px solid #ffffff3b}.hero-architecture i:nth-child(2){height:95%}.hero-architecture i:nth-child(3){height:80%}.hero-architecture i:nth-child(4){height:110%}.hero-top{position:absolute;top:32px;left:6%;right:6%;display:flex;justify-content:space-between}.pill{border:1px solid #ffffff6a;border-radius:99px;padding:8px 14px;font-size:10px;font-weight:700;letter-spacing:.12em;backdrop-filter:blur(12px)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7b36d;margin-right:7px}.sound-btn{color:#fff;border:1px solid #ffffff6b;background:#0003;border-radius:30px;padding:7px 14px;font-size:11px}.hero-caption{position:absolute;left:6%;bottom:62px;right:4%}.eyebrow{font-weight:700;font-size:11px;letter-spacing:.23em;color:var(--gold)}.eyebrow.light{color:#f5d399}.hero h1{font:500 clamp(32px,4.8vw,55px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.035em;margin:13px 0}.hero h1 em{color:#f3d3a2;font-weight:500}.hero p{font-size:14px;color:#e2e4e6}.identity{text-align:center;padding:0 7% 60px}.profile-wrap{height:104px;position:relative;margin-bottom:21px}.profile-img{width:162px;height:162px;object-fit:cover;border:7px solid white;border-radius:50%;box-shadow:0 12px 25px #26374520;position:relative;top:-71px;background:#e6e2da}.identity h2{font:500 clamp(30px,4.5vw,45px)/1.15 'Playfair Display',Georgia,serif;margin:12px 0 14px}.identity h2 span{color:var(--gold)}.subtitle{max-width:485px;margin:0 auto;color:var(--muted);font-size:14px}.primary-actions{display:flex;justify-content:center;gap:12px;margin:27px auto 41px;flex-wrap:wrap}.button{padding:13px 23px;border-radius:6px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:var(--ink);border:1px solid var(--ink)}.button-outline{background:#fff;border:1px solid #ccc8c1;color:var(--ink)}.social-divider{position:relative;margin-bottom:26px;color:#8f9292;font-size:10px;letter-spacing:.22em;font-weight:700}.social-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.social-divider span{background:#fff;padding:0 18px;position:relative}.logos{display:flex;justify-content:center;gap:clamp(18px,5vw,65px)}.logo-item{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;font-weight:700}.logo-circle{display:flex;align-items:center;justify-content:center;width:105px;height:105px;padding:14px;border:1px solid #e7d8bc;border-radius:50%;box-shadow:0 4px 18px #cdb98e1c;background:#fff;transition:transform .2s}.logo-item:hover .logo-circle{transform:translateY(-4px)}.logo-circle img{display:block;max-width:100%;max-height:100%;object-fit:contain}.logo-circle .logo-con{width:88px}.logo-circle .logo-inmo{width:91px;height:91px;max-width:none;max-height:none;border-radius:50%}.logo-circle.logo-dark{background:#212021;border-color:#3b3836}.logo-circle .logo-ad{width:99px;max-width:none}.businesses{background:var(--cream);padding:67px max(6%,20px) 72px}.section-head{text-align:center;margin:0 auto 35px}.section-head h2,.qr-section h2{font:500 clamp(29px,4vw,42px)/1.2 'Playfair Display',Georgia,serif;margin:10px 0}.section-head h2 em,.qr-section h2 em{color:var(--gold)}.section-head p{font-size:14px;color:var(--muted)}.business-card{max-width:820px;background:white;border:1px solid #ebe5da;margin:15px auto;border-radius:13px;padding:28px 32px;box-shadow:0 8px 40px #766b5410}.business-leading{display:flex;align-items:center;gap:19px}.company-avatar{width:77px;height:77px;flex:none;border-radius:50%;background:#fff;border:1px solid #e9dfc9;display:grid;place-items:center;overflow:hidden;padding:9px}.company-avatar img{width:100%;height:100%;object-fit:contain}.company-avatar.avatar-dark{background:#272320}.business-index{font-size:10px;color:var(--gold);font-weight:700;letter-spacing:.17em}.business-leading h3{font:500 25px/1.2 'Playfair Display',Georgia,serif;margin:4px 0}.business-leading p{font-size:13px;color:#8c806d;margin:3px 0}.business-desc{color:var(--muted);font-size:13px;margin:20px 0 15px}.contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-bottom:20px}.contact-lines a{font-size:12px;overflow-wrap:anywhere;color:#47535b}.contact-lines a:hover,.website:hover{color:var(--gold)}.business-actions{padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.website{font-size:12px;color:var(--ink);font-weight:700}.website span{color:var(--gold);padding-left:9px}.mini-whatsapp{font-size:12px;font-weight:700;color:#35735c}.qr-section{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:70px 9%;background:#fff}.qr-content p{color:var(--muted);font-size:14px;max-width:440px}.share-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.qr-panel{text-align:center;border:1px solid var(--line);padding:24px 22px;border-radius:16px;background:#fcfbf8}.qr-frame{padding:12px;background:white;border-radius:10px;margin:0 auto 14px;max-width:220px;box-shadow:0 4px 20px #2221}.qr-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.qr-panel strong{font-size:12px;display:block}.qr-panel small{color:var(--gold);font-size:10px;letter-spacing:.24em;display:block;margin-top:4px}footer{background:#17212b;color:#dde1e1;text-align:center;padding:35px 20px}footer .footer-brand{font:600 29px Georgia;color:#d5b06e;letter-spacing:-.1em}footer p{font-size:12px}footer small{font-size:10px;color:#acb1b1}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,14px);background:#15232b;color:white;padding:11px 17px;border-radius:8px;z-index:50;opacity:0;pointer-events:none;transition:.2s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:680px){.page-shell{margin:0;box-shadow:none}.topbar{height:65px;padding:0 5%}.hero{height:370px}.hero-caption{bottom:44px}.hero h1{font-size:35px}.identity{padding:0 5% 45px}.identity h2{font-size:34px}.logo-circle{width:85px;height:85px;padding:9px}.logo-circle .logo-inmo{width:78px;height:78px}.logo-circle .logo-ad{width:79px}.logos{gap:13px}.logo-item{font-size:10px}.businesses{padding:55px 15px}.business-card{padding:22px 19px}.business-leading h3{font-size:21px}.company-avatar{width:62px;height:62px}.contact-lines{grid-template-columns:1fr}.qr-section{grid-template-columns:1fr;gap:25px;text-align:center;padding:55px 22px}.qr-content p{margin-left:auto;margin-right:auto}.share-buttons{justify-content:center}.qr-panel{max-width:310px;margin:auto;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* EDICIÓN CORPORATIVA: portada completa, sin recortes, y paleta azul noche / dorado */
:root{--ink:#0e1c2c;--muted:#576878;--gold:#c79740;--cream:#f6f5f1;--line:#e5ded0}
body{background:#e8ecf0}
.page-shell{box-shadow:0 28px 90px #07182726}
.topbar{background:#081420;color:#f7f1e6}
.brand-icon,.top-contact span{color:#e3b85a}
.top-contact{color:#efdfbc}
.hero{height:auto!important;aspect-ratio:1983 / 793;min-height:0!important;max-height:none!important;background:#081420;overflow:visible;isolation:isolate}
.cover-link{display:block;width:100%;height:100%;line-height:0}
.cover-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#081420}
.hero-video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#081420;z-index:2;opacity:1}
.hero-video.ready:not([hidden]){display:block}
.hero-message{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:29px 20px 35px;background:linear-gradient(125deg,#071422,#122b40 65%,#0a1723);color:#f8f1e7;border-top:2px solid #b98d42;border-bottom:1px solid #c3984d}
.hero-message:before{content:"";display:block;width:56px;height:2px;background:#e8bd6c;margin-bottom:4px}
.hero-message-label{color:#d6ad61;font-size:10px;letter-spacing:.3em;font-weight:700}
.hero-message strong{font:500 clamp(22px,3.3vw,37px)/1.25 'Playfair Display',Georgia,serif}
.hero-message strong em{color:#f0c778;font-style:italic}
.hero-message-sub{font-size:11px;letter-spacing:.13em;color:#dbe2e9}
.hero-message .sound-btn{margin-top:9px}
.identity{background:#fff;padding-top:42px}
.profile-wrap{height:150px;margin-bottom:14px}
.profile-img{top:0;border:6px solid #fff;box-shadow:0 4px 0 #cfab65,0 14px 35px #10243726}
.identity h2 span,.section-head h2 em,.qr-section h2 em{color:#b48636}
.logo-circle{border-color:#dab771;box-shadow:0 4px 20px #c19c5630}
.businesses{background:linear-gradient(#f5f2eb,#f0f3f5)}
.business-card{border-color:#e6dbc7;box-shadow:0 10px 35px #0b24300c;border-left:3px solid #c79a49}
.business-index{color:#a57831}
.button-dark{background:#10263b;border-color:#10263b}
.button-outline{border-color:#c9af81}
.button:hover,.mini-whatsapp:hover{filter:brightness(1.08)}
.qr-panel{background:#f7f4ec;border-color:#dfc99d}
footer{background:linear-gradient(130deg,#07131f,#142c3c)}
@media(max-width:680px){
 .hero{aspect-ratio:1983 / 793!important;height:auto!important}
 .cover-image{object-fit:contain!important}
 .hero-message{padding:24px 15px 27px;gap:6px}
 .hero-message strong{font-size:clamp(21px,5.5vw,29px)}
 .hero-message-sub{font-size:10px;letter-spacing:.04em}
 .identity{padding-top:30px}
 .profile-wrap{height:141px}
 .profile-img{width:141px;height:141px;top:0}
 .logos{gap:8px}
 .logo-circle{width:clamp(73px,23vw,92px);height:clamp(73px,23vw,92px)}
 .logo-circle .logo-inmo{width:100%;height:100%}
 .logo-circle .logo-ad{width:100%}
 .business-leading{gap:12px}
 .business-leading>div:last-child{min-width:0}
}
@media(max-width:370px){.brand{font-size:9px}.top-contact{font-size:11px}.logo-item{font-size:9px}.logo-circle{width:72px;height:72px}}
