:root{
  --bg:#fffdf9;--ink:#171719;--muted:#67636c;--purple:#6f42ff;--purple2:#8d63ff;--pink:#ffdbea;--lav:#eee7ff;--line:#e9e4ec;--card:#f8f5fb;--radius:26px;--shadow:0 24px 70px rgba(56,37,95,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 0.6px,transparent 0.6px);background-size:6px 6px;z-index:99}
a{color:inherit;text-decoration:none}.section-shell{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.22em;font-size:.75rem;margin:0 0 18px}.centered{text-align:center}.site-header{width:min(1240px,calc(100% - 40px));height:86px;margin:auto;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:34px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:18px}.brand-name{font:800 1.45rem/.9 Manrope,sans-serif;letter-spacing:-.05em}.brand-role{font-size:.83rem;color:var(--muted)}.nav{justify-self:center;display:flex;gap:32px;font-size:.86rem}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--purple);transition:.25s}.nav a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:16px 22px;font-weight:700;font-size:.92rem;border:1px solid transparent;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--purple),#7d3df3);color:white;box-shadow:0 13px 28px rgba(111,66,255,.25)}.btn-secondary{border-color:#b9b3c2;background:white}.btn-small{padding:12px 18px}.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem}
.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;padding:56px 0 42px}.hero h1,.portfolio h2,.services h2,.process h2,.about h2,.availability h2,.cta h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(3.25rem,6vw,6rem);line-height:.93;max-width:760px}.hero h1 span{color:var(--purple)}.hero-text{font-size:1.1rem;line-height:1.65;max-width:600px;color:#45414b;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:0;margin-top:42px}.hero-stats>div{padding-right:32px;margin-right:32px;border-right:1px solid #cbc6d1}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;font:800 1.7rem Manrope,sans-serif}.hero-stats span{display:block;font-size:.8rem;color:var(--muted)}.hero-visual{min-height:540px;position:relative}.hero-blob{position:absolute;inset:20px -120px 0 15px;border-radius:46% 0 0 40%;background:radial-gradient(circle at 40% 30%,#ffe8f3 0,#eedfff 45%,#e2d0ff 100%)}.photo-frame{overflow:hidden}.hero-photo{position:absolute;right:70px;bottom:0;width:390px;height:520px;border-radius:210px 210px 36px 36px;box-shadow:var(--shadow);background:white}.hero-photo img,.about-photo img{width:100%;height:100%;object-fit:cover}.floating-note{position:absolute;background:#fffef7;border:1px solid #eee8db;border-radius:18px;padding:18px 20px;font-family:"Comic Sans MS",cursive;font-size:1rem;line-height:1.35;box-shadow:0 18px 40px rgba(80,54,100,.1);transform:rotate(-6deg)}.note-a{left:0;top:100px}.note-b{right:0;top:65px;transform:rotate(7deg)}.social-badge{position:absolute;top:64px;left:150px;padding:8px 12px;background:#ff4a85;color:#fff;border-radius:12px;font-weight:700;box-shadow:0 10px 24px rgba(255,74,133,.3)}.mini-card{position:absolute;width:102px;height:132px;border-radius:16px;border:7px solid white;display:grid;place-items:end center;padding-bottom:10px;font-weight:800;font-size:.68rem;box-shadow:0 12px 35px rgba(0,0,0,.12)}.mini-card-a{right:-20px;top:150px;background:linear-gradient(145deg,#191919,#777);transform:rotate(8deg)}.mini-card-b{right:55px;top:250px;background:linear-gradient(145deg,#dad6c8,#fff);transform:rotate(-2deg)}
.trust-strip{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 6vw 26px;background:linear-gradient(90deg,#fff8f2,#fff,#faf4ff)}.client-row{max-width:1120px;margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.client-pill{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px}.client-pill b{display:block}.client-pill small{text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.client-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800}.red{background:#de2c3b}.yellow{background:#f4a514}.brown{background:#7d5137}.blue{background:#3975ed}.scribble{font-family:"Comic Sans MS",cursive;transform:rotate(-5deg);position:absolute;right:3vw;bottom:20px;color:#3a3441}
.portfolio{padding:90px 0;display:grid;grid-template-columns:.82fr 1.8fr;gap:52px;background:linear-gradient(180deg,#faf5ff 0,#fffdf9 100%)}.portfolio h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.94}.portfolio h2 span{font-size:.58em;line-height:1.12;display:block;margin-top:10px}.portfolio-intro p:last-child{color:var(--muted);line-height:1.7;max-width:430px}.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.phone-card{min-height:450px;border:9px solid #111;border-radius:38px;background:#fff;box-shadow:0 22px 44px rgba(35,27,44,.18);padding:12px;display:flex;flex-direction:column;overflow:hidden}.phone-top{width:34%;height:15px;border-radius:999px;background:#111;margin:0 auto 12px}.phone-feed{flex:1;border-radius:18px;padding:24px 14px;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px}.phone-feed span{font:800 1.6rem Manrope,sans-serif}.phone-feed b{font:800 1.25rem Manrope,sans-serif}.phone-feed em{font-style:normal;font-size:.78rem;margin-top:16px}.phone-card footer{padding:14px 4px 4px;font-size:.74rem;color:var(--muted)}.phone-red .phone-feed{background:linear-gradient(160deg,#f4e7df 20%,#a6252b 20% 45%,#e6c8ad 45%)}.phone-yellow .phone-feed{background:repeating-linear-gradient(180deg,#ffe46c 0 70px,#9e2f6a 70px 140px)}.phone-brown .phone-feed{color:#fff;background:linear-gradient(145deg,#2d1710,#8f5b3f)}.phone-blue .phone-feed{color:#fff;background:linear-gradient(145deg,#051b44,#1774da)}
.services{padding:78px 0;display:grid;grid-template-columns:.7fr 1.65fr;gap:50px;align-items:center}.services h2{font-size:2.5rem;line-height:1.05}.services-copy p:last-child{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-grid article{background:linear-gradient(180deg,#fbf9ff,#f2edfb);border:1px solid #eee8f5;border-radius:22px;padding:24px 20px;min-height:210px}.service-grid span{font-size:2rem;color:var(--purple)}.service-grid h3{font:800 1.02rem Manrope,sans-serif}.service-grid p{font-size:.85rem;line-height:1.55;color:var(--muted)}
.process{padding:70px 0 82px;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.7fr;gap:52px}.process h2{font-size:3.15rem;line-height:1}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{position:relative;padding-top:28px}.step:after{content:"→";position:absolute;right:-18px;top:56px;color:var(--purple);font-size:1.55rem}.step:last-child:after{display:none}.step i{position:absolute;top:0;right:0;color:var(--purple);font-style:normal;font-weight:800}.step>span{width:54px;height:54px;display:grid;place-items:center;border:2px solid #9f81ff;border-radius:50%;color:var(--purple);font-size:1.35rem}.step h3{font-family:Manrope,sans-serif}.step p{color:var(--muted);font-size:.86rem;line-height:1.5}
.about{padding:0;display:grid;grid-template-columns:.85fr 1.55fr;min-height:580px;background:#fff}.about-photo{position:relative;min-height:580px}.about-photo img{object-position:center 20%}.photo-note{left:30px;top:30px;right:auto;bottom:auto;color:#111}.about-copy{padding:72px 7vw 60px 48px;position:relative}.about-copy h2{font-size:4rem;line-height:.95}.lead{font-size:1.15rem;line-height:1.55;max-width:650px}.highlight{background:#eee7ff;border-radius:10px;padding:16px 18px;max-width:650px;margin:22px 0}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.skills b,.skills small{display:block}.skills small{font-size:.75rem;color:var(--muted);margin-top:6px}
.availability{padding:70px 0;display:grid;grid-template-columns:.8fr 1.8fr;gap:48px;align-items:center}.availability h2{font-size:3.1rem;line-height:1}.availability-grid{display:grid;grid-template-columns:repeat(3,1fr)}.availability-grid article{padding:12px 28px;border-left:1px solid var(--line)}.availability-grid span{font-size:2rem;color:#ff9c22}.availability-grid small{display:block;margin-top:8px;color:var(--muted)}.availability-grid h3{margin:.35rem 0}.availability-grid p{font-size:.84rem;color:var(--muted);line-height:1.5}
.cta{margin-top:10px;padding:58px 0 64px;display:grid;grid-template-columns:.8fr 1.3fr .8fr;gap:46px;align-items:center;background:radial-gradient(circle at 0 50%,#f1e5ff 0,transparent 32%),radial-gradient(circle at 85% 20%,#fff0e8 0,transparent 30%)}.cta h2{font-size:4rem;line-height:.95}.cta-copy p{line-height:1.7;color:#4c4653}.contact-card{background:#efe9ff;border-radius:999px;padding:15px 22px;display:flex;align-items:center;gap:14px}.contact-card>span{width:44px;height:44px;background:#744cff;color:#fff;border-radius:50%;display:grid;place-items:center}.contact-card strong,.contact-card small{display:block}.contact-card small{color:var(--muted)}
.footer{background:#151517;color:white;padding:52px max(5vw,32px);display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;gap:40px;align-items:start}.footer-brand b{display:block;font:800 1.45rem/.9 Manrope,sans-serif}.footer-brand span{font-size:.82rem;color:#c9c5d0;display:block;margin-top:14px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.8rem;color:#c9c5d0}.footer-meta{display:grid;gap:10px;color:#aaa6b1;font-size:.76rem}.footer-note{font-family:"Comic Sans MS",cursive;transform:rotate(-6deg)}
@media(max-width:1050px){.nav{display:none}.menu-btn{display:block}.site-header{grid-template-columns:auto 1fr auto}.site-header>.btn{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:500px}.portfolio{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(3,1fr)}.services,.process,.availability{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,1fr)}.skills{grid-template-columns:repeat(2,1fr)}.cta{grid-template-columns:1fr 1fr}.contact-card{grid-column:1/-1;max-width:360px}.footer{grid-template-columns:1fr 1fr}.scribble{display:none}}
@media(max-width:720px){.section-shell{width:min(100% - 28px,1180px)}.site-header{width:calc(100% - 28px)}.brand-role{display:none}.hero{padding-top:28px}.hero h1{font-size:3.5rem}.hero-stats{flex-wrap:wrap;gap:16px}.hero-stats>div{border:0;margin:0;padding-right:14px}.hero-visual{min-height:450px}.hero-photo{width:290px;height:405px;right:22px}.note-a{left:-2px;top:85px}.note-b{display:none}.mini-card{display:none}.client-row{grid-template-columns:repeat(2,1fr)}.portfolio{padding:64px 0}.phones{overflow-x:auto;display:flex;padding-bottom:18px;scroll-snap-type:x mandatory}.phone-card{min-width:215px;scroll-snap-align:start}.services{padding:60px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid article:last-child{grid-column:1/-1}.process-steps{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-photo{min-height:500px}.about-copy{padding:55px 24px}.about-copy h2{font-size:3.15rem}.availability-grid{grid-template-columns:1fr}.availability-grid article{border-left:0;border-top:1px solid var(--line);padding:22px 0}.cta{grid-template-columns:1fr}.cta h2{font-size:3.3rem}.footer{grid-template-columns:1fr}.footer-links{gap:14px}.floating-note{font-size:.88rem}}
@media(max-width:460px){.hero h1{font-size:3rem}.hero-photo{width:255px;height:365px}.service-grid,.process-steps{grid-template-columns:1fr}.skills{grid-template-columns:1fr}.client-row{grid-template-columns:1fr}.client-pill{justify-content:flex-start}.process .step:after{display:none}}

/* Capturas de las redes de cada negocio. */
.phone-card{position:relative;min-height:0;min-width:0;padding:0;aspect-ratio:9/16}
.phone-card .phone-top,.phone-card footer{display:none}
.phone-card .phone-feed{position:absolute;inset:0;min-height:0;padding:0;border-radius:0;background:transparent;overflow:hidden}
.phone-feed img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.phone-card[href]:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
@media(max-width:720px){.phone-card{flex:0 0 215px;min-width:215px}}

/* Permite que las columnas se ajusten al viewport y que solo el carrusel deslice. */
.section-shell>*,.footer>*{min-width:0}
/* Fondos a todo el ancho; el contenido conserva su ancho máximo y sus márgenes. */
.section-shell{width:100%;padding-inline:max(24px,calc((100% - 1180px)/2))}
@media(max-width:720px){.section-shell{padding-inline:14px}}
.hero-photo img,.about-photo img{display:block}
.about-photo{overflow:hidden}
.about-photo img{position:absolute;inset:0}
@media(max-width:1050px){
  .site-header{grid-template-columns:minmax(0,1fr) auto}
  .menu-btn{grid-column:2;justify-self:end}
  .hero-blob{right:0}
  .hero-photo{max-width:calc(100% - 22px)}
  .mini-card-a{right:12px}
  .step:nth-child(2n):after{display:none}
  .noise{display:none}
}
@media(max-width:720px){
  .phones{width:100%;max-width:100%;overscroll-behavior-x:contain}
  .hero h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}
  .about-copy h2{font-size:clamp(2.4rem,10vw,3.15rem)}
  .btn{max-width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}