/* ============================================================
   SearchMAS — home.css  (estilos específicos de la portada)
   ============================================================ */

/* ── Navbar glass ── */
#searchmas-navbar {
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0,0,0,.06);
}

/* ── SM Background (hero section) ── */
.sm-hero-bg {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg,#dde8f5 0%,#eaf0fa 35%,#f0f4f8 60%,#e8f0f5 100%);
    min-height: 80vh;
}
@media (max-width: 768px) {
    .sm-hero-bg { min-height: 60vh; }
}
.sm-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: .55;
    pointer-events: none;
}
.sm-b1 { width:520px;height:520px;background:rgba(0,242,255,.22);top:-10%;left:-8%;animation:bgFloat 14s ease-in-out infinite; }
.sm-b2 { width:420px;height:420px;background:rgba(204,255,0,.18);top:40%;right:-6%;animation:bgFloat 10s ease-in-out infinite reverse; }
.sm-b3 { width:340px;height:340px;background:rgba(26,34,53,.08);bottom:5%;left:35%;animation:bgFloat 12s ease-in-out infinite 3s; }
.sm-gridlines {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),
                      linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);
    background-size: 96px 96px;
    pointer-events: none;
}
.sm-pin {
    position: absolute;
    width: 15px; height: 15px;
    animation: pinBlink var(--db,3s) ease-in-out infinite var(--dd,0s);
    pointer-events: none;
    transform-origin: bottom center;
}
@keyframes bgFloat {
    0%,100% { transform:translate(0,0) scale(1); }
    50%      { transform:translate(28px,18px) scale(1.07); }
}
@keyframes pinBlink {
    0%,100% { opacity:0; transform:scale(.5); }
    50%      { opacity:1; transform:scale(1); }
}

