:root{--paper:#f3f0e9;--ink:#111;--terra:#b8623f;--ochre:#c59458;--line:rgba(17,17,17,.18);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.16,.82,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:-70px;z-index:30;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{width:min(1104px,100% - 32px);margin:auto}.top{height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:0;width:186px;height:34px;background:url('/creando-contenidos-logo.png') left center/contain no-repeat}.back{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#60594f}.back:hover{color:var(--terra)}.hero{min-height:46vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;padding:68px 0 37px;overflow:hidden;background:linear-gradient(120deg,#faf8f4 0 60%,var(--ochre) 60%)}.hero:before{content:"";position:absolute;right:-11vw;bottom:-17vw;width:59vw;height:59vw;border-radius:47% 53% 61% 39%/42% 35% 65% 58%;background:var(--terra);opacity:.93;transform:rotate(25deg);z-index:-2}.hero:after{content:"";position:absolute;right:6%;bottom:9%;z-index:-1;width:23%;aspect-ratio:3/4;background:url('https://images.unsplash.com/photo-1605106702734-205df224ecce?auto=format&fit=crop&w=900&q=85') center/cover;filter:grayscale(1) contrast(1.2);clip-path:polygon(22% 0,100% 12%,76% 100%,0 82%);box-shadow:15px 17px 0 var(--ink);transform:rotate(4deg)}.kicker{font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--terra);margin:0 0 15px}.hero .kicker:after{content:"CONTACTO";position:absolute;left:-2%;bottom:5%;z-index:-1;font:bold clamp(95px,20vw,290px)/.7 Arial,sans-serif;letter-spacing:-.12em;color:rgba(17,17,17,.09);white-space:nowrap;transform:rotate(-5deg)}body:has(.ticker) .hero .kicker:after{content:"PLANES"}body:has(.steps):not(:has(.ticker)) .hero .kicker:after{content:"FORMA"}body:has(.grid .card:nth-child(6)) .hero .kicker:after{content:"ESTUDIO"}body:has(.faq) .hero .kicker:after{content:"PREGUNTAS"}.index{position:absolute;right:0;top:27px;font:10px var(--mono);letter-spacing:.12em;color:#5f5043}.hero h1{max-width:79%;margin:0;font-size:clamp(55px,10vw,142px);line-height:.76;letter-spacing:-.09em;position:relative}.hero h1:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:7px;background:var(--terra);animation:revealLine 3.8s var(--ease) infinite}@keyframes revealLine{0%,30%{width:0;transform:translateX(0)}55%{width:76%}75%{width:22%;transform:translateX(270%)}100%{width:0;transform:translateX(400%)}}.hero p:last-child{max-width:500px;margin:24px 0 0;padding:10px 13px;background:rgba(243,240,233,.88);border-left:4px solid var(--ink);font-size:clamp(16px,1.7vw,21px);line-height:1.25}.section{padding:48px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.section:after{content:"CONTACTO";position:absolute;right:-1%;bottom:-35px;font-size:clamp(85px,18vw,245px);font-weight:700;letter-spacing:-.13em;line-height:.7;color:rgba(17,17,17,.06);z-index:-1}body:has(.ticker) .section:after{content:"PLANES"}body:has(.steps):not(:has(.ticker)) .section:after{content:"FORMA"}body:has(.grid .card:nth-child(6)) .section:after{content:"ESTUDIO"}body:has(.faq) .section:after{content:"PREGUNTAS"}.section h2{max-width:880px;font-size:clamp(34px,5.3vw,76px);letter-spacing:-.07em;line-height:.86;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:15px 0 9px}.card{min-height:292px;padding:18px 17px;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:var(--paper);position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 25px) 100%,0 100%);margin:0 -7px 0 0;box-shadow:0 0 0 1px rgba(243,240,233,.55);transition:transform .38s var(--ease),box-shadow .38s var(--ease)}.card:after{content:"";position:absolute;width:150%;height:57%;left:-26%;bottom:-31%;border-radius:50% 47% 0 0/75% 62% 0 0;border:2px solid currentColor;opacity:.25;transform:rotate(-8deg)}.card:nth-child(2n){background:var(--terra)}.card:nth-child(3n){background:var(--ochre);color:var(--ink)}.card:hover{transform:translateY(-14px) rotate(1.2deg);box-shadow:12px 14px 0 var(--ink);z-index:2}.num{font:10px var(--mono);letter-spacing:.1em;opacity:.75}.card h3{font-size:clamp(29px,3.7vw,51px);line-height:.85;letter-spacing:-.075em;margin:27px 0 13px}.card p,.copy{font-size:14px;line-height:1.48;margin:0;max-width:59ch;opacity:.84}.button{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:999px;padding:11px 15px;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;transition:.24s;z-index:1}.button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.steps,.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.steps{counter-reset:step}.step{counter-increment:step;padding:19px;background:rgba(255,255,255,.48);clip-path:polygon(0 0,100% 0,calc(100% - 19px) 100%,0 100%);display:grid;grid-template-columns:48px 1fr;gap:9px}.step:before{content:"0" counter(step);font:10px var(--mono);color:var(--terra)}.step h3{font-size:clamp(26px,3vw,42px);line-height:.86;letter-spacing:-.065em;margin:0}.step p{grid-column:2;margin:0;color:#5a544b;font-size:13px;line-height:1.45}.faq details{padding:18px;background:rgba(255,255,255,.48);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}summary{list-style:none;cursor:pointer;font-size:clamp(22px,2.7vw,37px);line-height:.92;letter-spacing:-.06em;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:24px var(--mono);color:var(--terra)}details[open] summary:after{content:"−"}.answer{margin:17px 0 3px;color:#5a544b;font-size:14px;line-height:1.5}.ticker{overflow:hidden;white-space:nowrap;background:var(--ochre);padding:10px 0;font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.ticker span{display:inline-block;animation:run 20s linear infinite}@keyframes run{to{transform:translateX(-50%)}}.cta{position:relative;overflow:hidden;background:var(--terra);color:var(--paper);padding:58px 0}.cta:after{content:"9:16";position:absolute;right:-2%;bottom:-25%;font-size:clamp(150px,29vw,420px);font-weight:700;letter-spacing:-.15em;line-height:1;color:rgba(17,17,17,.14)}.cta .wrap{position:relative;z-index:1}.cta h2{font-size:clamp(45px,7vw,105px);letter-spacing:-.08em;line-height:.78;max-width:810px;margin:0 0 25px}.cta .button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.footer{padding:23px 0;display:flex;justify-content:space-between;gap:16px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#625b52}@media(max-width:720px){.wrap{width:min(100% - 28px,1104px)}.brand{width:145px;height:28px}.hero{min-height:43vh;padding:68px 0 31px;background:linear-gradient(145deg,#faf8f4 0 66%,var(--ochre) 66%)}.hero:before{width:93vw;height:93vw;right:-37vw;bottom:-31vw}.hero h1{max-width:88%;font-size:clamp(53px,15.5vw,94px)}.hero:after{right:4%;bottom:19%;width:28%;box-shadow:8px 9px 0 var(--ink)}.index{position:static;order:-1;margin-bottom:20px}.section{padding:39px 0}.grid,.steps,.faq{grid-template-columns:1fr}.card{min-height:225px;margin:0 0 7px}.footer{flex-direction:column}.cta{padding:47px 0}}