.sm{padding:clamp(24px,4vw,56px) 24px clamp(64px,9vw,120px);background:var(--bg,#fff)}
.sm__inner{max-width:900px;margin:0 auto}
.sm__eyebrow{font:600 .78rem/1 var(--font-sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#ff5a1f}
.sm__big{margin-top:0;font:600 clamp(1.7rem,3.6vw,2.8rem)/1.25 var(--font-display,system-ui);letter-spacing:-.03em;color:#14130f}
.sm__big img{display:inline-block;width:1.5em;height:1.5em;border-radius:50%;object-fit:cover;vertical-align:-.35em;margin:0 .1em}
.sm__hl{background:linear-gradient(transparent 62%,#fbb040 62% 92%,transparent 92%);padding:0 .05em}
.sm__mut{color:#a9a498}
.sm__sign{margin-top:34px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sm__btn{display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;border:1.5px solid #14130f;font:600 .95rem var(--font-sans,system-ui);color:#14130f;text-decoration:none;transition:transform .15s}
.sm__btn:hover{transform:translateY(-2px)}
.sm__sign small{color:#6b675e}

/* Encabezado grande que abre la sección Experiencia */
.exp-head{padding:0 24px clamp(48px,7vw,96px);background:var(--bg,#fff)}
.exp-head .fl-container{max-width:1180px;margin:0 auto;text-align:center}
.exp-head__title{margin:0;font:700 clamp(3.4rem,11vw,9rem)/.95 var(--font-display,system-ui);letter-spacing:-.045em;color:#14130f}

/* Etiqueta "Actual" debajo del título de Experiencia: año, línea punteada y punto vivo */
.exp-actual{width:min(520px,100%);display:flex;align-items:center;gap:12px;margin-top:6px;font:500 14px/1 var(--font-sans,system-ui);color:#111}
.exp-actual::before{content:"";flex:1;order:1;height:0;border-top:2px dotted #b9b9c2}
.exp-actual b{order:0;font-weight:600}
.exp-actual__r{order:2;display:inline-flex;align-items:center;gap:8px;font-weight:600}
.exp-actual__dot{width:8px;height:8px;border-radius:50%;background:#2fb344;animation:exp-pulse 2s infinite}
@keyframes exp-pulse{0%{box-shadow:0 0 0 0 #2fb34477}70%{box-shadow:0 0 0 8px #2fb34400}100%{box-shadow:0 0 0 0 #2fb34400}}

/* Segundo puesto de Experiencia: Content manager + resultado destacado */
.exp-job{padding:clamp(56px,8vw,112px) 24px;background:var(--bg,#fff)}
.exp-job .v2-head{display:grid;justify-items:center;gap:0}
.exp-job .exp-actual{margin-top:14px}
.exp-result{max-width:560px;margin:28px auto 0;font:400 clamp(1.05rem,1.8vw,1.3rem)/1.5 var(--font-sans,system-ui);color:#3b3a36;text-align:center}
.exp-result strong{color:#14130f;font-weight:600}
.exp-job .v2-h2{color:#14130f}

/* Barra de marcas más cerca de la nota "Example output..." */
section.ov2.v2-section{padding-bottom:0!important}
section.ov2.v2-section+section.logowall{padding-top:24px!important;padding-bottom:40px!important}
section.ov2.v2-section .ov2__note{margin-bottom:0!important}

/* Sin el título "Built to run your social marketing, end to end." */
#features>.fl-container>.v2-head{display:none}

/* Sin las tarjetas "AI UGC library" y "Human UGC library" */
#features .ft-card--aiugc,#features .ft-card--human{display:none}

/* Content manager + grid de features se leen como una sola sección */
.exp-job{padding-bottom:0!important}
section.ft#features{padding-top:40px!important}
#features .ft__grid{margin-top:0!important}

/* Tercer puesto: tienda de libros con capturas (lugares reservados hasta tener las imágenes) */
.exp-job.exp-job--2{padding-bottom:96px!important}
section.ft#features{padding-bottom:0!important}
.exp-shots{width:min(900px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.exp-shot{margin:0;aspect-ratio:9/16;border:2px dashed #c9c9d1;border-radius:22px;display:grid;place-items:center;font:500 14px/1 var(--font-sans,system-ui);color:#8a8a94;background:#fafafa}
@media(max-width:640px){.exp-shots{gap:10px}.exp-shot{border-radius:14px}}

/* Sección de charlas: se oculta el testimonio de Frank y el botón (apuntaba a fastlane); el video se mantiene */
.spotlight__quote,.spotlight__copy .fl-btn{display:none}

/* Bloque LLC (variante 3, sello) debajo de Charlas */
.llc{padding:clamp(48px,7vw,96px) 24px;background:var(--bg,#fff)}
.llc__in{width:min(860px,100%);margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.llc__seal{position:relative;width:200px;height:200px;color:#14130f}
.llc__seal svg{width:100%;height:100%;animation:llc-spin 18s linear infinite}
.llc__seal text{font:700 11px var(--font-sans,system-ui);letter-spacing:.22em;text-transform:uppercase;fill:currentColor}
.llc__seal b{position:absolute;inset:0;display:grid;place-items:center;font:700 2.6rem var(--font-display,system-ui);letter-spacing:-.05em}
@keyframes llc-spin{to{transform:rotate(360deg)}}
.llc__t{margin:0;font:500 clamp(1.85rem,3.9vw,2.95rem)/1.08 var(--font-display,system-ui);letter-spacing:-.04em;color:#14130f}
.llc__t span{display:block}
.llc__p{margin:10px 0 0;max-width:560px;color:#6f6f78;font:400 clamp(1.05rem,1.8vw,1.3rem)/1.5 var(--font-sans,system-ui)}
.llc__p strong{color:#14130f;font-weight:600}
@media(max-width:640px){.llc__in{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* Herramientas de trabajo (variante 6): íconos que flotan con sombra de color */
.tools{padding:clamp(48px,7vw,96px) 24px clamp(64px,9vw,120px);background:var(--bg,#fff);text-align:center}
.tools__in{max-width:1000px;margin:0 auto}
.tools__eyebrow{display:none}
.tools__dot{display:none}
.tools__t{margin:0;font:500 clamp(2rem,4.6vw,3.4rem)/1.05 var(--font-display,system-ui);letter-spacing:-.045em;color:#14130f}
.tools__t span{display:block}
.tools__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,3vw,40px);margin-top:48px;align-items:center}
.tools__ic{position:relative;display:grid;place-items:center;aspect-ratio:1;--c:#ff6a2b}
.tools__ic--g{--c:#4f6bff}.tools__ic--k{--c:#6b6b78}
.tools__ic img{position:relative;z-index:2;width:78%;height:auto;display:block;animation:tools-float 5s ease-in-out infinite}
.tools__ic:nth-child(2) img,.tools__ic:nth-child(2) .tools__floor{animation-delay:-1.6s}
.tools__ic:nth-child(3) img,.tools__ic:nth-child(3) .tools__floor{animation-delay:-3.2s}
.tools__floor{position:absolute;left:14%;right:14%;bottom:2%;height:9%;border-radius:50%;background:var(--c);filter:blur(16px);opacity:.55;z-index:1;animation:tools-shadow 5s ease-in-out infinite}
@keyframes tools-float{50%{transform:translateY(-18px)}}
@keyframes tools-shadow{50%{transform:scale(.8);opacity:.3}}

/* Sin la grilla de links del footer (Tools, Compare, Alternatives...) */

/* Cierre de la página: "Lopardo" gigante, cortado abajo, sobre azul con grano y puntitos */
.v2 footer.fl-footer .fl-footer__hero,footer.fl-footer .fl-footer__hero{height:clamp(300px,34vw,520px)!important;min-height:0!important;background:#fff!important;filter:none!important;isolation:isolate}
footer.fl-footer .fl-footer__hero>.fl-footer__cta{display:none!important}
footer.fl-footer .fl-footer__hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;filter:none!important;pointer-events:none;
  background:radial-gradient(circle,#00000030 1px,transparent 1.6px) 0 0/9px 9px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;
  -webkit-mask:linear-gradient(#000 40%,transparent);mask:linear-gradient(#000 40%,transparent)}
footer.fl-footer .fl-footer__hero::after{content:"Lopardo"!important;position:absolute!important;inset:auto auto -.2em 50%!important;z-index:2!important;background:none!important;transform:translateX(-50%);font:700 clamp(7rem,25vw,26rem)/1 var(--font-display,"Inter Tight",system-ui,sans-serif);letter-spacing:-.06em;color:#111;white-space:nowrap;pointer-events:none;user-select:none}

/* Línea de transición del cierre en azul (el orbe del hero) en vez de rojo */
.fl-footwrap>.fl-footer__grad{filter:hue-rotate(218deg) saturate(1.25)}
.fl-darkzone__grad{filter:url("#fl-grain") hue-rotate(218deg) saturate(1.25)!important}

/* El anillo exterior del orbe terminaba justo en el borde del hero y se recortaba abajo: se sube 3px */
.hero__inner{background-position:50% calc(100% - 59.2px),50% calc(100% - 3px)!important}

/* Charlas: título más ancho y más cerca del video */
@media (min-width:901px){
.spotlight .fl-container.spotlight__grid{max-width:1400px;grid-template-columns:auto 345px;justify-content:start;gap:48px}
.spotlight .spotlight__phone{width:345px}
.spotlight .spotlight__title{max-width:none}
.spotlight .spotlight__media{justify-items:start}
}

/* Logo de Remax dentro del título de Charlas */
.spotlight .spotlight__remax{display:inline-block;height:.82em;width:auto;vertical-align:-.1em;margin:0 -.02em}
.spotlight .spotlight__title span{white-space:nowrap}

/* Hero: "marketer y productor creativo" en una sola línea y más chico (solo computadora) */
@media (min-width:900px){
  .hero__title{max-width:none}
  .hero__title span:nth-child(2){font-size:.78em;white-space:nowrap;margin-top:.08em;letter-spacing:-.01em}
}
.spotlight .spotlight__title{font-size:clamp(34px,4.7vw,68px)}
.spotlight .spotlight__body{max-width:60ch;font-size:clamp(17px,1.45vw,20px);line-height:1.5}

/* Logo del nav: halo blanco detrás para que se lea sobre fondos oscuros */
.fl-nav__logo{filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(255,255,255,.55))}

/* Sin banner de cookies */
.consent-banner{display:none!important}

/* Productor creativo: resultados de los anuncios (variante 3) */
.ov2-results{display:grid;justify-items:center;gap:16px;margin-top:10px;text-align:center}
.ov2-results p{max-width:560px;margin:0;color:#6f6f78;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.5}
.ov2-results p b{color:#111;font-weight:600}
.ov2-results__chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ov2-results__chips span{display:inline-flex;gap:8px;align-items:center;border:1px solid #e6e6ea;background:#fff;border-radius:999px;padding:13px 22px;font:500 17px/1 var(--font-sans,system-ui);color:#111;box-shadow:0 6px 16px -12px #0004}
.ov2-results__chips em{font-style:normal;font-weight:700;color:#2fb344;font-size:1.2em}
.ov2-results__chips span.ov2-results__last{position:relative}
.ov2-results__chips span.ov2-results__last::after{content:"*";position:absolute;left:calc(100% + 6px);top:2px;font-size:18px;line-height:1;color:#a1a1aa}
.ov2-results small{max-width:460px;margin-top:-4px;font:400 13px/1.4 var(--font-sans,system-ui);color:#a1a1aa}