/* ── Hero pill badge ── */
.sm-pill-wrap { display:flex;justify-content:center;margin-bottom:1.75rem; }
.sm-pill {
    display:inline-flex;align-items:center;gap:.6rem;
    background:rgba(255,255,255,.85);
    border:none;
    border-radius:100px;
    padding:.6rem 1.6rem;
    font-size:15px;font-weight:600;color:#1F2937;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
    position:relative;
}
.sm-pill::before {
    content:'';
    position:absolute;
    inset:0;
    border-radius:100px;
    padding:1.5px;
    background:linear-gradient(90deg,#00F2FF,#CCFF00);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
.sm-pill-dot {
    width:7px;height:7px;border-radius:50%;background:#CCFF00;
    animation:pulseDot 1.5s ease-in-out infinite;
}
@keyframes pulseDot {
    0%,100% { transform:scale(1);opacity:1; }
    50%      { transform:scale(1.6);opacity:.6; }
}
.sm-pill--dark { background:#1F2937; color:#fff; }

/* ── Hero heading ── */
.sm-heading {
    font-size: 70px;
    font-weight: 400;
    letter-spacing: -2.5px;
    line-height: 1.1;
    color: #1F2937;
    text-align: center;
    margin: 0 auto 2.5rem;
    max-width: 960px;
    overflow: visible;
    padding-bottom: 0.1em;
}
.sm-word {
    display: inline-block;
    overflow: visible;
    animation: wordIn .55s cubic-bezier(.22,1,.36,1) both;
    animation-delay: calc(var(--i) * 120ms);
}
.sm-h-bold   { font-weight: 800; }
.sm-h-reg    { font-weight: 400; }
.sm-h-italic { font-weight: 200; font-style: italic; }
.sm-heavy { font-weight: 900; }
.sm-grad  {}
@keyframes wordIn {
    from { opacity:0; transform:translateY(18px); }
    to   { opacity:1; transform:none; }
}

/* ── Browser frame / Dashboard mockup ── */
.scene {
    max-width: 1000px;
    margin: 0 auto 2rem;
    position: relative;
}
.browser-frame {
    background: #1a1d2e;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 32px 80px rgba(0,0,0,.22), 0 2px 0 rgba(255,255,255,.05) inset;
}
.browser-bar {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: #13151f;
    padding: .6rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.browser-bar .dots {
    display: flex;
    gap: 5px;
}
.browser-bar .dots span {
    width: 10px;height: 10px;border-radius: 50%;display: block;
}
.browser-bar .dots span:nth-child(1) { background:#ff5f57; }
.browser-bar .dots span:nth-child(2) { background:#febc2e; }
.browser-bar .dots span:nth-child(3) { background:#28c840; }
.url-bar {
    flex: 1;
    background: rgba(255,255,255,.06);
    border-radius: 6px;
    padding: .25rem .75rem;
    font-size: 11px;
    color: rgba(255,255,255,.35);
    font-family: 'SF Mono','Fira Code',monospace;
}
.agents-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: rgba(0,212,170,.12);
    border: 1px solid rgba(0,212,170,.25);
    border-radius: 100px;
    padding: .2rem .65rem;
    font-size: 11px;
    font-weight: 700;
    color: #00d4aa;
}
.agents-badge::before {
    content:'';
    width:6px;height:6px;border-radius:50%;
    background:#00d4aa;
    animation:pulseDot 1.5s infinite;
}
.dashboard {
    display: flex;
    min-height: 380px;
}
.sidebar {
    width: 150px;
    background: #0f1119;
    padding: .75rem .5rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
}
.sidebar-logo {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .5rem .75rem;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.05);
    margin-bottom: .4rem;
}
.nav-item {
    padding: .4rem .6rem;
    border-radius: 6px;
    font-size: 11px;
    color: rgba(255,255,255,.35);
    cursor: default;
    transition: background .2s,color .2s;
}
.nav-item.active, .nav-item:hover {
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.8);
}
.main-content {
    flex: 1;
    padding: 1rem;
    position: relative;
    overflow: hidden;
}
.scan-line {
    position: absolute;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(0,242,255,.3),transparent);
    animation: scanLine 4s linear infinite;
    pointer-events: none;
    z-index: 1;
}
@keyframes scanLine {
    from { top: 0; }
    to   { top: 100%; }
}
.page-title {
    font-size: 10px;
    color: rgba(255,255,255,.3);
    margin-bottom: .75rem;
    letter-spacing: .5px;
}
.metrics-row {
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}
.metric-card {
    flex: 1;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    padding: .6rem .65rem;
}
.metric-card .label { font-size: 9px; color: rgba(255,255,255,.3); margin-bottom: .2rem; }
.metric-card .value { font-size: 18px; font-weight: 800; color: #fff; line-height: 1.1; }
.metric-card .change { font-size: 9px; margin-top: .2rem; }
.change.up   { color: #00d4aa; }
.change.teal { color: #00F2FF; }
.change.muted{ color: rgba(255,255,255,.3); }
.charts-area {
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}
.chart-card {
    flex: 1;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 8px;
    padding: .75rem;
}
.chart-card h3 {
    font-size: 10px;
    color: rgba(255,255,255,.4);
    font-weight: 600;
    margin-bottom: .5rem;
}
/* Donut */
.donut-container { position:relative;width:80px;height:80px;margin:0 auto; }
.donut-svg { width:80px;height:80px; }
.donut-center {
    position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.donut-center .pct  { font-size:14px;font-weight:800;color:#fff; }
.donut-center .sub  { font-size:8px;color:rgba(255,255,255,.35); }
/* Bar chart */
.bar-chart {
    display:flex;align-items:flex-end;gap:3px;height:60px;
}
.bar-group { flex:1;display:flex;align-items:flex-end;gap:1px; }
.bar {
    flex:1;border-radius:2px 2px 0 0;
    animation:barGrow .8s ease both;
    animation-delay:var(--d,0s);
}
.bar.green { background:linear-gradient(to top,#00a67d,#00d4aa); }
.bar.teal  { background:linear-gradient(to top,#0088ff,#00F2FF); }
@keyframes barGrow {
    from { transform:scaleY(0);transform-origin:bottom; }
    to   { transform:scaleY(1); }
}
/* Table */
.table-section { margin-top:.5rem; }
.table-header h3 { font-size:10px;color:rgba(255,255,255,.4);font-weight:600;margin-bottom:.35rem; }
.table-row {
    display:grid;
    grid-template-columns:.6fr 2fr 1.2fr .7fr .7fr;
    gap:.25rem;
    font-size:9px;
    padding:.3rem .4rem;
    border-radius:4px;
    color:rgba(255,255,255,.45);
}
.table-row.head {
    color:rgba(255,255,255,.25);
    font-weight:700;
    font-size:8px;
    letter-spacing:.5px;
    text-transform:uppercase;
}
.table-row:not(.head):nth-child(odd) { background:rgba(255,255,255,.025); }
.table-row .name { color:rgba(255,255,255,.65);font-weight:500; }
.table-row .stars { color:#CCFF00; }
.status-badge {
    display:inline-block;
    font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    padding:2px 7px;border-radius:100px;
}
.status-badge.replied { background:rgba(0,212,170,.15);color:#00d4aa; }
.status-badge.pending { background:rgba(245,158,11,.15);color:#f59e0b; }
/* Floating cards */
.floating-card {
    position:absolute;
    border-radius:10px;
    padding:.7rem .85rem;
    backdrop-filter:blur(8px);
}
.notification {
    right:8px;bottom:90px;
    background:rgba(26,29,46,.92);
    border:1px solid rgba(0,212,170,.2);
    max-width:200px;
    animation:floatUp 4s ease-in-out infinite;
}
.ai-card {
    left:160px;bottom:10px;
    background:rgba(26,29,46,.92);
    border:1px solid rgba(0,242,255,.2);
    max-width:210px;
    animation:floatUp 4s ease-in-out infinite 2s;
}
@keyframes floatUp {
    0%,100% { transform:translateY(0); }
    50%      { transform:translateY(-6px); }
}
.notif-header,.ai-header { display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem; }
.notif-dot { width:6px;height:6px;border-radius:50%;background:#00d4aa;animation:pulseDot 1.5s infinite; }
.notif-title,.ai-title { font-size:10px;font-weight:700;color:#fff; }
.notif-body,.ai-body { font-size:9px;color:rgba(255,255,255,.5);line-height:1.5; }
.notif-time { font-size:8px;color:rgba(255,255,255,.25);margin-top:.25rem; }
.ai-icon { font-size:12px;color:#00F2FF; }
.pulse-ring {
    position:absolute;
    width:16px;height:16px;border-radius:50%;
    border:2px solid rgba(0,242,255,.5);
    animation:ringPulse 2s ease-out infinite;
}
@keyframes ringPulse {
    0%   { transform:scale(1);opacity:1; }
    100% { transform:scale(2.5);opacity:0; }
}
.bottom-tagline {
    text-align:center;
    margin-top:.75rem;
    font-size:12px;
    color:rgba(31,41,55,.4);
}
.bottom-tagline .highlight { color:#1F2937;font-weight:700; }

/* ── Hero CTAs ── */
.hero-ctas {
    display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;
    padding: 0 0 2.5rem;
}

/* ── Trust / Carousel ── */
.carousel-section {
    background:#fff;
    padding:3rem 5%;
}
.carousel-wrapper-3 { text-align:center; }
.carousel-wrapper-3 .label {
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:#6B7280;margin-bottom:.5rem;
}
.carousel-wrapper-3 .heading {
    font-size:clamp(22px,2.5vw,32px);font-weight:800;letter-spacing:-1px;
    color:#1F2937;margin-bottom:.75rem;
}
.grad-line {
    width:48px;height:2px;
    background:linear-gradient(90deg,#00F2FF,#CCFF00);
    border-radius:2px;margin:.5rem auto 1.25rem;
}
.track-row {
    overflow:hidden;
    margin-bottom:.75rem;
    width:100vw;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.carousel-track-3a,
.carousel-track-3b {
    display:flex;gap:1rem;width:max-content;
    padding-right:1rem;
    will-change:transform;
}
.carousel-track-3a { animation:marquee 28s linear infinite; }
.carousel-track-3b { animation:marqueeR 28s linear infinite; }
@keyframes marquee  { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes marqueeR { from{transform:translateX(-50%)} to{transform:translateX(0)} }
.track-row .pill { margin-right:0; }
.pill {
    display:inline-flex;align-items:center;gap:.7rem;
    background:#fff;
    border:1.5px solid rgba(0,0,0,.09);
    border-radius:100px;
    padding:.55rem 1.1rem .55rem .6rem;
    font-size:14px;font-weight:600;color:#1F2937;
    white-space:nowrap;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    margin-right:1rem;
}
.pill-alt {
    background:#fff;
    border-color:rgba(0,0,0,.09);
    color:#1F2937;
}
.pill .badge {
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg,#00F2FF,#CCFF00);
    display:inline-flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:800;color:#1F2937;letter-spacing:.3px;
    flex-shrink:0;
}
.pill-alt .badge {
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg,#1F2937,#2d3a52);
    display:inline-flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:800;color:#CCFF00;letter-spacing:.3px;
    flex-shrink:0;
}

/* ── Trust / Logo Marquee ── */
.sm-logos-track-wrap {
    overflow: hidden;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1.5rem;
}
.sm-logos-track {
    display: flex;
    align-items: center;
    gap: 60px;
    width: max-content;
    animation: marquee 80s linear infinite;
}
.sm-logos-track--rev {
    animation: marqueeR 80s linear infinite;
    margin-top: 2.5rem;
}
.sm-logo-slot {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sm-logo-img {
    display: block;
    height: 44px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    border-radius: 6px;
}

/* ── Section 2 — Por qué SearchMAS ── */
.section2 {
    background:#0d1117;
    padding:96px 6%;
    position:relative;overflow:hidden;
}
.gb {
    position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;
}
.gb1 { width:500px;height:500px;background:rgba(0,242,255,.18);top:-120px;right:-100px; }
.gb2 { width:380px;height:380px;background:rgba(204,255,0,.12);bottom:-80px;left:-80px; }
.section2 .inner { max-width:1280px;margin:0 auto; }
.section2 .head2 {
    max-width:680px;margin:0 0 3rem;text-align:left;
    display:flex;flex-direction:column;align-items:flex-start;
}
.section2 .label2 {
    display:inline-flex;align-items:center;
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:var(--teal);margin-bottom:.5rem;
}
.section2 .label2-gl {
    width:48px;height:2px;
    background:linear-gradient(90deg,#00F2FF,#CCFF00);
    border-radius:2px;margin:.5rem 0 1.25rem;
}
.section2 h2 {
    font-size:clamp(28px,3vw,46px);font-weight:800;letter-spacing:-1.5px;
    color:#fff;margin:.5rem 0;line-height:1.15;
}
.section2 h2 em { font-style:italic;font-weight:400;color:#fff; }
.section2 p { font-size:15px;color:rgba(255,255,255,.5);line-height:1.75; }
.grid2 {
    display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;
}
/* Cards glassmorphism uniforme */
.c2 {
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;overflow:hidden;
}
.c2:hover {
    transform:translateY(-5px);
    border-color:rgba(0,242,255,.35);
    box-shadow:0 20px 50px rgba(0,0,0,.4);
}
/* Stagger reveal por card */
.grid2 .c2:nth-child(1).reveal { transition-delay:0s; }
.grid2 .c2:nth-child(2).reveal { transition-delay:.14s; }
.grid2 .c2:nth-child(3).reveal { transition-delay:.28s; }
.grid2 .c2:nth-child(4).reveal { transition-delay:.42s; }
.grid2 .c2.reveal.visible { transition-delay:0s; }
.c2-visual {
    height:165px;
    background:rgba(0,0,0,.12);
    display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.07);
}
.live-badge {
    position:absolute;top:.6rem;left:.6rem;
    display:inline-flex;align-items:center;gap:.3rem;
    background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.25);
    border-radius:100px;padding:.2rem .55rem;font-size:9px;font-weight:700;color:#00d4aa;
    letter-spacing:.5px;
}
.live-dot { width:5px;height:5px;border-radius:50%;background:#00d4aa;animation:pulseDot 1.5s infinite; }

/* Visual: bars — animadas al entrar en view */
.vis-bars { display:flex;align-items:flex-end;gap:4px;height:80px; }
.vis-bars .bar {
    width:12px;border-radius:3px 3px 0 0;
    animation:barGrow .7s cubic-bezier(.34,1.56,.64,1) both;
    animation-play-state:paused;
    animation-delay:var(--d,0s);
}
.c2.visible .vis-bars .bar { animation-play-state:running; }
.vis-bars .bar:nth-child(1) {height:35%;--d:.00s;background:linear-gradient(to top,#00B4CC,#00F2FF);}
.vis-bars .bar:nth-child(2) {height:60%;--d:.07s;background:linear-gradient(to top,#00C4B0,#00F2FF);}
.vis-bars .bar:nth-child(3) {height:45%;--d:.14s;background:linear-gradient(to top,#00D4A0,#66FFD0);}
.vis-bars .bar:nth-child(4) {height:78%;--d:.21s;background:linear-gradient(to top,#00E090,#99FFB0);}
.vis-bars .bar:nth-child(5) {height:55%;--d:.28s;background:linear-gradient(to top,#44EE60,#AAFFA0);}
.vis-bars .bar:nth-child(6) {height:88%;--d:.35s;background:linear-gradient(to top,#88EE00,#CCFF00);}
.vis-bars .bar:nth-child(7) {height:68%;--d:.42s;background:linear-gradient(to top,#99EE00,#CCFF33);}
.vis-bars .bar:nth-child(8) {height:100%;--d:.49s;background:linear-gradient(to top,#AACC00,#CCFF00);}
.vis-bars .bar:nth-child(9) {height:82%;--d:.56s;background:linear-gradient(to top,#BBDD00,#EEFF44);}
.vis-bars .bar:nth-child(10){height:92%;--d:.63s;background:linear-gradient(to top,#CCFF00,#EEFF88);}

/* Visual: AI orb */
.vis-orb {
    width:72px;height:72px;border-radius:18px;
    background:linear-gradient(135deg,#1a7aff,#00c6ff,#00F2FF);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;font-weight:900;color:#fff;letter-spacing:-1px;
    position:relative;
    box-shadow:0 0 40px rgba(0,180,255,.45),0 0 80px rgba(0,242,255,.2);
    animation:orbPulse 3s ease-in-out infinite;
}
@keyframes orbPulse {
    0%,100% { box-shadow:0 0 40px rgba(0,180,255,.45),0 0 80px rgba(0,242,255,.2); }
    50%      { box-shadow:0 0 60px rgba(0,180,255,.65),0 0 100px rgba(0,242,255,.3); }
}
.ai-icon-wrap { position:relative; }
.sparkle { position:absolute;width:12px;height:12px;animation:sparkleAnim 2s ease-in-out infinite; }
.sp1 { top:-10px;right:-8px;animation-delay:.2s; }
.sp2 { bottom:-8px;left:-10px;animation-delay:.7s; }
.sp3 { top:-6px;left:-12px;animation-delay:1.2s; }
@keyframes sparkleAnim {
    0%,100% { opacity:0;transform:scale(.5); }
    50%      { opacity:1;transform:scale(1); }
}

/* Visual: stack — slide-in al entrar en view */
@keyframes stackIn {
    from { opacity:0;transform:translateX(-14px); }
    to   { opacity:1;transform:translateX(0); }
}
.vis-stack { display:flex;flex-direction:column;gap:8px; }
.stack-card {
    display:flex;align-items:center;gap:.5rem;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
    border-radius:8px;padding:.4rem .65rem;width:150px;
    opacity:0;
    animation:stackIn .4s ease both;
    animation-play-state:paused;
}
.stack-card:nth-child(1) { animation-delay:.05s; }
.stack-card:nth-child(2) { animation-delay:.22s; }
.stack-card:nth-child(3) { animation-delay:.38s; }
.c2.visible .stack-card { animation-play-state:running; }
.stack-dot { width:8px;height:8px;border-radius:50%;flex-shrink:0; }
.sd1 { background:#CCFF00; }
.sd2 { background:#00F2FF; }
.sd3 { background:rgba(255,255,255,.2); }
.stack-line { flex:1;height:2px;border-radius:1px;background:rgba(255,255,255,.12); }
.stack-line-s { width:60%; }
.stack-check { font-size:10px;color:#00d4aa;font-weight:800; }

/* Visual: toggles — ciclo ON/OFF al entrar en view */
@keyframes ts1Cycle {
    0%,50%  { background:rgba(255,255,255,.18); }
    60%,90% { background:#CCFF00; }
    100%    { background:rgba(255,255,255,.18); }
}
@keyframes ts2Cycle {
    0%,35%  { background:#CCFF00; }
    45%,80% { background:rgba(255,255,255,.18); }
    90%,100%{ background:#CCFF00; }
}
.vis-toggles { display:flex;flex-direction:column;gap:10px;width:200px; }
.toggle-row { display:flex;align-items:center;gap:.6rem; }
.toggle-line { flex:1;height:3px;background:rgba(255,255,255,.1);border-radius:2px; }
.toggle-switch { width:32px;height:17px;border-radius:100px;flex-shrink:0; }
.ts1 {
    background:rgba(255,255,255,.18);
    animation:ts1Cycle 5s ease-in-out infinite;
    animation-play-state:paused;
}
.ts2 {
    background:#CCFF00;
    animation:ts2Cycle 5s ease-in-out infinite 1.8s;
    animation-play-state:paused;
}
.ts3 { background:#00F2FF; }
.c2.visible .ts1, .c2.visible .ts2 { animation-play-state:running; }
.toggle-label { font-size:9px;font-weight:800;letter-spacing:.5px; }
.tl1 { color:rgba(255,255,255,.3); }
.tl2 { color:#CCFF00; }
.tl3 { color:#00F2FF; }

.c2-body { padding:1.5rem; }
.c2-body .num {
    display:inline-flex;align-items:center;justify-content:center;
    background:#CCFF00;color:#0d1117;
    font-size:10px;font-weight:800;letter-spacing:.5px;
    border-radius:5px;padding:3px 8px;
    line-height:1;margin-bottom:.85rem;
}
.c2-body h3 { font-size:17px;font-weight:700;color:#fff;margin-bottom:.5rem; }
.c2-body p  { font-size:13px;color:rgba(255,255,255,.5);line-height:1.65; }

/* ══════════════════════════════════════════
   Feature Banners — S4 (Por qué SearchMAS)
   ══════════════════════════════════════════ */

/* 2-column grid layout */
.fb-wrap { display:grid;grid-template-columns:1fr 1fr;gap:1.5rem; }

.fb-card {
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:210px 1fr;
    background:linear-gradient(160deg,#060e1e 0%,#0a1628 55%,#0d1f3c 100%);
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    min-height:440px;
    transition:transform .3s ease, border-color .3s ease;
}
.fb-card:hover { transform:translateY(-3px);border-color:rgba(0,242,255,.22); }

/* Clip-path arc decorations */
.fb-arc { position:absolute;pointer-events:none;display:block;width:52%; }
.fb-arc--tl { top:-7%;left:-7%; }
.fb-arc--br { bottom:-7%;right:-7%;transform:scale(-1); }

/* Left text column */
.fb-left {
    padding:2rem 1.5rem 2rem 2rem;
    display:flex;flex-direction:column;justify-content:center;
    position:relative;z-index:2;
    border-right:1px solid rgba(255,255,255,.06);
}

/* Category badge */
.fb-badge {
    display:inline-flex;align-items:center;gap:.45rem;
    background:#CCFF00;color:#0d1117;
    font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
    border-radius:100px;padding:.32rem 1rem;
    width:fit-content;margin-bottom:1.25rem;
    white-space:nowrap;
}
.fb-badge--indigo { background:#818CF8;color:#fff; }

/* Headings & text */
.fb-left h3 {
    font-size:clamp(17px,1.7vw,26px);font-weight:800;
    letter-spacing:-1px;line-height:1.15;
    color:#fff;margin-bottom:.75rem;
}
.fb-lead {
    font-size:13px;font-weight:500;
    color:rgba(0,242,255,.85);line-height:1.7;
    margin-bottom:.35rem;
}
.fb-sub { font-size:12.5px;color:rgba(255,255,255,.4);margin-bottom:0; }
.fb-cta { display:none; }

/* Visual area — flex column with zones */
.fb-visual {
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;gap:.55rem;
    padding:1.125rem 1rem;
    background:#060d1c;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:40px 40px;
}

/* SVG overlay lines */
.fb-lines {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:1;
}

/* ── Flex zones (Cards 1 & 2) ── */
.fbv-top {
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:.4rem;flex-shrink:0;position:relative;z-index:3;
}
.fbv-top--center { justify-content:center;align-items:center;padding-top:.5rem; }

.fbv-mid {
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:.4rem;flex-shrink:0;position:relative;z-index:3;
}
.fbv-mid--split { align-items:stretch;gap:.5rem; }
.fbv-mid-gap  { flex:1; }

.fbv-bot {
    display:flex;flex-wrap:wrap;gap:.35rem;
    flex-shrink:0;position:relative;z-index:3;
    margin-top:auto;padding-top:.4rem;
}

/* ── Location card (in-flow) ── */
.fb-loc { display:flex;flex-direction:column;gap:4px;position:relative;z-index:3; }
.fb-loc-pin-row {
    display:inline-flex;align-items:center;gap:4px;
    font-size:9px;font-weight:700;color:#fff;
    background:rgba(13,17,23,.8);border:1px solid rgba(204,255,0,.3);
    border-radius:100px;padding:3px 8px;width:fit-content;
}
.fb-loc-img {
    width:130px;height:75px;
    background:rgba(255,255,255,.045);
    border:1.5px dashed rgba(255,255,255,.2);
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    font-size:9px;color:rgba(255,255,255,.3);
    text-align:center;line-height:1.5;
}
.fb-loc-img--xs  { width:105px;height:62px; }
.fb-loc-img--xxs { width:88px;height:55px; }
.fb-loc-img--sm  { width:110px;height:65px; }

/* ── Card 1: inline hub ── */
.fbv-hub-inline {
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;position:relative;z-index:3;
}
.fb-hub-sm {
    width:42px;height:42px;
    background:rgba(0,242,255,.1);
    border:1.5px solid rgba(0,242,255,.4);
    border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 16px rgba(0,242,255,.12);
}

/* ── Hub element ── */
.fb-hub {
    background:rgba(10,16,30,.92);
    border:1.5px solid rgba(204,255,0,.45);
    border-radius:12px;
    padding:.55rem .85rem;
    display:flex;align-items:center;gap:.45rem;
    box-shadow:0 0 22px rgba(204,255,0,.13);
    position:relative;z-index:4;
}
.fb-hub-text { display:flex;flex-direction:column;gap:1px; }
.fb-hub-label { font-size:9.5px;color:rgba(255,255,255,.5); }
.fb-hub-value { font-size:22px;font-weight:900;color:#CCFF00;line-height:1; }
.fb-hub-value--sm { font-size:16px; }
.fb-hub-auto { padding:.6rem 1.25rem; }
.fb-hub-platform { flex-direction:column;align-items:center;gap:3px;padding:.55rem .85rem; }
.fb-hub--indigo { border-color:rgba(129,140,248,.5);box-shadow:0 0 22px rgba(129,140,248,.15); }

/* Card 3 network: block context for absolute children */
.fb-vis--net { display:block; }
.fb-vis--net .fb-hub { position:absolute;z-index:4; }

/* ── Chips (in-flow by default) ── */
.fb-chip {
    display:inline-flex;align-items:center;gap:5px;
    background:rgba(255,255,255,.94);
    border-radius:100px;
    padding:.3rem .7rem;
    font-size:10.5px;font-weight:600;color:#1F2937;
    box-shadow:0 2px 12px rgba(0,0,0,.3);
    white-space:nowrap;
}
.fb-chip--check { border-radius:8px; }
.fb-check-star  { color:#f59e0b;font-size:9px; }
.fb-check       { color:#00d4aa;font-weight:800;margin-left:2px; }
.fb-check--indigo { color:#818CF8; }

/* ── Checklist col (Card 2 mid) ── */
.fbv-checks {
    display:flex;flex-direction:column;gap:.35rem;
    flex-shrink:0;position:relative;z-index:3;
}

/* ── Inline person placeholder (Card 2 mid) ── */
.fbv-person-inline {
    flex:1;min-width:70px;
    background:rgba(255,255,255,.035);
    border:1.5px dashed rgba(255,255,255,.14);
    border-bottom:none;border-radius:10px 10px 0 0;
    display:flex;align-items:center;justify-content:center;
    font-size:9px;color:rgba(255,255,255,.25);
    text-align:center;line-height:1.6;align-self:stretch;
}

/* ── Agents summary inline (Card 2 bot) ── */
.fb-agents-card-inline {
    background:rgba(255,255,255,.95);
    border-radius:10px;padding:.6rem .85rem;
    box-shadow:0 4px 18px rgba(0,0,0,.32);
    width:100%;
}
.fb-agents-card-inline .fb-agents-title {
    display:flex;align-items:center;gap:.4rem;
    font-size:11px;font-weight:700;color:#1F2937;margin-bottom:.4rem;
}
.fb-agents-card-inline ul { list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:2px 10px; }
.fb-agents-card-inline li { font-size:10px;color:#374151;display:flex;align-items:center;gap:4px; }
.ac-check { color:#00d4aa;font-weight:800; }

/* ── Industry chips (Card 3) ── */
.fb-ind-chip {
    display:inline-flex;align-items:center;gap:5px;
    background:rgba(255,255,255,.93);
    border-radius:100px;padding:.28rem .7rem;
    font-size:10.5px;font-weight:600;color:#1F2937;
    white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.28);
}
.fb-ind-chip--abs { position:absolute;z-index:5; }

/* ── Person background (Card 4) ── */
.fb-person-ph-bg {
    position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    z-index:1;width:210px;height:320px;
    overflow:hidden;
}
.fb-person-ph-bg img {
    width:100%;height:100%;
    object-fit:contain;object-position:bottom center;
}

/* ── Feature grid 2×2 (Card 4) ── */
.fb-feat-grid {
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr 1fr;gap:.55rem;
}
.fb-feat-card {
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.13);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-radius:12px;padding:.75rem;
    display:flex;flex-direction:column;gap:3px;
}
.fb-feat-card strong { font-size:12px;font-weight:700;color:#fff;display:block; }
.fb-feat-card > p    { font-size:10px;color:rgba(255,255,255,.5);line-height:1.45;margin:0; }
.fb-feat-check       { font-size:11px;color:#00d4aa;font-weight:800;margin-top:3px; }
.fb-feat-card--wide  { grid-column:span 1; }
.fb-feat-icon {
    width:30px;height:30px;border-radius:7px;
    background:rgba(204,255,0,.14);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:.3rem;flex-shrink:0;
}
.fb-feat-list { list-style:none;padding:0;margin:4px 0 0; }
.fb-feat-list li {
    font-size:10px;color:rgba(255,255,255,.6);
    display:flex;align-items:center;gap:4px;margin-bottom:2px;
}

/* ── Per-card visual tints ── */
.fb-vis--1 {
    background-color:#060d1c;
    background-image:
        radial-gradient(circle at 30% 40%,rgba(0,242,255,.07) 0%,transparent 58%),
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:100% 100%, 40px 40px, 40px 40px;
}
.fb-vis--2 {
    background-color:#06101e;
    background-image:
        radial-gradient(circle at 50% 22%,rgba(204,255,0,.08) 0%,transparent 52%),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:100% 100%, 40px 40px, 40px 40px;
}
.fb-vis--3 {
    background-color:#050c1a;
    background-image:
        radial-gradient(circle at 50% 50%,rgba(129,140,248,.08) 0%,transparent 58%),
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:100% 100%, 40px 40px, 40px 40px;
}
.fb-vis--4 {
    background-color:#060d1c;
    background-image:
        radial-gradient(circle at 50% 50%,rgba(0,242,255,.04) 0%,transparent 65%),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:100% 100%, 40px 40px, 40px 40px;
    justify-content:flex-end;
}

/* ── Stagger reveal ── */
.fb-wrap .fb-card:nth-child(1).reveal { transition-delay:0s; }
.fb-wrap .fb-card:nth-child(2).reveal { transition-delay:.12s; }
.fb-wrap .fb-card:nth-child(3).reveal { transition-delay:.24s; }
.fb-wrap .fb-card:nth-child(4).reveal { transition-delay:.36s; }
.fb-wrap .fb-card.reveal.visible { transition-delay:0s; }

/* ── Responsive ── */
@media (max-width:1100px) {
    .fb-wrap { gap:1rem; }
    .fb-card { grid-template-columns:185px 1fr;min-height:400px; }
    .fb-left h3 { font-size:clamp(15px,1.6vw,22px); }
    .fb-loc-img--xs  { width:90px;height:54px; }
    .fb-loc-img--xxs { width:76px;height:48px; }
}
@media (max-width:900px) {
    .fb-wrap { grid-template-columns:1fr; }
    .fb-card { grid-template-columns:190px 1fr;min-height:360px; }
    .fb-left h3 { font-size:clamp(16px,2vw,24px); }
}
@media (max-width:768px) {
    /* Section padding */
    .section2 { padding:60px 5%; }
    .section2 .head2 { margin-bottom:2rem; }

    /* Cards: single-column stacked, uniform height */
    .fb-wrap { grid-template-columns:1fr;gap:.85rem; }
    .fb-card {
        grid-template-columns:1fr;
        min-height:auto;
    }
    .fb-left {
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.06);
        padding:1.75rem 1.5rem;
    }
    .fb-left h3 { font-size:clamp(18px,5vw,26px); }

    /* Visual areas: uniform min-height */
    .fb-visual,
    .fb-map-wrap { min-height:380px; }
    .fb-c1--map,
    .fb-c2--map,
    .fb-vis--scl6,
    .fb-vis--flex4 { min-height:380px; }

    /* Card 3 — hub + 6 corner tags */
    .fb-scl-hub { width:44px;height:44px; }
    .fb-scl-hub svg { width:18px;height:18px; }
    .fb-feat-card--c3 { width:86px;padding:.3rem .4rem;gap:2px; }
    .fb-feat-card--c3 strong { font-size:9px; }
    .fb-feat-card--c3 .fb-feat-icon { width:20px;height:20px; }

    /* Card 4 — center image + 4 corner tags */
    .fb-c4-center-img { width:50%; }
    .fb-feat-card--c4 { width:86px;padding:.3rem .4rem;gap:2px; }
    .fb-feat-card--c4 strong { font-size:9px; }
    .fb-feat-card--c4 p { display:none; }

    /* Card 2 — compact feat grid */
    .fb-vis--ia .fb-feat-grid { gap:.3rem; }
    .fbv-person-inline { min-height:110px; }
}
@media (max-width:480px) {
    .section2 { padding:48px 4%; }
    .fb-feat-card--c3 { width:74px; }
    .fb-scl-hub { width:38px;height:38px; }
    .fb-scl-hub svg { width:16px;height:16px; }
    .fb-feat-card--c4 { width:78px; }
    .fb-c4-center-img { width:46%; }
}

/* ══════════════════════════════════════════
   Card 1 — Full-width Map Composition
   ══════════════════════════════════════════ */
.fb-c1--map { min-height:520px; }

.fb-map-wrap {
    position:relative;width:100%;height:100%;overflow:hidden;
    background:#060d1c;
    background-image:radial-gradient(circle at 50% 42%,rgba(0,242,255,.06) 0%,transparent 52%);
}

/* Street grid SVG */
.fb-map-streets {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:1;
}

/* Chip-to-loc dotted connection lines */
.fb-chip-lines {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:5;
}

/* Hub-to-loc lines (fb-lines SVG inside map wrap) */
.fb-map-wrap .fb-lines {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:5;
}

/* Hub: lime circle */
.fb-map-hub {
    position:absolute;z-index:5;
    top:54%;left:50%;transform:translate(-50%,-50%);
    width:46px;height:46px;
    background:#CCFF00;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 7px rgba(204,255,0,.12),0 0 28px rgba(204,255,0,.28);
}

/* Location cards */
.fb-map-loc {
    position:absolute;z-index:4;
    display:flex;flex-direction:column;gap:5px;
}
.fb-map-loc--nw { top:16%;left:3%; }
.fb-map-loc--ne { top:16%;right:3%; }
.fb-map-loc--sw { top:59%;left:3%; }
.fb-map-loc--se { top:59%;right:3%; }

.fb-map-loc-label {
    display:inline-flex;align-items:center;gap:4px;
    font-size:9.5px;font-weight:700;color:#fff;
    background:rgba(10,16,28,.9);border:1px solid rgba(204,255,0,.4);
    border-radius:100px;padding:3px 9px;width:fit-content;
}
.fb-map-loc-img {
    width:150px;height:88px;
    object-fit:cover;border-radius:10px;
    border:1.5px solid rgba(255,255,255,.12);
    box-shadow:0 4px 20px rgba(0,0,0,.55);
    display:block;
}
.fb-map-loc-img--sm { width:128px;height:76px; }

/* Person photo */
.fb-map-person {
    position:absolute;z-index:3;
    top:39%;left:50%;transform:translateX(-50%);
}
.fb-map-person img {
    width:215px;height:195px;
    object-fit:cover;object-position:35% top;
    border-radius:14px;
    border:1.5px solid rgba(255,255,255,.1);
    box-shadow:0 8px 40px rgba(0,0,0,.65);
    display:block;
}

/* Left-edge fade: blends map into the text column border */
.fb-map-fade {
    position:absolute;inset:0;z-index:4;
    background:linear-gradient(to right,
        rgba(6,13,28,.75) 0%,
        rgba(6,13,28,.25) 18%,
        transparent 35%);
    pointer-events:none;
}

/* Summary card */
.fb-map-summary {
    position:absolute;z-index:6;
    bottom:29%;left:27%;
    background:rgba(255,255,255,.97);
    border-radius:10px;padding:.65rem .9rem;
    box-shadow:0 4px 20px rgba(0,0,0,.4);
    display:flex;align-items:flex-start;gap:.4rem;
    max-width:192px;
}
.fb-map-sum-icon {
    width:22px;height:22px;flex-shrink:0;
    background:rgba(0,212,170,.15);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin-top:1px;
}
.fb-map-summary strong { display:block;font-size:11px;font-weight:700;color:#1F2937;margin-bottom:2px; }
.fb-map-summary span   { font-size:10px;color:#6B7280;line-height:1.45; }

/* Chips — absolute positioned */
.fb-map-chip { position:absolute;z-index:6; }
.fb-map-chip--resenas { top:40%;left:2%; }
.fb-map-chip--ubic    { top:36%;right:2%; }
.fb-map-chip--anun    { top:80%;left:2%; }
.fb-map-chip--pags    { top:80%;right:2%; }

/* Text overlay — full width bottom strip */
.fb-map-textbox {
    position:absolute;z-index:7;
    bottom:0;left:0;width:100%;
    padding:1.25rem 2.25rem 2rem;
    display:flex;flex-direction:column;align-items:flex-start;
}
.fb-map-textbox h3 {
    font-size:clamp(17px,1.7vw,26px);font-weight:800;
    letter-spacing:-1px;line-height:1.15;
    color:#fff;margin-bottom:.75rem;
}

/* Responsive overrides */
@media (max-width:1100px) {
    .fb-c1--map { min-height:480px; }
    .fb-map-loc-img     { width:128px;height:76px; }
    .fb-map-loc-img--sm { width:110px;height:66px; }
    .fb-map-person img  { width:188px;height:172px; }
}
@media (max-width:768px) {
    .fb-c1--map { min-height:440px; }
    .fb-map-loc-img     { width:108px;height:64px; }
    .fb-map-loc-img--sm { width:92px;height:56px; }
    .fb-map-hub         { width:38px;height:38px; }
    .fb-map-person img  { width:160px;height:148px; }
    .fb-map-textbox     { padding:1rem 1.75rem 1.75rem; }
}

/* ══════════════════════════════════════════
   Card 2 — IA Autónoma Visual Redesign
   ══════════════════════════════════════════ */
.fb-c2--map { min-height:460px; }

/* Person photo — large background, fades into dark at bottom */
.fb-c2-person-bg {
    position:absolute;
    top:0;left:0;right:0;
    height:72%;
    z-index:1;overflow:hidden;
}
.fb-c2-person-bg img {
    width:100%;height:100%;
    object-fit:cover;object-position:center 10%;
    opacity:.92;
}
.fb-c2-person-bg::after {
    content:'';
    position:absolute;bottom:0;left:0;right:0;
    height:55%;
    background:linear-gradient(to bottom,transparent,#06101e);
    pointer-events:none;
}

/* Feat grid sits at bottom, above person photo */
.fb-vis--ia { justify-content:flex-end; }
.fb-vis--ia .fb-feat-grid { position:relative;z-index:3; }

/* Card 2: flat compact cards — hide description + check to show more photo */
.fb-vis--ia .fb-feat-card { padding:.35rem .55rem;gap:2px; }
.fb-vis--ia .fb-feat-card p,
.fb-vis--ia .fb-feat-check { display:none; }
.fb-vis--ia .fb-feat-grid { gap:.35rem; }

/* ══════════════════════════════════════════
   Card 4 — Modelo flexible: central image + corner tags
   ══════════════════════════════════════════ */

/* Container: all children positioned absolutely */
.fb-vis--flex4 {
    min-height:460px;
}

/* Connection lines SVG overlay */
.fb-c4-conn-lines {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:3;
}

/* Central image — centered in the visual */
.fb-c4-center-img {
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:60%;
    z-index:2;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 40px rgba(0,0,0,.7);
}
.fb-c4-center-img img {
    width:100%;height:auto;
    display:block;
}

/* Corner feat-cards */
.fb-feat-card--c4 {
    position:absolute;
    z-index:5;
    width:128px;
    padding:.55rem .6rem;
    gap:3px;
}
.fb-feat-card--c4nw { top:4%;left:2%; }
.fb-feat-card--c4ne { top:4%;right:2%; }
.fb-feat-card--c4sw { bottom:4%;left:2%; }
.fb-feat-card--c4se { bottom:4%;right:2%; }

@media (max-width:1100px) { .fb-c2--map { min-height:440px; } }
@media (max-width:768px)  { .fb-c2--map { min-height:400px; } }

/* ══════════════════════════════════════════
   Card 3 — Escalabilidad: hub + 6 tags layout
   ══════════════════════════════════════════ */

/* Visual container */
.fb-vis--scl6 { min-height:460px; }

/* Connection lines SVG */
.fb-scl-conn-lines {
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;z-index:3;
}

/* Central lime hub */
.fb-scl-hub {
    position:absolute;
    top:50%;left:50%;transform:translate(-50%,-50%);
    z-index:4;
    width:56px;height:56px;border-radius:50%;
    background:#CCFF00;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 28px rgba(204,255,0,.45);
}

/* Corner / side tags */
.fb-feat-card--c3 {
    position:absolute;z-index:5;
    width:112px;
    padding:.45rem .55rem;gap:3px;
}
.fb-feat-card--c3 strong { font-size:11px; }
.fb-feat-card--c3 .fb-feat-icon { width:26px;height:26px; }
.fb-feat-card--c3nw { top:4%;left:2%; }
.fb-feat-card--c3ne { top:4%;right:2%; }
.fb-feat-card--c3w  { top:50%;left:1%;transform:translateY(-50%); }
.fb-feat-card--c3e  { top:50%;right:1%;transform:translateY(-50%); }
.fb-feat-card--c3sw { bottom:4%;left:2%; }
.fb-feat-card--c3se { bottom:4%;right:2%; }

/* ── Platform / Bento ── */
.plat { background:var(--bg);padding:96px 6%; }
.plat-inner { max-width:1280px;margin:0 auto; }
.plat-head {
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:2rem;margin-bottom:2.5rem;
}
.plat-tag {
    display:inline-flex;align-items:center;gap:.4rem;
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:var(--teal);margin-bottom:.75rem;
}
.tag-dot { width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulseDot 1.5s infinite; }
.plat-head h2 {
    font-size:clamp(26px,2.8vw,42px);font-weight:800;letter-spacing:-1.5px;color:#1F2937;
}
.plat-head h2 em { font-style:italic;font-weight:400; }
.plat-head-right { flex-shrink:0;max-width:300px; }
.plat-head-right p { font-size:15px;color:var(--muted);margin-bottom:1rem;line-height:1.7; }
.plat-btn {
    display:inline-flex;align-items:center;gap:.4rem;
    background:#CCFF00;color:#1F2937;font-size:14px;font-weight:600;
    border:1px solid #CCFF00;border-radius:50px;padding:9px 20px;
    text-decoration:none;white-space:nowrap;cursor:pointer;
    transition:box-shadow .2s;
}
.plat-btn:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }
.bento { display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start; }
.bento-last { grid-column:1/-1;flex-direction:row!important; }
.bento-last .card-vis { flex:0 0 45%;height:auto;min-height:230px; }
.bento-last .card-body { flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem; }
.bento-last .card-link { align-self:flex-start; }
.ci4-d { background:rgba(204,255,0,.1); }
.ci5-d { background:rgba(0,242,255,.1); }
/* Product cards */
.plat .card {
    background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;overflow:hidden;
    transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;
}
.plat .card:hover { transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.07); }
.card-vis {
    height:180px;
    position:relative;overflow:hidden;
    z-index:1;
}
/* ── Card visuals S5 ── */

/* Card 1: Optimización Multi-Local — unified dark blue */
.card.card-c1 {
    background:linear-gradient(160deg,#060e1e 0%,#0a1628 55%,#0d1f3c 100%);
    border:none;
    position:relative;
}
.card.card-c1 .card-vis { height:230px; }
/* Arc decoration — PNG images */
.card-arc {
    position:absolute;
    width:55%;
    height:auto;
    pointer-events:none;
    z-index:0;
    display:block;
}
.card-arc--tl { top:-8%; left:-8%; }
.card-arc--br { bottom:calc(-8% - 13px); right:-8%; }
.card-vis-img { width:100%;height:100%;object-fit:cover;display:block; }
/* White inner local-business page card */
.c1-lpage {
    position:absolute;top:12px;left:12px;
    display:flex;
    background:#fff;border-radius:10px;overflow:hidden;
    width:68%;height:130px;
    box-shadow:0 10px 30px rgba(0,0,0,.55);
    z-index:2;
}
.c1-lp-left {
    padding:.5rem .65rem;
    display:flex;flex-direction:column;gap:4px;
    min-width:0;flex:1;
}
.c1-lp-name {
    font-size:9px;font-weight:800;color:#1F2937;line-height:1.3;
    display:flex;flex-direction:column;gap:1px;
}
.c1-lp-sub { font-size:8px;font-weight:400;color:#6B7280; }
.c1-lp-lines { display:flex;flex-direction:column;gap:3px;flex:1;padding:.15rem 0; }
.c1-ln { height:4px;background:#E5E7EB;border-radius:2px; }
.c1-ln-m { width:70%; }
.c1-ln-s { width:48%; }
.c1-lp-btns { display:flex;gap:4px;margin-top:auto; }
.c1-btn-g {
    font-size:7px;font-weight:700;white-space:nowrap;
    border:1px solid rgba(0,180,210,.6);color:#00a8c8;
    border-radius:100px;padding:3px 8px;
}
.c1-btn-l {
    font-size:7px;font-weight:800;white-space:nowrap;
    background:#CCFF00;color:#0a1628;
    border-radius:100px;padding:3px 9px;
}
.c1-map-img { width:42%;height:100%;object-fit:cover;display:block;flex-shrink:0; }
/* Dashed SVG connector */
.c1-conn {
    position:absolute;top:110px;right:10%;
    width:120px;height:60px;
    z-index:4;pointer-events:none;
}
/* Floating product / lentes card */
.c1-prod {
    position:absolute;bottom:8px;right:8px;
    background:#080f1e;
    border:1px solid rgba(0,242,255,.2);
    border-radius:9px;overflow:hidden;
    width:34%;z-index:3;
    box-shadow:0 6px 20px rgba(0,0,0,.6);
}
.c1-prod-lbl {
    display:block;font-size:7px;font-weight:700;
    color:rgba(255,255,255,.5);
    padding:4px 8px 2px;letter-spacing:.3px;
    border-bottom:1px solid rgba(0,242,255,.1);
}
.c1-prod-img { width:100%;height:80px;object-fit:cover;display:block; }
/* Body dark overrides */
.card.card-c1 .card-body { background:transparent; }
.card.card-c1 .card-body h3 { color:#fff; }
.card.card-c1 .ci1-d { background:rgba(0,242,255,.1); }
.c1-pain { font-size:12px;font-weight:600;color:rgba(0,242,255,.85);margin-bottom:.35rem; }
.c1-sol  { font-size:13px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:.75rem; }
/* Dark icon backgrounds for cards 2 & 3 */
.ci2-d { background:rgba(204,255,0,.1); }
.ci3-d { background:rgba(0,242,255,.1); }

/* Card 4: SearchMAS dashboard vis (darsh.png style) */
.vis-dash-smas {
    width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;
}
.vds-chrome {
    display:flex;align-items:center;gap:.4rem;
    background:#1a1d2e;padding:.28rem .6rem;flex-shrink:0;
    border-bottom:1px solid rgba(255,255,255,.05);
}
.vds-dots { display:flex;gap:3px;flex-shrink:0; }
.vds-dots span { width:7px;height:7px;border-radius:50%;display:block; }
.vds-dots span:nth-child(1){background:#ff5f57;}
.vds-dots span:nth-child(2){background:#febc2e;}
.vds-dots span:nth-child(3){background:#28c840;}
.vds-url {
    flex:1;font-size:7px;color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.05);border-radius:3px;
    padding:2px 6px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.vds-agents {
    display:inline-flex;align-items:center;gap:.25rem;
    font-size:6.5px;font-weight:700;
    background:rgba(0,212,170,.12);border:1px solid rgba(0,212,170,.25);
    border-radius:100px;padding:2px 6px;color:#00d4aa;white-space:nowrap;flex-shrink:0;
}
.vds-adot { width:4px;height:4px;border-radius:50%;background:#00d4aa;display:inline-block;animation:pulseDot 1.5s infinite; }
.vds-body { display:flex;flex:1;overflow:hidden; }
.vds-sidebar {
    width:68px;background:#161b2e;
    padding:.3rem .25rem;display:flex;flex-direction:column;gap:2px;flex-shrink:0;
}
.vds-brand {
    display:flex;align-items:center;gap:.25rem;
    padding:.15rem .2rem .3rem;margin-bottom:.2rem;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.vds-icon {
    width:14px;height:14px;border-radius:3px;flex-shrink:0;
    background:linear-gradient(135deg,#00F2FF,#CCFF00);
    display:flex;align-items:center;justify-content:center;
    font-size:6px;font-weight:900;color:#0a1628;
}
.vds-sname { font-size:7px;font-weight:700;color:#fff;white-space:nowrap; }
.vds-nav-item { font-size:7px;color:rgba(255,255,255,.3);padding:2px 4px;border-radius:3px;cursor:default; }
.vds-active { background:rgba(0,242,255,.1);color:rgba(255,255,255,.8); }
.vds-main {
    flex:1;padding:.4rem .45rem;
    display:flex;flex-direction:column;gap:4px;
    overflow:hidden;background:#f8fafc;
}
.vds-hd { font-size:8px;font-weight:700;color:#1F2937; }
.vds-metrics { display:flex;gap:.25rem; }
.vds-m {
    flex:1;background:#fff;border:1px solid rgba(0,0,0,.07);
    border-radius:5px;padding:.28rem .3rem;
}
.vds-ml { font-size:5.5px;color:#9CA3AF;font-weight:700;text-transform:uppercase;letter-spacing:.3px; }
.vds-mv { font-size:11px;font-weight:800;color:#1F2937;line-height:1.1; }
.vds-mdelta { font-size:6px; }
.vds-up { color:#00d4aa; }
.vds-chart { display:flex;align-items:flex-end;gap:2px;height:26px;flex-shrink:0; }
.vds-cbar {
    flex:1;border-radius:1px 1px 0 0;
    height:var(--h,50%);
    background:linear-gradient(to top,#00a67d,#00d4aa);
    animation:barGrow .6s cubic-bezier(.34,1.56,.64,1) both;
    animation-play-state:paused;
}
.vds-cbar:nth-child(1){animation-delay:.00s}
.vds-cbar:nth-child(2){animation-delay:.05s}
.vds-cbar:nth-child(3){animation-delay:.10s}
.vds-cbar:nth-child(4){animation-delay:.15s}
.vds-cbar:nth-child(5){animation-delay:.20s}
.vds-cbar:nth-child(6){animation-delay:.25s}
.vds-cbar:nth-child(7){animation-delay:.30s}
.vds-cbar:nth-child(8){animation-delay:.35s}
.vds-cbar:nth-child(9){animation-delay:.40s}
.vds-cbar:nth-child(10){animation-delay:.45s}
.card.visible .vds-cbar { animation-play-state:running; }
.vds-rows { display:flex;flex-direction:column;gap:2px; }
.vds-row {
    display:flex;align-items:center;gap:.3rem;
    background:#fff;border:1px solid rgba(0,0,0,.05);
    border-radius:4px;padding:2px 5px;
}
.vds-store { flex:1;font-size:7px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.vds-stars { font-size:8px;color:#f59e0b;flex-shrink:0; }
.vds-rbadge { font-size:6px;font-weight:700;border-radius:100px;padding:1px 5px;flex-shrink:0;letter-spacing:.3px; }
.vds-ok   { background:rgba(0,212,170,.15);color:#00d4aa; }
.vds-pend { background:rgba(245,158,11,.15);color:#f59e0b; }

/* Card 2: Review stack */
.vis-rev-stack {
    width:100%;height:100%;
    background:linear-gradient(135deg,#0d1520,#131c2e);
    display:flex;flex-direction:column;justify-content:center;
    gap:5px;padding:.7rem .75rem;overflow:hidden;
}
.vrs-card {
    display:flex;align-items:center;gap:.4rem;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
    border-radius:8px;padding:.35rem .5rem;
    opacity:0;animation:stackIn .4s ease both;animation-play-state:paused;
}
.vrs-card:nth-child(1){ animation-delay:.08s; }
.vrs-card:nth-child(2){ animation-delay:.22s; }
.vrs-card:nth-child(3){ animation-delay:.36s; }
.card.visible .vrs-card { animation-play-state:running; }
.vrs-avatar {
    width:22px;height:22px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#00F2FF,#CCFF00);
    display:flex;align-items:center;justify-content:center;
    font-size:7px;font-weight:800;color:#0d1117;
}
.vrs-body { flex:1;min-width:0; }
.vrs-stars { font-size:9px;color:#f59e0b;line-height:1;margin-bottom:1px; }
.vrs-text { font-size:7px;color:rgba(255,255,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.vrs-ai {
    font-size:7px;font-weight:800;color:#0d1117;letter-spacing:.3px;
    background:#CCFF00;border-radius:4px;padding:2px 5px;flex-shrink:0;
}

/* Card 3: Campaign builder */
.vis-campaign {
    width:100%;height:100%;
    background:linear-gradient(135deg,#0d1520,#131c2e);
    display:flex;flex-direction:column;justify-content:center;
    padding:.75rem .85rem;gap:5px;overflow:hidden;position:relative;
}
.vis-campaign::before {
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 80% 20%,rgba(0,242,255,.08) 0%,transparent 60%);
    pointer-events:none;
}
.vc-header {
    font-size:9px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:2px;
}
.vc-list { display:flex;flex-direction:column;gap:4px; }
.vc-item {
    display:flex;align-items:center;gap:.35rem;
    font-size:8px;color:rgba(255,255,255,.38);
    opacity:0;animation:stackIn .35s ease both;animation-play-state:paused;
}
.vc-item:nth-child(1){ animation-delay:.05s; }
.vc-item:nth-child(2){ animation-delay:.15s; }
.vc-item:nth-child(3){ animation-delay:.25s; }
.vc-item:nth-child(4){ animation-delay:.35s; }
.vc-item:nth-child(5){ animation-delay:.45s; }
.card.visible .vc-item { animation-play-state:running; }
.vc-done { color:rgba(255,255,255,.85); }
.vc-done::before { content:'✓';color:#CCFF00;font-weight:800;font-size:9px;width:10px;display:inline-block; }
.vc-item:not(.vc-done)::before { content:'○';color:rgba(255,255,255,.2);width:10px;display:inline-block; }
.vc-btn {
    margin-top:5px;align-self:flex-start;
    background:#CCFF00;color:#0d1117;
    font-size:8px;font-weight:800;border-radius:100px;padding:4px 12px;
}

/* Card 4: Store locator */
.vis-locator {
    width:100%;height:100%;
    background:linear-gradient(135deg,#0d1520,#131c2e);
    display:flex;flex-direction:column;
    padding:.7rem .75rem;gap:6px;overflow:hidden;
}
.vl-search {
    display:flex;align-items:center;gap:.4rem;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
    border-radius:100px;padding:.35rem .65rem;flex-shrink:0;
}
.vl-search span { font-size:8px;color:rgba(255,255,255,.38); }
.vl-results { display:flex;flex-direction:column;gap:4px; }
.vl-row {
    display:flex;align-items:center;gap:.4rem;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    border-radius:7px;padding:.32rem .5rem;
    opacity:0;animation:stackIn .4s ease both;animation-play-state:paused;
}
.vl-row:nth-child(1){ animation-delay:.06s; }
.vl-row:nth-child(2){ animation-delay:.2s; }
.vl-row:nth-child(3){ animation-delay:.34s; }
.card.visible .vl-row { animation-play-state:running; }
.vl-pin-dot { width:8px;height:8px;border-radius:50%;background:#CCFF00;flex-shrink:0;box-shadow:0 0 5px #CCFF00; }
.vl-p2 { background:#00F2FF;box-shadow:0 0 5px #00F2FF; }
.vl-p3 { background:rgba(255,255,255,.25);box-shadow:none; }
.vl-info { flex:1;min-width:0; }
.vl-name { display:block;font-size:8.5px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.2; }
.vl-dist { display:block;font-size:7px;color:rgba(255,255,255,.35); }
.vl-arr { font-size:9px;color:rgba(255,255,255,.25);flex-shrink:0; }

/* Card 5: SearchMAS One dashboard */
.vis-smas-one {
    width:100%;height:100%;
    background:linear-gradient(135deg,#0d1520,#131c2e);
    display:flex;flex-direction:column;
    padding:.7rem .75rem;gap:8px;overflow:hidden;
}
.vso-header {
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.07);
}
.vso-logo { font-size:10px;font-weight:300;color:rgba(255,255,255,.8);letter-spacing:-.3px; }
.vso-logo strong { font-weight:800; }
.vso-live {
    display:inline-flex;align-items:center;gap:.25rem;
    font-size:7px;font-weight:700;color:#00d4aa;letter-spacing:.5px;
}
.vso-dot { width:5px;height:5px;border-radius:50%;background:#00d4aa;animation:pulseDot 1.5s ease-in-out infinite; }
.vso-metrics { display:flex;gap:.5rem; }
.vso-metric {
    flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    border-radius:7px;padding:.35rem .3rem;text-align:center;
}
.vso-val { font-size:11px;font-weight:800;color:#CCFF00;line-height:1; }
.vso-lbl { font-size:6.5px;color:rgba(255,255,255,.3);margin-top:2px;text-transform:uppercase;letter-spacing:.5px; }
.vso-bars { display:flex;align-items:flex-end;gap:3px;height:30px;margin-top:auto; }
.vso-bar {
    flex:1;border-radius:2px 2px 0 0;
    background:linear-gradient(to top,#00F2FF,#CCFF00);
    animation:barGrow .6s cubic-bezier(.34,1.56,.64,1) both;
    animation-delay:var(--d,0s);
    animation-play-state:paused;
}
.card.visible .vso-bar { animation-play-state:running; }

.card-num {
    position:absolute;bottom:.5rem;right:.75rem;
    font-size:28px;font-weight:900;color:rgba(255,255,255,.06);line-height:1;
}
.card-body { padding:1.25rem; position:relative; z-index:1; }
.card-icon {
    width:32px;height:32px;border-radius:8px;margin-bottom:.75rem;
    display:flex;align-items:center;justify-content:center;
}
.ci1 { background:#f0fdf4; }
.ci2 { background:#fefce8; }
.ci3 { background:#ecfeff; }
.ci4 { background:#fefce8; }
.ci5 { background:#f0f9ff; }
.card-body h3 { font-size:17px;font-weight:700;color:#1F2937;margin-bottom:.3rem; }
.card-problem { font-size:12px;font-weight:600;color:rgba(239,68,68,.7);margin-bottom:.35rem; }
.card-sol { font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:.75rem; }
.card-link {
    display:inline-flex;align-items:center;gap:.4rem;
    background:#CCFF00;color:#1F2937;font-size:14px;font-weight:600;
    border:1px solid #CCFF00;border-radius:50px;padding:9px 20px;
    text-decoration:none;white-space:nowrap;
    transition:box-shadow .2s;
    margin-top:.25rem;
}
.card-link:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }
.card-link:active,.card-link:visited,.card-link:focus { color:#1F2937!important; }
/* Map vis */
.vis-map { width:100%;height:100%;position:relative; }
.map-bg { position:absolute;inset:0;background:linear-gradient(135deg,#1F2937,#0d1929); }
.map-road { position:absolute;background:rgba(255,255,255,.08); }
.mr-h1{top:30%;left:0;right:0;height:2px}
.mr-h2{top:55%;left:0;right:0;height:1px}
.mr-h3{top:78%;left:0;right:0;height:1px}
.mr-v1{left:20%;top:0;bottom:0;width:2px}
.mr-v2{left:50%;top:0;bottom:0;width:1px}
.mr-v3{left:75%;top:0;bottom:0;width:1px}
.map-block { position:absolute;background:rgba(255,255,255,.04);border-radius:2px; }
.mb1{top:5%;left:5%;width:12%;height:22%}
.mb2{top:5%;left:55%;width:16%;height:18%}
.mb3{top:60%;left:25%;width:20%;height:15%}
.mb4{top:60%;left:55%;width:18%;height:15%}
.map-pin { position:absolute;display:flex;flex-direction:column;align-items:center; }
.mp1{top:15%;left:35%} .mp2{top:42%;left:60%} .mp3{top:62%;left:15%}
.pin-head { width:12px;height:12px;border-radius:50% 50% 50% 0;background:var(--lime);transform:rotate(-45deg);box-shadow:0 0 8px rgba(204,255,0,.5); }
.pin-stem { width:1.5px;height:6px;background:rgba(255,255,255,.3); }
.pin-shadow { width:6px;height:2px;border-radius:50%;background:rgba(0,0,0,.3); }
.pin-pulse { position:absolute;top:-2px;left:-2px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(204,255,0,.4);animation:ringPulse 2s ease-out infinite; }
/* Stars vis */
.vis-stars { display:flex;flex-direction:column;gap:4px;align-items:center; }
.stars-row { display:flex;gap:2px; }
.star-item { display:flex; }
.review-bar { height:4px;background:rgba(255,255,255,.08);border-radius:2px;margin-top:4px; }
.review-fill { height:100%;background:linear-gradient(90deg,#CCFF00,#00F2FF);border-radius:2px;animation:fillBar 1s ease both;animation-delay:var(--d,.3s); }
@keyframes fillBar { from{width:0} to{width:100%} }
/* Target vis */
.vis-target { position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center; }
.target-ring { position:absolute;border-radius:50%;border:1.5px solid rgba(0,242,255,.2); }
.tr1 { width:80px;height:80px; }
.tr2 { width:54px;height:54px;border-color:rgba(0,242,255,.3); }
.tr3 { width:28px;height:28px;border-color:rgba(0,242,255,.5);animation:ringPulse 2.5s ease-out infinite; }
.target-dot { width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px rgba(0,242,255,.6); }
.target-arrow { position:absolute;top:2px;right:2px; }
/* Pages vis */
.vis-pages { display:flex;gap:5px;padding:0 8px; }
.page-card { flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.4rem; }
.pc-bar { height:3px;border-radius:1px;background:rgba(255,255,255,.12);margin-bottom:3px; }
.pc-bar-g { background:linear-gradient(90deg,#00F2FF,#CCFF00); }
.pc-bar-s { background:rgba(255,255,255,.06); }
.pc-dot { width:8px;height:8px;border-radius:50%;margin-top:4px; }
/* Dashboard vis */
.vis-dash { width:100%;height:100%;display:flex;align-items:center;justify-content:center; }
.dash-frame { width:130px;height:90px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;overflow:hidden; }
.dash-sidebar { width:24px;background:rgba(0,0,0,.2);padding:.25rem .2rem;display:flex;flex-direction:column;gap:3px; }
.ds-dot { width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.1); }
.ds1 { background:var(--lime);opacity:.7; }
.ds2 { background:var(--teal);opacity:.5; }
.dash-content { flex:1;padding:.25rem; }
.dc-row { display:flex;gap:2px;margin-bottom:2px; }
.dc-block { flex:1;height:8px;border-radius:2px;background:rgba(255,255,255,.08); }
.dc-block-g { background:linear-gradient(90deg,rgba(0,242,255,.3),rgba(204,255,0,.3)); }
.dc-block-tall { height:18px; }

/* ── Process / Metodología ── */
.proc { background:var(--bg,#F8FAFC);padding:96px 6%; }
.proc-inner { max-width:1280px;margin:0 auto; }
.proc-head { text-align:center;margin-bottom:3rem; }
.proc-tag {
    display:inline-flex;align-items:center;gap:.4rem;
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:var(--teal);margin-bottom:.75rem;
}
.td { width:16px;height:1px;background:var(--teal);display:inline-block; }
.proc-head h2 { font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-1.5px;color:#1F2937;margin:.5rem 0; }
.proc-head h2 em { font-style:italic;font-weight:400; }
.proc-head p { font-size:15px;color:var(--muted,#6B7280);max-width:640px;margin:0 auto;line-height:1.75; }
/* Timeline */
.timeline { position:relative;margin-top:1rem; }
.timeline-svg { width:100%;height:auto;display:block;margin-bottom:-40px; }
.curve-path {
    fill:none;
    stroke:url(#curveGrad);
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:2000;
    stroke-dashoffset:2000;
    animation:drawPath 2.5s ease forwards .5s;
}
@keyframes drawPath { to { stroke-dashoffset:0; } }
.steps {
    display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;
    position:relative;z-index:1;
}
.step { text-align:center;padding:.75rem; }
.step-illus {
    width:64px;height:64px;border-radius:50%;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto .75rem;
    position:relative;
    transition:background .3s,border-color .3s;
}
.step:hover .step-illus {
    background:rgba(0,242,255,.06);
    border-color:rgba(0,242,255,.25);
}
.step-num {
    width:22px;height:22px;border-radius:50%;
    background:var(--grad);
    display:flex;align-items:center;justify-content:center;
    font-size:10px;font-weight:800;color:#000;
    margin:0 auto .5rem;
}
.step h3 { font-size:15px;font-weight:700;color:#1F2937;margin-bottom:.35rem; }
.step p  { font-size:12px;color:var(--muted,#6B7280);line-height:1.6; }
/* Step illustrations */
.il-diag { position:relative;width:32px;height:32px; }
.il-diag-lens { width:20px;height:20px;border-radius:50%;border:2px solid var(--teal); }
.il-diag-handle { position:absolute;bottom:0;right:0;width:10px;height:2.5px;background:var(--teal);border-radius:2px;transform:rotate(45deg);transform-origin:left center; }
.il-diag-dot1,.il-diag-dot2,.il-diag-dot3 { position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4); }
.il-diag-dot1{top:6px;left:6px} .il-diag-dot2{top:6px;left:12px} .il-diag-dot3{top:12px;left:6px}
.il-strat { position:relative;width:36px;height:36px; }
.il-node { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime); }
.iln1{top:0;left:50%;transform:translateX(-50%)}
.iln2{bottom:0;left:2px}
.iln3{bottom:0;right:2px}
.il-conn { position:absolute;height:1.5px;background:rgba(0,242,255,.4); }
.ilc1{width:14px;top:8px;left:50%;transform:translateX(-50%) rotate(50deg)}
.ilc2{width:14px;top:8px;left:50%;transform:translateX(-50%) rotate(-50deg)}
.ilc3{width:20px;bottom:4px;left:6px}
.il-impl { position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center; }
.il-gear { width:28px;height:28px; }
.il-gear-sm { width:18px;height:18px;position:absolute;bottom:-2px;right:-2px; }
.il-medi { display:flex;align-items:flex-end;gap:3px;height:36px; }
.il-bar { width:6px;border-radius:2px 2px 0 0;background:rgba(0,242,255,.4); }
.ilb1{height:40%} .ilb2{height:65%;background:linear-gradient(to top,var(--teal),var(--lime))}
.ilb3{height:50%} .ilb4{height:80%;background:var(--lime)} .ilb5{height:60%} .ilb6{height:90%}
.il-scale { position:relative;width:36px;height:36px; }
.il-scale-core { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--lime)); }
.il-arr { position:absolute; }
.ila1{top:0;left:50%;transform:translateX(-50%)}
.ila2{right:0;top:50%;transform:translateY(-50%)}
.ila3{bottom:0;left:50%;transform:translateX(-50%)}
.ila4{left:0;top:50%;transform:translateY(-50%)}

/* ── Industries ── */
.ind {
    background:linear-gradient(160deg,#dde8f5 0%,#eaf0fa 35%,#f0f4f8 60%,#e8f0f5 100%);
    padding:96px 6%;position:relative;overflow:hidden;
}
.ind::before {
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);
    background-size:96px 96px;
}
.ind-inner { max-width:1280px;margin:0 auto;position:relative;z-index:1; }
.ind-head { text-align:center;margin-bottom:3rem; }
.ind-label { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6B7280;margin-bottom:.5rem; }
.ind-grad-line { width:48px;height:2px;background:var(--grad);border-radius:2px;margin:.5rem auto 1.25rem; }
.ind-head h2 { font-size:clamp(28px,3vw,46px);font-weight:800;letter-spacing:-1.5px;color:#1F2937; }
.ind-head h2 em { font-style:italic;font-weight:400; }
.ind-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem; }
.ind-card {
    background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:1.5rem;
    transition:transform .25s,box-shadow .25s;
}
.ind-card:hover { transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.07); }
.ic-illus {
    width:52px;height:52px;border-radius:12px;
    background:linear-gradient(135deg,#f0f4f8,#e0e8f0);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:1rem;font-size:24px;
}
.ind-card h3 { font-size:17px;font-weight:700;color:#1F2937;margin-bottom:.4rem; }
.ind-card p  { font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:.75rem; }
.ic-metric { display:flex;align-items:baseline;gap:.4rem; }
.ic-metric-val { font-size:20px;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.ic-metric-label { font-size:12px;color:var(--muted); }
.ic-cta { background:linear-gradient(135deg,rgba(0,242,255,.04),rgba(204,255,0,.03));border-color:var(--teal); }
.ic-cta-badge {
    display:inline-block;
    background:rgba(0,242,255,.1);color:var(--teal);
    font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    padding:.25rem .75rem;border-radius:100px;margin-top:.5rem;
}
.ind-footer { text-align:center; }
.ind-btn {
    display:inline-flex;align-items:center;gap:.4rem;
    background:#CCFF00;color:#1F2937;font-size:14px;font-weight:600;
    border:1px solid #CCFF00;border-radius:50px;padding:9px 20px;
    text-decoration:none;white-space:nowrap;cursor:pointer;
    transition:box-shadow .2s;
}
.ind-btn:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }

/* ── Numbers ── */
.nb { background:#0d1117;padding:80px 6%;position:relative;overflow:hidden; }
.ngb { position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none; }
.ngb1 { width:400px;height:400px;background:rgba(0,242,255,.2);top:-100px;left:-100px; }
.ngb2 { width:300px;height:300px;background:rgba(204,255,0,.15);bottom:-80px;right:-80px; }
.nb-inner { max-width:1280px;margin:0 auto;position:relative;z-index:1; }
.nb-head { display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:3rem; }
.nb-label { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem; }
.nb-gl { width:48px;height:2px;background:var(--grad);border-radius:2px;margin:.5rem 0 1.25rem; }
.nb-head h2 { font-size:clamp(24px,2.8vw,42px);font-weight:800;letter-spacing:-1.5px;color:#fff; }
.nb-head h2 em { font-style:italic;font-weight:400; }
.nb-head-right { flex-shrink:0;max-width:300px; }
.nb-head-right p { font-size:15px;color:rgba(255,255,255,.4);margin-bottom:1rem;line-height:1.7; }
.nb-btn {
    display:inline-flex;align-items:center;
    background:#CCFF00;color:#1F2937;font-size:14px;font-weight:600;
    border:1px solid #CCFF00;border-radius:50px;padding:9px 20px;
    text-decoration:none;white-space:nowrap;cursor:pointer;
    transition:box-shadow .2s;
}
.nb-btn:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }
.nb-btn:active,.nb-btn:visited,.nb-btn:focus { color:#1F2937!important; }
.nb-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }
.nb-stat {
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    border-radius:16px;padding:2rem;
}
.nb-val { font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:-2px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem; }
.nb-text { font-size:15px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:.75rem; }
.nb-src  { font-size:11px;color:rgba(255,255,255,.2);font-style:italic;font-weight:400; }

/* ── Resources ── */
.rb { background:#ebeef2;padding:80px 6%; }
.rb-inner { max-width:1280px;margin:0 auto; }
.rb-head { margin-bottom:2.5rem; }
.rb-tag { display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6B7280;margin-bottom:.5rem; }
.rb-gl { width:48px;height:2px;background:linear-gradient(90deg,#00F2FF,#CCFF00);border-radius:2px;margin:.5rem 0 1.25rem; }
.rb-head h2 { font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-1.5px;color:#1F2937; }
.rb-head h2 em { font-style:italic;font-weight:400; }
.rb-layout { display:grid;grid-template-columns:1.5fr 1fr;gap:1.25rem; }
.rb-featured {
    background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;overflow:hidden;
    display:flex;flex-direction:column;
    transition:transform .25s;
}
.rb-featured:hover { transform:translateY(-3px); }
.rb-fvis { height:190px;background:linear-gradient(135deg,#dff6ff 0%,#eefff0 100%);display:flex;align-items:center;justify-content:center; }
.rb-fglass { background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:1rem;width:180px;box-shadow:0 4px 16px rgba(0,0,0,.06); }
.rb-fbar { height:5px;border-radius:3px;background:rgba(0,0,0,.08);margin-bottom:8px; }
.rb-fbar-g { background:linear-gradient(90deg,var(--teal),var(--lime)); }
.rb-fbody { padding:1.5rem;flex:1; }
.rb-ftag,.rb-stag { display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.28rem .7rem;border-radius:100px;margin-bottom:.75rem; }
.rb-ftag { background:rgba(0,242,255,.12);color:#008fa0;border:1px solid rgba(0,242,255,.28); }
.rst-ia  { background:rgba(204,255,0,.18);color:#5a7000;border:1px solid rgba(180,220,0,.35); }
.rst-rep { background:rgba(0,0,0,.06);color:#555;border:1px solid rgba(0,0,0,.12); }
.rb-fbody h3,.rb-scard h3 { font-size:17px;font-weight:700;color:#1F2937;margin-bottom:.5rem;line-height:1.4; }
.rb-fbody p,.rb-scard p   { font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:.75rem; }
.rb-ffoot,.rb-sfoot { display:flex;align-items:center;justify-content:space-between; }
.rb-flink,.rb-slink { font-size:13px;font-weight:600;color:#008fa0;transition:color .2s; }
.rb-flink:hover,.rb-slink:hover { color:var(--teal); }
.rb-fdate,.rb-sdate { font-size:11px;color:var(--muted); }
.rb-stack { display:flex;flex-direction:column;gap:1.25rem; }
.rb-scard {
    background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:1.25rem;
    transition:transform .25s;
}
.rb-scard:hover { transform:translateY(-2px); }

/* ── Ecosystem ── */
.eco { background:#0d1117;padding:80px 0;overflow:hidden; }
.eco-inner { max-width:1280px;margin:0 auto;padding:0 6%; }
.eco-head { margin-bottom:2rem; }
.eco-label { font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem; }
.eco-gl { width:48px;height:2px;background:var(--grad);border-radius:2px;margin:.5rem 0 1.25rem; }
.eco-head h2 { font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-1.5px;color:#fff; }
.eco-head h2 em { font-style:italic;font-weight:400; }
.eco-tabs { display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.75rem; }
.eco-tab {
    padding:.4rem 1.1rem;border-radius:100px;
    font-size:13px;font-weight:600;cursor:pointer;
    border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);
    background:transparent;
    transition:all .2s;
}
.eco-tab.active,.eco-tab:hover { background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3); }
.eco-carousel { overflow:hidden; }
.eco-track {
    display:flex;gap:0;width:max-content;
    animation:marquee 24s linear infinite;
}
.eco-pill {
    display:inline-flex;align-items:center;gap:.6rem;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;
    padding:.6rem 1.1rem;white-space:nowrap;
    box-shadow:none;
    font-size:14px;font-weight:600;color:rgba(255,255,255,.8);
    margin-right:1rem;
}
.eco-pill-icon {
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg,#1F2937,#2d3a52);
    display:flex;align-items:center;justify-content:center;
    font-size:9px;font-weight:800;color:#CCFF00;
    flex-shrink:0;
}

/* ── Demo form (S10) ── */
.db {
    padding:96px 6%;
    background:#1F2937;
    position:relative;overflow:hidden;
}
.db::before { display:none; }
.dgb { display:none; }
.db-inner { max-width:680px;margin:0 auto;position:relative;z-index:1; }

/* Head */
.db-head { text-align:center;margin-bottom:2rem; }
.db-head h2 { font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-1.5px;color:#fff;line-height:1.2;margin-bottom:.75rem; }
.db-head h2 em { font-style:italic;font-weight:400; }
.db-head p { font-size:16px;color:rgba(255,255,255,.45);line-height:1.7; }


/* Form card */
.db-form {
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    padding:2.5rem 2.5rem 2rem;
    color-scheme:dark;
}
.dbf-row { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem; }
.dbf-group { display:flex;flex-direction:column;gap:.45rem; }
.dbf-group-full { display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem; }
.dbf-label {
    font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;
    color:rgba(255,255,255,.5);
}

/* Fields — forzar dark en todos los navegadores */
.dbf-input,.dbf-select,.dbf-textarea {
    background:#1e2b3c !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:100px !important;
    padding:0 22px !important;
    height:50px;
    line-height:50px;
    color:#fff !important;
    font-size:14px;font-family:'Inter',sans-serif;
    outline:none;
    -webkit-appearance:none;
    appearance:none;
    transition:border-color .2s,box-shadow .2s;
    width:100%;box-sizing:border-box;
    display:block;
    overflow:visible;
}
/* Anular autofill del browser */
.dbf-input:-webkit-autofill,
.dbf-input:-webkit-autofill:hover,
.dbf-input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 1000px #1e2b3c inset !important;
    -webkit-text-fill-color:#fff !important;
    caret-color:#fff;
}
.dbf-input::placeholder { color:rgba(255,255,255,.22);line-height:normal; }
.dbf-input:focus,.dbf-select:focus,.dbf-textarea:focus {
    border-color:rgba(0,242,255,.5) !important;
    box-shadow:0 0 0 3px rgba(0,242,255,.08);
}
.dbf-select {
    cursor:pointer;
    color:rgba(255,255,255,.45);
    color-scheme: dark;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.45)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 20px center !important;
    padding-right:44px !important;
}
.dbf-select option { background:#1F2937;color:#fff; }
/* Textarea: border-radius propio */
.dbf-textarea {
    height:auto !important;
    line-height:1.5 !important;
    padding:14px 22px !important;
    resize:vertical;
    min-height:110px;
    border-radius:15px !important;
}
.dbf-textarea::placeholder { color:rgba(255,255,255,.22);line-height:normal; }

/* CTA — idéntico a .nb-btn (Agendar demo del header) */
.dbf-btn {
    width:100%;margin-top:1rem;
    display:inline-flex;align-items:center;justify-content:center;
    background:#CCFF00;color:#1F2937;
    font-size:14px;font-weight:600;font-family:'Inter',sans-serif;
    border:1px solid #CCFF00;border-radius:50px;
    padding:9px 20px;
    text-decoration:none;white-space:nowrap;cursor:pointer;
    transition:box-shadow .2s;
    box-sizing:border-box;
}
.dbf-btn:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }
.dbf-note { text-align:center;font-size:12px;color:rgba(255,255,255,.25);margin-top:.85rem; }

.searchmas-demo-card.wpforms-container,
.searchmas-demo-card .wpforms-form {
    margin: 0;
}
.searchmas-demo-card .wpforms-container {
    --wpforms-field-menu-color: #1F2937;
    --wpforms-field-text-color: #ffffff;
}
.searchmas-demo-card .wpforms-field-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.searchmas-demo-card .wpforms-field {
    padding: 0 !important;
    margin: 0 !important;
}
.searchmas-demo-card .wpforms-field.searchmas-full {
    grid-column: 1 / -1;
}
.searchmas-demo-card .wpforms-field-label {
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase;
    color:rgba(255,255,255,.5) !important;
    margin: 0 0 .45rem !important;
}
.searchmas-demo-card .wpforms-required-label,
.searchmas-demo-card .wpforms-field-description,
.searchmas-demo-card .wpforms-error-noscript {
    display: none !important;
}
.searchmas-demo-card input.wpforms-field-large,
.searchmas-demo-card select.wpforms-field-large,
.searchmas-demo-card textarea.wpforms-field-large {
    background:#1e2b3c !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:100px !important;
    padding:0 22px !important;
    height:50px !important;
    line-height:50px !important;
    color:#fff !important;
    font-size:14px !important;
    font-family:'Inter',sans-serif !important;
    outline:none;
    -webkit-appearance:none;
    appearance:none;
    transition:border-color .2s,box-shadow .2s;
    width:100% !important;
    box-sizing:border-box;
    display:block;
    overflow:visible;
}
.searchmas-demo-card input.wpforms-field-large::placeholder,
.searchmas-demo-card textarea.wpforms-field-large::placeholder {
    color:rgba(255,255,255,.22) !important;
    line-height:normal;
}
.searchmas-demo-card.wpforms-container-full input[type="date"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="datetime"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="datetime-local"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="email"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="month"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="number"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="password"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="range"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="search"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="tel"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="text"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="time"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="url"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full input[type="week"]::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full select::-moz-placeholder,
.searchmas-demo-card.wpforms-container-full textarea::-moz-placeholder {
    color: rgba(255,255,255,.22) !important;
    opacity: 1 !important;
}
.searchmas-demo-card input.wpforms-field-large:focus,
.searchmas-demo-card select.wpforms-field-large:focus,
.searchmas-demo-card textarea.wpforms-field-large:focus {
    border-color:rgba(0,242,255,.5) !important;
    box-shadow:0 0 0 3px rgba(0,242,255,.08) !important;
}
.searchmas-demo-card select.wpforms-field-large {
    cursor:pointer;
    color:rgba(255,255,255,.45);
    color-scheme: dark;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.45)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 20px center !important;
    padding-right:44px !important;
}
.searchmas-demo-card select.wpforms-field-large option {
    background:#1F2937 !important;
    color:#fff !important;
}
.searchmas-demo-card textarea.wpforms-field-large {
    height:auto !important;
    line-height:1.5 !important;
    padding:14px 22px !important;
    resize:vertical;
    min-height:110px;
    border-radius:15px !important;
}
.searchmas-demo-card .wpforms-submit-container {
    padding: 0 !important;
    margin-top: 1rem !important;
}
.searchmas-demo-card button.wpforms-submit {
    width:100% !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    background:#CCFF00 !important;
    color:#1F2937 !important;
    font-size:14px !important;
    font-weight:600 !important;
    font-family:'Inter',sans-serif !important;
    border:1px solid #CCFF00 !important;
    border-radius:50px !important;
    padding:9px 20px !important;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    transition:box-shadow .2s;
    box-sizing:border-box;
}
.searchmas-demo-card button.wpforms-submit:hover {
    box-shadow:0 0 10px #CCFF00;
}
.searchmas-demo-card button.wpforms-submit:active,
.searchmas-demo-card button.wpforms-submit:focus {
    color:#1F2937!important;
}
.searchmas-demo-card .wpforms-submit-spinner {
    display:none !important;
}

/* ── WPForms validation states ── */
.searchmas-demo-card .wpforms-field.wpforms-has-error input.wpforms-field-large,
.searchmas-demo-card .wpforms-field.wpforms-has-error select.wpforms-field-large,
.searchmas-demo-card .wpforms-field.wpforms-has-error textarea.wpforms-field-large {
    border-color:rgba(255,90,90,.6) !important;
    box-shadow:0 0 0 3px rgba(255,90,90,.1) !important;
}
.searchmas-demo-card .wpforms-field .wpforms-error {
    font-size:11px !important;
    color:#ff7b7b !important;
    margin-top:.35rem !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
}
.searchmas-demo-card .wpforms-confirmation-container-full {
    background:rgba(204,255,0,.08) !important;
    border:1px solid rgba(204,255,0,.25) !important;
    border-radius:12px !important;
    padding:1.5rem !important;
    text-align:center !important;
}
.searchmas-demo-card .wpforms-confirmation-container-full p {
    color:#CCFF00 !important;
    font-size:15px !important;
    font-weight:600 !important;
    margin:0 !important;
}

/* Reveal */
.db-head h2,.db-head p,.db-form { opacity:0;transform:translateY(24px); }
.db.visible .db-head h2 { opacity:1;transform:none;transition:opacity .9s cubic-bezier(.22,1,.36,1) .08s,transform .9s cubic-bezier(.22,1,.36,1) .08s; }
.db.visible .db-head p  { opacity:1;transform:none;transition:opacity .9s cubic-bezier(.22,1,.36,1) .18s,transform .9s cubic-bezier(.22,1,.36,1) .18s; }
.db.visible .db-form    { opacity:1;transform:translateY(0);transition:all 1.1s cubic-bezier(.22,1,.36,1) .5s; }

/* ── Responsive ── */
@media (max-width:1024px) {
    .grid2 { grid-template-columns:repeat(2,1fr); }
    .bento  { grid-template-columns:1fr; }
    .steps  { grid-template-columns:repeat(3,1fr); }
    .nb-stats { grid-template-columns:repeat(2,1fr); }
    .nb-head  { flex-direction:column; }
    .plat-head { flex-direction:column; }
}
@media (max-width:768px) {
    .grid2   { grid-template-columns:1fr; }
    .bento-col .card:nth-child(2) .card-vis { height:120px; }
    .steps   { grid-template-columns:repeat(2,1fr); }
    .ind-grid { grid-template-columns:repeat(2,1fr); }
    .nb-stats { grid-template-columns:1fr; }
    .rb-layout { grid-template-columns:1fr; }
    .dbf-row   { grid-template-columns:1fr; }
    .searchmas-demo-card .wpforms-field-container { grid-template-columns:1fr; }
    .sm-heading { letter-spacing:-1.5px; }
    .timeline-svg { display:none; }
    .steps { margin-top:0; }
}
@media (max-width:480px) {
    .ind-grid { grid-template-columns:1fr; }
}

/* ══════════════════════════════════════════════════════
   S6 — Metodología redesign
   ══════════════════════════════════════════════════════ */

/* Label style matching S4 */
.proc-lbl {
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:#6B7280;margin-bottom:.5rem;
}
.proc-gl {
    width:48px;height:2px;
    background:linear-gradient(90deg,#00F2FF,#CCFF00);
    border-radius:2px;margin:.5rem auto 1rem;
}

/* Timeline container */
.proc-timeline { position:relative;margin-top:1.5rem; }
.proc-wave {
    position:absolute;top:0;left:0;
    width:100%;height:240px;
    z-index:0;pointer-events:none;
}
.proc-wave-path {
    fill:none;
    stroke:url(#waveGrad);
    stroke-width:3;
    stroke-linecap:round;
    /* dasharray/offset controlados por GSAP */
}

/* Steps grid */
.proc-steps {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:0;
    position:relative;
    z-index:1;
    min-height:460px;
}
.pstep {
    text-align:center;
    padding:0 .6rem;
    display:flex;flex-direction:column;align-items:center;
}
.pstep-top { padding-top:0; }
.pstep-bot { padding-top:162px; }

/* Step icon circle */
.pstep-icon {
    position:relative;
    width:80px;height:80px;flex-shrink:0;
    margin-bottom:0;
}
.picon-bg {
    position:absolute;inset:0;border-radius:50%;
    background:#fff;
    border:2px solid rgba(0,242,255,.22);
    box-shadow:0 4px 20px rgba(0,0,0,.07);
    transition:border-color .3s,box-shadow .3s;
}
.pstep:hover .picon-bg {
    border-color:rgba(0,242,255,.6);
    box-shadow:0 6px 24px rgba(0,242,255,.18);
}
.picon-bg-hi {
    border-color:rgba(0,242,255,.55);
    box-shadow:0 4px 20px rgba(0,242,255,.18);
}
.picon-anim {
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
}

/* Ghost number */
.pstep-num {
    font-size:64px;font-weight:900;letter-spacing:-4px;
    color:rgba(0,0,0,.05);
    line-height:1;
    margin:.4rem 0 .2rem;
    user-select:none;
}
.pstep h3 { font-size:15px;font-weight:700;color:#1F2937;margin-bottom:.35rem; }
.pstep p  { font-size:12px;color:var(--muted,#6B7280);line-height:1.6; }

/* ── Animated icons ── */

/* Step 1: scan dot moves vertically */
@keyframes scanDotMove {
    0%,100% { transform:translateY(0); }
    50%      { transform:translateY(5px); }
}
.pscan-dot { animation:scanDotMove 1.8s ease-in-out infinite; }
@keyframes scanLineMove {
    0%,100% { transform:scaleX(1);opacity:0.4; }
    50%      { transform:scaleX(1.3);opacity:0.8; }
}
.pscan-line { animation:scanLineMove 1.8s ease-in-out infinite; transform-origin:center; }

/* Step 2: nodes pulse in sequence */
@keyframes nodePulse {
    0%,70%,100% { opacity:1;r:3; }
    35%          { opacity:.5;r:4.5; }
}
.pnd { animation:nodePulse 2.4s ease-in-out infinite; }
.pnd1 { animation-delay:0s; }
.pnd2 { animation-delay:.8s; }
.pnd3 { animation-delay:1.6s; }

/* Step 3: terminal cursor blink */
@keyframes cursorBlink { 0%,49%{opacity:1} 50%,100%{opacity:0} }
.pcursor { animation:cursorBlink 1.2s steps(1) infinite; }

/* Step 4: bars pulse up/down */
@keyframes barPulseUp {
    0%,100% { transform:scaleY(1); }
    50%      { transform:scaleY(.55); }
}
.pmbar { transform-origin:bottom; animation:barPulseUp 2s ease-in-out infinite; }
.pmb1 { animation-delay:0s; }
.pmb2 { animation-delay:.3s; }
.pmb3 { animation-delay:.6s; }
.pmb4 { animation-delay:.9s; }

/* Step 5: arrows expand */
@keyframes arrNE { 0%,100%{transform:translate(0,0)} 50%{transform:translate(2px,-2px)} }
@keyframes arrSW { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-2px,2px)} }
@keyframes arrNW { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-2px,-2px)} }
@keyframes arrSE { 0%,100%{transform:translate(0,0)} 50%{transform:translate(2px,2px)} }
.parr { animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite; }
.parr-ne { animation-name:arrNE; }
.parr-sw { animation-name:arrSW; }
.parr-nw { animation-name:arrNW; }
.parr-se { animation-name:arrSE; }

/* ══════════════════════════════════════════════════════
   S7 — Industrias redesign
   ══════════════════════════════════════════════════════ */

.ind { background:linear-gradient(160deg,#dde8f5 0%,#eaf0fa 35%,#f0f4f8 60%,#e8f0f5 100%);padding:96px 6%; }
.ind-inner { max-width:1280px;margin:0 auto; }
.ind-head { text-align:center;margin-bottom:.5rem; }
.ind-label {
    font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
    color:#374151;margin-bottom:.5rem;
}
.ind-grad-line {
    width:60px;height:2px;
    background:linear-gradient(90deg,#00F2FF,#CCFF00);
    border-radius:2px;margin:.5rem auto 1rem;
}
.ind-head h2 { font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-1.5px;color:#1F2937;margin:.25rem 0 0; }
.ind-head h2 em { font-style:italic;font-weight:400; }

/* 3×2 grid */
.ind-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.25rem;
    margin-top:2.5rem;
}

/* Cards */
.ind-card {
    background:#fff;
    border:1px solid rgba(0,0,0,.07);
    border-radius:16px;
    padding:1.5rem;
    display:flex;flex-direction:column;gap:.6rem;
    transition:transform .25s,box-shadow .25s;
}
.ind-card:hover { transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.08); }
.ind-card h3 { font-size:17px;font-weight:700;color:#1F2937;margin:0; }
.ind-card p  { font-size:13px;color:var(--muted,#6B7280);line-height:1.65;flex:1;margin:0; }

/* Hexagonal icon */
.ind-hex-icon {
    width:50px;height:50px;flex-shrink:0;
    background:linear-gradient(135deg,#0a1628,#1a2e50);
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:.25rem;
}
.ind-hex-dark {
    background:rgba(0,242,255,.12);
    border:1px solid rgba(0,242,255,.2);
    clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}

/* Stat row */
.ind-stat {
    display:flex;align-items:baseline;gap:.45rem;
    padding-top:.65rem;
    border-top:1px solid rgba(0,0,0,.06);
    margin-top:auto;
}
.ind-stat-val {
    font-size:14px;font-weight:800;
    color:#008fa0;
}
.ind-stat-lbl { font-size:11px;color:var(--muted,#6B7280); }

/* Dark card (Agencias) */
.ind-card-dark {
    background:linear-gradient(135deg,#0a1628 0%,#0d1f3c 100%);
    border-color:rgba(0,242,255,.15);
}
.ind-card-dark h3 { color:#fff; }
.ind-card-dark p  { color:rgba(255,255,255,.45); }
.ind-card-dark .ind-stat { border-color:rgba(255,255,255,.1); }
.ind-card-dark .ind-stat-lbl { color:rgba(255,255,255,.35); }
.ind-stat-lime {
    background:none;-webkit-background-clip:unset;
    -webkit-text-fill-color:#CCFF00;background-clip:unset;
    color:#CCFF00;font-size:14px;font-weight:800;
}

/* Card CTA button */
.ind-card-cta { display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;background:#CCFF00;color:#1F2937;font-size:13px;font-weight:600;border:1px solid #CCFF00;border-radius:50px;padding:8px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:box-shadow .2s;margin-top:.25rem; }
.ind-card-cta:hover { box-shadow:0 0 10px #CCFF00;color:#1F2937; }
.ind-card-cta:active,.ind-card-cta:visited,.ind-card-cta:focus { color:#1F2937!important; }

/* Footer button */
.ind-footer { text-align:center;margin-top:2.5rem; }
.ind-btn {
    display:inline-flex;align-items:center;gap:.4rem;
    background:#CCFF00;color:#1F2937;font-size:14px;font-weight:600;
    border:1px solid #CCFF00;border-radius:50px;padding:11px 28px;
    text-decoration:none;white-space:nowrap;
    transition:box-shadow .2s;
}
.ind-btn:hover { box-shadow:0 0 14px #CCFF00;color:#1F2937; }

/* ── Hero scroll indicator ───────────────────────────────── */
.hero-scroll-indicator {
    position:absolute;
    bottom:28px;left:50%;
    transform:translateX(-50%);
    display:flex;align-items:center;justify-content:center;
    opacity:.75;
    animation:scrollBounce 2s ease-in-out infinite;
    z-index:2;
}
.hero-scroll-indicator svg { display:block; }
@keyframes scrollBounce {
    0%,100% { transform:translateX(-50%) translateY(0);opacity:.75; }
    50%      { transform:translateX(-50%) translateY(7px);opacity:1; }
}