.hero{text-align:center;padding-top:150px;padding-bottom:40px;position:relative;overflow:hidden}.hero__bg{z-index:0;object-fit:cover;object-position:center 44%;opacity:.92;filter:blur(2px)saturate(1.1);width:100%;height:230px;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(60% 125% at 50% 0,#000 14%,#0006 46%,#0000 72%);mask-image:radial-gradient(60% 125% at 50% 0,#000 14%,#0006 46%,#0000 72%)}.hero__bg--dither{opacity:0;filter:none;transition:opacity .45s}.hero__bg--dither[data-ready]{opacity:1}.hero__grain{z-index:0;opacity:.45;mix-blend-mode:soft-light;pointer-events:none;background-image:url(/m/img/6mcf62RlDfRfU61Yg5vb2pefpi4.png);background-size:300px;height:230px;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(60% 125% at 50% 0,#000 14%,#0006 46%,#0000 72%);mask-image:radial-gradient(60% 125% at 50% 0,#000 14%,#0006 46%,#0000 72%)}.hero__inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.hero__announce{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);text-align:left;max-width:100%;min-height:36px;color:var(--ink-soft);background:linear-gradient(165deg,#fffffff2,#faf8f69e);border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:10px;margin-bottom:30px;padding:5px 16px 5px 6px;font-size:13.5px;font-weight:450;line-height:1.3;transition:transform .18s;display:inline-flex;box-shadow:0 10px 26px #1411111a,inset 0 1.5px #fffffff2,inset 0 -2px 2px #786e6929}.hero__announce:hover{transform:translateY(-1px)}.hero__announce-badge{background:var(--red);color:#fff;border-radius:999px;flex:none;place-items:center;height:22px;padding-inline:9px;font-size:12px;font-weight:600;display:inline-grid;box-shadow:inset 0 1px #ffffff73,inset 0 -1.5px 2px #7800004d}.hero__announce-text{min-width:0}.hero__announce-text--short{display:none}.hero__title{max-width:16ch;margin:0 auto}.hero__title span{display:block}.hero__sub{max-width:38ch;color:var(--body);margin-top:26px;font-size:clamp(15px,1.35vw,18px);line-height:1.5}.hero__sub strong{color:var(--ink);font-weight:600}.hero__corner{right:var(--gutter);z-index:2;position:absolute;bottom:0}@media (max-width:1100px){.hero__corner{margin-top:28px;position:static}}.hero__badges{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:26px;display:flex}.hero-badge{border:1px solid var(--line);height:56px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:0 22px 0 14px;display:inline-flex}.hero-badge__logo{background:var(--red);color:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font-size:17px;font-weight:700;display:grid}.hero-badge div{text-align:left;flex-direction:column;line-height:1.25;display:flex}.hero-badge__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-size:10px;font-weight:600}.hero-badge__main{color:var(--ink);font-size:14px;font-weight:600}.hero-deck{place-items:center;width:100%;height:440px;margin-top:30px;display:grid;position:relative}.hero-deck__stack{width:268px;height:384px;position:relative}.hero-card{cursor:grab;background:#15100f;border-radius:26px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px #ff3c3247,0 10px 24px #00000014}.hero-card__video{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.hero-card__glow{border-radius:inherit;mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(170deg,#ff503c47,#ff2d231f 55%,#ff463233),radial-gradient(120% 90%,#0000 52%,#b4191266 100%);position:absolute;inset:0}.hero-card__stamp{font-family:var(--font-display);letter-spacing:.06em;z-index:5;pointer-events:none;border:3px solid;border-radius:10px;padding:5px 14px;font-size:22px;font-weight:800;position:absolute;top:26px}.hero-card__stamp--post{color:#21c466;border-color:#21c466;left:18px;transform:rotate(-16deg)}.hero-card__stamp--skip{color:#ff3b30;border-color:#ff3b30;right:18px;transform:rotate(16deg)}.hero-deck__swipe{z-index:50;pointer-events:none;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.hero-deck__swiper{will-change:transform;align-items:center;gap:5px;animation:2.6s ease-in-out infinite hand-swipe;display:flex}.hero-deck__hand{color:#fff;filter:drop-shadow(0 2px 6px #0009);flex:none;width:34px;height:34px;animation:2.6s ease-in-out infinite hand-tilt}.hero-deck__lines{color:#fff;opacity:0;filter:drop-shadow(0 1px 3px #0000008c);flex:none;width:14px;height:22px}.hero-deck__lines--l{animation:2.6s ease-in-out infinite lines-right}.hero-deck__lines--r{animation:2.6s ease-in-out infinite lines-left}@keyframes hand-swipe{0%{transform:translate(0)}16%{transform:translate(24px)}38%{transform:translate(0)}56%{transform:translate(0)}74%{transform:translate(-24px)}96%,to{transform:translate(0)}}@keyframes hand-tilt{0%{transform:rotate(0)}16%{transform:rotate(11deg)}38%{transform:rotate(0)}56%{transform:rotate(0)}74%{transform:rotate(-11deg)}96%,to{transform:rotate(0)}}@keyframes lines-right{0%,4%{opacity:0}16%{opacity:1}32%,to{opacity:0}}@keyframes lines-left{0%,60%{opacity:0}74%{opacity:1}90%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-deck__swiper,.hero-deck__hand,.hero-deck__lines{animation:none}}.hero-stat{z-index:2;opacity:.25;will-change:transform, opacity;width:240px;position:absolute}.hero-stat__img{filter:drop-shadow(0 18px 38px #0000002e);width:100%;height:auto;animation:6s ease-in-out infinite hero-float;display:block}.hero-stat--ig .hero-stat__img{animation-delay:1.2s}.hero-stat--yt .hero-stat__img{animation-delay:.6s}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hero-stat--tt{top:30px;left:max(8px,50% - 410px);transform:translate(280px,190px)scale(.45)}.hero-stat--ig{top:150px;right:max(8px,50% - 420px);transform:translate(-290px,70px)scale(.45)}.hero-stat--yt{top:290px;left:max(8px,50% - 380px);transform:translate(250px,-70px)scale(.45)}.hero__builders{color:var(--body);align-items:center;gap:12px;margin-top:18px;font-size:14px;display:inline-flex}.hero__avatars{display:inline-flex}.hero__avatars img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:34px;height:34px;margin-left:-10px;box-shadow:0 1px 3px #00000026}.hero__avatars img:first-child{margin-left:0}@media (max-width:720px){.hero{padding-top:120px}.hero__title{font-size:min(40px, calc((100vw - 2 * var(--gutter)) / 9.1))}.hero-stat{width:150px}.hero-stat--yt{top:220px;left:0}.hero-stat--ig{top:40px;right:0}.hero__announce{gap:8px;margin-bottom:26px;padding:5px 13px 5px 6px;font-size:11.5px}.hero__announce-badge{height:20px;padding-inline:8px;font-size:11px}.hero__announce-text--full{display:none}.hero__announce-text--short{display:inline}}.hero__bigcta-wrap{text-align:center;margin:34px 0 6px}.hero__bigcta{background:var(--red);color:#fff;letter-spacing:-.01em;border-radius:14px;justify-content:center;align-items:center;gap:14px;height:68px;padding:0 38px;font-size:21px;font-weight:600;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 12px 32px #ff2e2e5c}.hero__bigcta:hover{background:var(--red-deep);transform:translateY(-2px);box-shadow:0 18px 44px #ff2e2e75}.hero__bigcta .fl-btn__arrow{background:#fff3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}@media (max-width:640px){.hero__bigcta{gap:10px;width:min(100%,380px);height:60px;padding:0 22px;font-size:17px}.hero__bigcta .fl-btn__arrow{width:28px;height:28px}}

/* Lopardo: se quitan del hero el botón "Create 5 ads for free" y el video (deck de tarjetas con sus logos) */
.hero__bigcta-wrap,.hero-deck{display:none!important}

/* Lopardo: retrato sobre orbe de luz azul con anillos (variante C de site/hero-retrato.html, mismos valores).
   ::before = orbe con su resplandor; ::after = retrato, apilado encima con margen negativo;
   anillos = fondo de .hero__inner anclado abajo. --x deja aire debajo para que el resplandor y los anillos no se corten. */
.hero__inner{--h:min(560px,72vw);--d:min(500px,80vw);--top:calc(var(--h)*.18);--x:150px;
  background:
    radial-gradient(circle closest-side,transparent calc(100% - 1.5px),rgba(60,80,255,.35) calc(100% - 1.5px),rgba(60,80,255,.35) calc(100% - .5px),transparent 100%) center bottom calc(var(--x) + var(--h) - var(--top) - var(--d)/2 - (var(--d) + 100px)/2)/calc(var(--d) + 100px) calc(var(--d) + 100px) no-repeat,
    radial-gradient(circle closest-side,transparent calc(100% - 1.5px),rgba(60,80,255,.35) calc(100% - 1.5px),rgba(60,80,255,.35) calc(100% - .5px),transparent 100%) center bottom calc(var(--x) + var(--h) - var(--top) - var(--d)/2 - (var(--d) + 220px)/2)/calc(var(--d) + 220px) calc(var(--d) + 220px) no-repeat}
.hero__inner::before{content:"";order:1;flex-shrink:0;pointer-events:none;align-self:center;
  width:var(--d);height:var(--d);margin-top:calc(var(--top) + 10px);margin-bottom:calc(var(--h) - var(--top) - var(--d) + var(--x));
  border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#7f8cff 0,#3a46ff 48%,#1a1fd0 100%);
  box-shadow:0 0 90px 10px rgba(60,80,255,.45)}
.hero__inner::after{content:"";order:1;flex-shrink:0;pointer-events:none;
  width:min(980px,100%);height:var(--h);margin-top:calc(-1 * (var(--h) + var(--x)));margin-bottom:var(--x);
  background:url(/hero-art/portrait.webp) center bottom/auto 96% no-repeat;
  /* máscara = (mitad de arriba opaca ∪ degradado radial desde el borde del círculo, que borra lo que sobresale hacia las esquinas) ∩ fundido inferior */
  --cy:calc(var(--top) + var(--d)/2);
  -webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%),linear-gradient(#000,#000),radial-gradient(circle at 50% var(--cy),#000 calc(var(--d)/2 - 8px),transparent calc(var(--d)/2 + 65px));
  mask-image:linear-gradient(to bottom,#000 74%,transparent 100%),linear-gradient(#000,#000),radial-gradient(circle at 50% var(--cy),#000 calc(var(--d)/2 - 8px),transparent calc(var(--d)/2 + 65px));
  -webkit-mask-size:100% 100%,100% var(--cy),100% 100%;mask-size:100% 100%,100% var(--cy),100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-composite:source-in,source-over,source-over;mask-composite:intersect,add,add}
.hero__builders{order:2}

/* Lopardo: se quitan del hero las dos insignias de Product Hunt */
.hero__badges{display:none!important}

/* Lopardo: se quita del hero la línea "70,000+ businesses" con sus avatares */
.hero__builders{display:none!important}