@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ivory:#f6f3eb;--paper:#fffcf6;--ink:#252a2a;--petrol:#175e60;--muted:#6b7471;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 30px}.top{position:sticky;top:0;z-index:20;background:rgba(246,243,235,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:22px}.brand{font:800 27px 'Manrope',sans-serif;letter-spacing:-1.6px}.brand span{color:var(--petrol)}.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.nav a:hover{color:var(--petrol)}.nav .navcta{padding:10px 17px;border:1px solid var(--petrol);color:var(--petrol);border-radius:3px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:800;color:var(--petrol)}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.05em;line-height:1.13}h1{font-size:clamp(45px,6.3vw,86px);margin:23px 0 28px;max-width:990px}h2{font-size:clamp(32px,4vw,54px);margin:14px 0 22px}h3{font-size:23px;margin:10px 0}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;max-width:650px;color:#4b5754}.hero{padding:100px 0 105px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:470px;height:470px;border:1px solid #bdd1ca;border-radius:50%;right:-230px;top:50px;box-shadow:0 0 0 80px rgba(23,94,96,.025),0 0 0 160px rgba(23,94,96,.02);pointer-events:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-block;border:1px solid var(--petrol);background:var(--petrol);color:white;padding:14px 23px;border-radius:3px;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{background:#10494b}.btn.outline{background:transparent;color:var(--petrol)}.section{padding:88px 0;border-top:1px solid var(--line)}.section.alt{background:var(--paper)}.section.dark{background:#233130;color:#f5f4ed}.dark .eyebrow{color:#a5d3ca}.dark .lead{color:#d3dbd7}.dark .btn{background:#d5e8df;color:#1b3838;border-color:#d5e8df}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.tile{padding:32px;background:var(--paper);border:1px solid var(--line);min-height:220px}.tile .num{color:var(--petrol);font-weight:800;font-size:12px;letter-spacing:2px}.tile p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature{padding:40px;border-left:3px solid #9bbdb5;background:#f0f3ed}.feature p{margin-bottom:0}.footer{padding:35px 0;background:#1f2929;color:#e8ede7}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.small{font-size:13px;color:var(--muted)}.dark .small{color:#d3dbd7}.list{padding-left:20px}.list li{margin:12px 0}.form-field{display:flex;flex-direction:column;gap:5px;margin:18px 0}.form-field input,.form-field textarea{padding:12px 14px;border:1px solid #c8d0c9;background:#fff;border-radius:3px;width:100%}.quiz-card{background:var(--paper);padding:36px;border:1px solid var(--line);max-width:760px}.progress{height:4px;background:#e0e6df;margin-bottom:30px}.progress>div{height:100%;background:var(--petrol);transition:width .2s}.choice{display:block;width:100%;text-align:left;padding:15px 18px;margin:9px 0;background:white;border:1px solid #d5dcd6;border-radius:4px;cursor:pointer}.choice.selected{background:#e2efeb;border-color:var(--petrol);font-weight:700}.quiz-controls{display:flex;gap:12px;margin-top:24px;align-items:center}.quiz-controls button:disabled{opacity:.4;cursor:not-allowed}.hide{display:none!important}@media(max-width:760px){.top .wrap{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px;gap:8px}.nav{flex-wrap:wrap;gap:12px;font-size:11px}.hero{padding:70px 0}.section{padding:60px 0}.grid,.split{grid-template-columns:1fr}.split{gap:25px}.wrap{padding:0 22px}.quiz-card{padding:23px}}
/* MarketInk Premium 2.0 — vida editorial, sin perder claridad */
.hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:44px;align-items:center}.hero-copy{position:relative;z-index:1}.hero-layout h1{font-size:clamp(45px,5.2vw,76px)}.hero-photo{margin:0;position:relative;align-self:stretch;min-height:430px;max-height:590px;overflow:hidden;border-radius:2px;background:#c3c6c0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.42) contrast(.94)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(12,33,32,.64))}.hero-photo figcaption{position:absolute;bottom:23px;left:24px;right:24px;color:#fff;font-size:13px;z-index:1;letter-spacing:.03em}.services-visual{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:28px;max-width:640px;margin-top:26px}.services-visual-image{height:95px;background:linear-gradient(110deg,rgba(22,70,67,.25),rgba(18,32,30,.12)),url('assets/e5efaf1b13-New-Office.jpg') center 65%/cover;filter:saturate(.65)}.services-visual p{font-size:16px;line-height:1.55;color:var(--muted);max-width:350px}.tile{transition:transform .3s ease,border-color .3s ease}.tile:hover{transform:translateY(-5px);border-color:#90ada4}.phone-scene{background:radial-gradient(circle at 50% 45%,#d7e4da,#eef0e9 62%,#f1f2ec);padding:32px 20px 25px;text-align:center;overflow:hidden}.phone-caption{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--petrol);margin-bottom:20px}.phone{width:272px;max-width:100%;height:495px;border:8px solid #24312f;border-radius:38px;background:#e9e6de;box-shadow:0 24px 48px rgba(27,55,50,.22);margin:0 auto;text-align:left;overflow:hidden;position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:82px;height:17px;background:#24312f;border-radius:0 0 14px 14px;z-index:2}.phone-header{background:#f9fbf7;display:flex;align-items:center;gap:9px;padding:26px 13px 12px;border-bottom:1px solid #dbe1dc}.avatar{display:grid;place-items:center;background:#1b6662;color:#fff;width:33px;height:33px;border-radius:50%;font-weight:800}.phone-header strong{font-size:12px;display:block;line-height:1.1}.phone-header small{font-size:10px;color:#6c7873;display:block}.phone-dots{margin-left:auto;font-size:21px}.chat-area{padding:18px 11px;display:flex;flex-direction:column;gap:12px}.bubble{font-size:11px;line-height:1.4;max-width:83%;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #c6cbc4}.bubble.outgoing{align-self:flex-end;background:#d3ebe0}.bubble.incoming{align-self:flex-start}.phone-input{position:absolute;bottom:12px;left:10px;right:10px;background:#fff;border-radius:22px;padding:10px 12px;color:#8b9791;font-size:10px}.phone-input span{float:right;color:var(--petrol)}.phone-foot{margin-top:22px;font-size:12px;color:#48645d}.approach-side{position:relative}.approach-art{height:155px;margin-bottom:30px;border:1px solid rgba(225,239,229,.25);display:flex;align-items:center;justify-content:center;gap:22px;overflow:hidden}.approach-art span{display:block;width:80px;height:80px;border:1px solid #b2d4c9;border-radius:50%;opacity:.8}.approach-art span:nth-child(2){width:120px;height:120px;transform:translateY(30px);background:rgba(177,221,204,.12)}.approach-art span:nth-child(3){width:48px;height:48px;transform:translateY(-22px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-photo{min-height:300px;max-height:360px}.hero-layout h1{font-size:clamp(45px,8vw,70px)}}@media(max-width:600px){.services-visual{grid-template-columns:1fr;gap:4px}.services-visual-image{height:120px}.hero-photo{min-height:250px}.phone-scene{padding:28px 10px}.hero{padding-top:58px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.tile{transition:none}}

/* MarketInk · fotografía editorial personal */
.hero-photo img{object-position:53% center;filter:saturate(.56) contrast(.88) brightness(1.05)}
.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(246,243,235,.18),rgba(23,94,96,.13));z-index:1;pointer-events:none}
.hero-photo:after{z-index:1}
.hero-photo figcaption{z-index:2}
.personal-editorial{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:29px}
.editorial-shot{margin:0;position:relative;overflow:hidden;height:240px;background:#b9c7c0;border:1px solid rgba(225,239,229,.15)}
.editorial-shot img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) saturate(.45) contrast(.72) brightness(1.16);transition:transform .6s ease,filter .6s ease}
.editorial-shot.tattoo img{object-position:42% center}.editorial-shot.watch img{object-position:55% center}
.editorial-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(181,203,192,.24),rgba(17,55,51,.46));pointer-events:none}
.editorial-shot:hover img{transform:scale(1.035);filter:grayscale(.25) saturate(.65) contrast(.82)}
.editorial-shot figcaption{position:absolute;bottom:14px;left:17px;z-index:1;color:#fff;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
@media(max-width:600px){.editorial-shot{height:175px}.personal-editorial{gap:10px}}