{"id":119,"date":"2026-05-01T00:12:38","date_gmt":"2026-05-01T03:12:38","guid":{"rendered":"https:\/\/celnets.com.br\/index.php\/home-celnets-dark-13\/"},"modified":"2026-05-01T00:13:45","modified_gmt":"2026-05-01T03:13:45","slug":"home-celnets-dark-13","status":"publish","type":"page","link":"https:\/\/celnets.com.br\/index.php\/home-celnets-dark-13\/","title":{"rendered":"CelNets Telecomunica\u00e7\u00f5es"},"content":{"rendered":"\n\n<style>\n  html,\n  body {\n    background: #070b13 !important;\n  }\n\n  .wp-site-blocks > header.wp-block-template-part,\n  .wp-site-blocks > footer.wp-block-template-part {\n    display: none !important;\n  }\n\n  .wp-block-post-title,\n  .entry-title,\n  .page-title {\n    display: none !important;\n  }\n\n  .wp-site-blocks,\n  .wp-block-post-content,\n  .entry-content,\n  main,\n  article {\n    max-width: none !important;\n    width: 100% !important;\n    margin: 0 !important;\n  }\n\n  .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n    max-width: none !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n\n  .wp-site-blocks {\n    padding-top: 0 !important;\n    background: #070b13 !important;\n    overflow-x: hidden;\n  }\n\n  .celnets-site {\n    --bg: #070b13;\n    --bg-soft: #101827;\n    --panel: rgba(16, 24, 39, 0.92);\n    --panel-strong: rgba(11, 17, 29, 0.98);\n    --line: rgba(255, 255, 255, 0.08);\n    --text: #edf2ff;\n    --muted: #96a3be;\n    --blue: #3aa3ff;\n    --cyan: #6ee7ff;\n    --green: #2fd38d;\n    --amber: #ffb74d;\n    --topbar-bg: rgba(7, 11, 19, 0.78);\n    --topbar-border: rgba(255, 255, 255, 0.06);\n    --ghost-bg: rgba(255, 255, 255, 0.05);\n    --ghost-border: rgba(255, 255, 255, 0.10);\n    --stat-bg: rgba(255, 255, 255, 0.04);\n    --stat-border: rgba(255, 255, 255, 0.06);\n    --hero-card-bg: rgba(255, 255, 255, 0.06);\n    --hero-card-border: rgba(255, 255, 255, 0.10);\n    --note-bg: rgba(9, 14, 23, 0.84);\n    --note-border: rgba(255, 255, 255, 0.08);\n    --plan-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028));\n    --plan-card-border: rgba(255, 255, 255, 0.07);\n    --plan-pill-bg: rgba(255, 255, 255, 0.08);\n    --featured-bg: linear-gradient(180deg, rgba(58, 163, 255, 0.16), rgba(16, 24, 39, 0.84));\n    --featured-border: rgba(58, 163, 255, 0.36);\n    --info-card-bg: rgba(255, 255, 255, 0.04);\n    --info-card-border: rgba(255, 255, 255, 0.07);\n    --split-card-bg: rgba(16, 24, 39, 0.92);\n    --split-card-border: rgba(255, 255, 255, 0.08);\n    --point-bg: rgba(255, 255, 255, 0.04);\n    --point-border: rgba(255, 255, 255, 0.06);\n    --faq-line: rgba(255, 255, 255, 0.07);\n    --cta-band-bg:\n      radial-gradient(circle at left center, rgba(58, 163, 255, 0.22), transparent 28%),\n      linear-gradient(135deg, rgba(11, 17, 29, 0.98), rgba(16, 24, 39, 0.92));\n    --footer-line: rgba(255, 255, 255, 0.08);\n    --shadow: 0 30px 90px rgba(0, 0, 0, 0.35);\n    color: var(--text);\n    min-height: 100vh;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    background:\n      radial-gradient(circle at top right, rgba(58, 163, 255, 0.18), transparent 28%),\n      radial-gradient(circle at top left, rgba(47, 211, 141, 0.12), transparent 24%),\n      linear-gradient(180deg, #070b13 0%, #0b1220 35%, #0a0f18 100%);\n    font-family: Inter, Arial, sans-serif;\n  }\n\n  .celnets-site[data-theme=\"light\"] {\n    --bg: #eff5fb;\n    --bg-soft: #dfeaf6;\n    --panel: rgba(255, 255, 255, 0.88);\n    --panel-strong: rgba(255, 255, 255, 0.96);\n    --line: rgba(15, 23, 42, 0.08);\n    --text: #102033;\n    --muted: #5b6b82;\n    --topbar-bg: rgba(255, 255, 255, 0.85);\n    --topbar-border: rgba(15, 23, 42, 0.08);\n    --ghost-bg: rgba(15, 23, 42, 0.04);\n    --ghost-border: rgba(15, 23, 42, 0.10);\n    --stat-bg: rgba(255, 255, 255, 0.75);\n    --stat-border: rgba(15, 23, 42, 0.08);\n    --hero-card-bg: rgba(255, 255, 255, 0.82);\n    --hero-card-border: rgba(15, 23, 42, 0.10);\n    --note-bg: rgba(255, 255, 255, 0.90);\n    --note-border: rgba(15, 23, 42, 0.08);\n    --plan-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.98));\n    --plan-card-border: rgba(15, 23, 42, 0.08);\n    --plan-pill-bg: rgba(15, 23, 42, 0.05);\n    --featured-bg: linear-gradient(180deg, rgba(58, 163, 255, 0.18), rgba(255, 255, 255, 0.98));\n    --featured-border: rgba(58, 163, 255, 0.28);\n    --info-card-bg: rgba(255, 255, 255, 0.78);\n    --info-card-border: rgba(15, 23, 42, 0.08);\n    --split-card-bg: rgba(255, 255, 255, 0.88);\n    --split-card-border: rgba(15, 23, 42, 0.08);\n    --point-bg: rgba(244, 247, 251, 0.96);\n    --point-border: rgba(15, 23, 42, 0.08);\n    --faq-line: rgba(15, 23, 42, 0.08);\n    --cta-band-bg:\n      radial-gradient(circle at left center, rgba(58, 163, 255, 0.18), transparent 28%),\n      linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.96));\n    --footer-line: rgba(15, 23, 42, 0.08);\n    --shadow: 0 28px 70px rgba(16, 32, 51, 0.12);\n    background:\n      radial-gradient(circle at top right, rgba(58, 163, 255, 0.14), transparent 28%),\n      radial-gradient(circle at top left, rgba(47, 211, 141, 0.10), transparent 24%),\n      linear-gradient(180deg, #f7fbff 0%, #edf4fb 45%, #e8f0f8 100%);\n  }\n\n  .celnets-site * {\n    box-sizing: border-box;\n  }\n\n  .celnets-site::before,\n  .celnets-site::after {\n    content: \"\";\n    position: fixed;\n    pointer-events: none;\n    z-index: 0;\n    border-radius: 999px;\n    filter: blur(14px);\n    mix-blend-mode: screen;\n    opacity: 0.9;\n  }\n\n  .celnets-site::before {\n    top: 72px;\n    right: -120px;\n    width: 420px;\n    height: 420px;\n    background: radial-gradient(circle, rgba(58, 163, 255, 0.32), rgba(58, 163, 255, 0));\n    animation: celAuroraFloat 16s ease-in-out infinite;\n  }\n\n  .celnets-site::after {\n    left: -140px;\n    bottom: 10vh;\n    width: 380px;\n    height: 380px;\n    background: radial-gradient(circle, rgba(47, 211, 141, 0.18), rgba(47, 211, 141, 0));\n    animation: celAuroraFloat 20s ease-in-out infinite reverse;\n  }\n\n  .cel-wrap {\n    width: min(1180px, calc(100vw - 40px));\n    margin: 0 auto;\n  }\n\n  .cel-topbar {\n    position: sticky;\n    top: 0;\n    z-index: 40;\n    backdrop-filter: blur(18px);\n    background: var(--topbar-bg);\n    border-bottom: 1px solid var(--topbar-border);\n  }\n\n  .cel-topbar .cel-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding: 18px 0;\n  }\n\n  .cel-brand {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 180px;\n  }\n\n  .cel-brand strong {\n    font-size: 1.45rem;\n    letter-spacing: 0.02em;\n  }\n\n  .cel-brand span {\n    color: var(--muted);\n    font-size: 0.92rem;\n  }\n\n  .cel-nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 22px;\n    flex-wrap: wrap;\n  }\n\n  .cel-nav a,\n  .cel-cta,\n  .cel-cta-ghost {\n    text-decoration: none;\n  }\n\n  .cel-nav a {\n    color: var(--text);\n    font-size: 0.96rem;\n    opacity: 0.88;\n  }\n\n  .cel-nav a:hover {\n    opacity: 1;\n    color: var(--cyan);\n  }\n\n  .cel-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .cel-cta,\n  .cel-cta-ghost {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 46px;\n    padding: 0 18px;\n    border-radius: 999px;\n    font-weight: 600;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  }\n\n  .cel-cta {\n    background: linear-gradient(135deg, var(--blue), #2f6dff);\n    color: #fff;\n    box-shadow: 0 18px 40px rgba(47, 109, 255, 0.28);\n  }\n\n  .cel-cta:hover,\n  .cel-cta-ghost:hover {\n    transform: translateY(-2px);\n  }\n\n  .cel-cta-ghost {\n    background: var(--ghost-bg);\n    border: 1px solid var(--ghost-border);\n    color: var(--text);\n  }\n\n  .cel-theme-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    min-height: 46px;\n    padding: 0 14px;\n    border-radius: 999px;\n    border: 1px solid var(--ghost-border);\n    background: var(--ghost-bg);\n    color: var(--text);\n    font-weight: 600;\n    cursor: pointer;\n    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n  }\n\n  .cel-theme-toggle:hover {\n    transform: translateY(-2px);\n  }\n\n  .cel-theme-icons {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  .cel-theme-icons span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 999px;\n  }\n\n  .celnets-site[data-theme=\"dark\"] .cel-theme-icons .moon,\n  .celnets-site[data-theme=\"light\"] .cel-theme-icons .sun {\n    background: rgba(58, 163, 255, 0.18);\n    color: var(--cyan);\n  }\n\n  @keyframes celAuroraFloat {\n    0%, 100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n    50% {\n      transform: translate3d(-32px, 18px, 0) scale(1.08);\n    }\n  }\n\n  @keyframes celFiberDrift {\n    0% {\n      transform: translateX(-18%) translateY(0) scaleX(0.94);\n      opacity: 0;\n    }\n    18% {\n      opacity: 0.38;\n    }\n    50% {\n      opacity: 0.92;\n    }\n    100% {\n      transform: translateX(16%) translateY(-10px) scaleX(1.08);\n      opacity: 0;\n    }\n  }\n\n  @keyframes celSignalPulse {\n    0%, 100% {\n      transform: scale(1);\n      box-shadow: 0 0 0 0 rgba(110, 231, 255, 0.14);\n    }\n    50% {\n      transform: scale(1.14);\n      box-shadow: 0 0 0 14px rgba(110, 231, 255, 0);\n    }\n  }\n\n  @keyframes celFloatCard {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-7px);\n    }\n  }\n\n  @keyframes celMascotWave {\n    0%, 100% {\n      transform: rotate(0deg);\n    }\n    14% {\n      transform: rotate(-4deg);\n    }\n    28% {\n      transform: rotate(18deg);\n    }\n    42% {\n      transform: rotate(-2deg);\n    }\n    56% {\n      transform: rotate(15deg);\n    }\n    72% {\n      transform: rotate(1deg);\n    }\n  }\n\n  @keyframes celMascotBlink {\n    0%, 46%, 52%, 100% {\n      transform: scaleY(1);\n    }\n    49% {\n      transform: scaleY(0.12);\n    }\n  }\n\n  @keyframes celBeamSweep {\n    0% {\n      transform: translateX(-120%) skewX(-22deg);\n      opacity: 0;\n    }\n    35% {\n      opacity: 0.24;\n    }\n    100% {\n      transform: translateX(175%) skewX(-22deg);\n      opacity: 0;\n    }\n  }\n\n  .cel-hero {\n    padding: 54px 0 38px;\n  }\n\n  .cel-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    gap: 42px;\n    align-items: center;\n  }\n\n  .cel-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    border-radius: 999px;\n    background: rgba(58, 163, 255, 0.12);\n    color: var(--cyan);\n    font-size: 0.92rem;\n    font-weight: 600;\n  }\n\n  .cel-hero h1 {\n    margin: 18px 0 14px;\n    font-size: clamp(2.5rem, 5vw, 4.65rem);\n    line-height: 0.96;\n    letter-spacing: -0.04em;\n    max-width: 12ch;\n  }\n\n  .cel-hero p {\n    max-width: 62ch;\n    color: var(--muted);\n    font-size: 1.08rem;\n    line-height: 1.72;\n    margin: 0;\n  }\n\n  .cel-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin: 26px 0 30px;\n  }\n\n  .cel-mascot-float {\n    position: fixed;\n    right: 96px;\n    bottom: 8px;\n    z-index: 58;\n    width: 124px;\n    pointer-events: none;\n    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.30));\n  }\n\n  .cel-mascot {\n    width: 100%;\n    height: auto;\n    overflow: visible;\n  }\n\n  .cel-mascot-main {\n    animation: celFloatCard 4.6s ease-in-out infinite;\n    transform-origin: center;\n  }\n\n  .cel-mascot-wave-arm {\n    transform-box: fill-box;\n    transform-origin: 22% 18%;\n    animation: celMascotWave 2.4s ease-in-out infinite;\n  }\n\n  .cel-mascot-eye {\n    transform-box: fill-box;\n    transform-origin: center;\n    animation: celMascotBlink 5.8s ease-in-out infinite;\n  }\n\n  .cel-mascot-head {\n    fill: #d9ddd7;\n  }\n\n  .cel-mascot-head-shade {\n    fill: #c8cec9;\n  }\n\n  .cel-mascot-neck {\n    fill: #c1c8c4;\n  }\n\n  .cel-mascot-body,\n  .cel-mascot-arm,\n  .cel-mascot-leg,\n  .cel-mascot-shoe {\n    fill: #243126;\n  }\n\n  .cel-mascot-collar {\n    fill: #161d16;\n  }\n\n  .cel-mascot-hand {\n    fill: #e4e7e0;\n  }\n\n  .cel-mascot-finger {\n    stroke: #e4e7e0;\n    stroke-width: 4;\n    stroke-linecap: round;\n    fill: none;\n  }\n\n  .cel-mascot-suit-shade {\n    fill: #1b241b;\n  }\n\n  .cel-mascot-eye {\n    fill: #040506;\n  }\n\n  .cel-mascot-smile {\n    stroke: #6d7584;\n    stroke-width: 3;\n    stroke-linecap: round;\n    fill: none;\n  }\n\n  .cel-mascot-shadow {\n    fill: rgba(10, 14, 20, 0.26);\n  }\n\n  .cel-stats {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .cel-stat {\n    border-radius: 20px;\n    padding: 18px 18px 16px;\n    background: var(--stat-bg);\n    border: 1px solid var(--stat-border);\n  }\n\n  .cel-stat strong {\n    display: block;\n    font-size: 1.1rem;\n    margin-bottom: 8px;\n  }\n\n  .cel-stat span {\n    color: var(--muted);\n    font-size: 0.95rem;\n    line-height: 1.5;\n  }\n\n  .cel-hero-media {\n    position: relative;\n    z-index: 1;\n  }\n\n  .cel-hero-media::before {\n    content: \"\";\n    position: absolute;\n    inset: -14px 18px auto -20px;\n    height: 88%;\n    border-radius: 28px;\n    background: linear-gradient(145deg, rgba(58, 163, 255, 0.3), rgba(47, 211, 141, 0.18));\n    filter: blur(18px);\n    opacity: 0.9;\n  }\n\n  .cel-hero-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: 30px;\n    background: var(--hero-card-bg);\n    border: 1px solid var(--hero-card-border);\n    box-shadow: var(--shadow);\n  }\n\n  .cel-hero-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(105deg, transparent 20%, rgba(110, 231, 255, 0.18) 46%, transparent 68%);\n    animation: celBeamSweep 9.5s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .cel-hero-card img {\n    width: 100%;\n    height: 620px;\n    object-fit: cover;\n    display: block;\n  }\n\n  .cel-fiber-stage {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n  }\n\n  .cel-fiber-line {\n    position: absolute;\n    left: -10%;\n    width: 74%;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, rgba(58, 163, 255, 0), rgba(110, 231, 255, 0.2), rgba(110, 231, 255, 0.95), rgba(47, 211, 141, 0.1), rgba(47, 211, 141, 0));\n    filter: drop-shadow(0 0 12px rgba(110, 231, 255, 0.35));\n    opacity: 0;\n    transform-origin: left center;\n    animation: celFiberDrift 7.2s linear infinite;\n  }\n\n  .cel-fiber-line::after {\n    content: \"\";\n    position: absolute;\n    right: 10%;\n    top: 50%;\n    width: 14px;\n    height: 14px;\n    border-radius: 999px;\n    background: radial-gradient(circle, #fff 0%, var(--cyan) 38%, rgba(110, 231, 255, 0) 76%);\n    transform: translateY(-50%);\n    animation: celSignalPulse 2.4s ease-in-out infinite;\n  }\n\n  .cel-fiber-line.fiber-a {\n    top: 24%;\n    rotate: -11deg;\n    animation-delay: 0s;\n  }\n\n  .cel-fiber-line.fiber-b {\n    top: 47%;\n    rotate: 6deg;\n    width: 86%;\n    animation-delay: 2.2s;\n  }\n\n  .cel-fiber-line.fiber-c {\n    top: 70%;\n    rotate: -7deg;\n    width: 68%;\n    animation-delay: 4.5s;\n  }\n\n  .cel-hero-note {\n    position: absolute;\n    left: 24px;\n    right: 24px;\n    bottom: 22px;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n\n  .cel-note-card {\n    border-radius: 18px;\n    padding: 16px 18px;\n    background: var(--note-bg);\n    border: 1px solid var(--note-border);\n    animation: celFloatCard 5.5s ease-in-out infinite;\n  }\n\n  .cel-note-card:nth-child(2) {\n    animation-delay: 1.3s;\n  }\n\n  .cel-note-card strong {\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .cel-note-card span {\n    color: var(--muted);\n    font-size: 0.92rem;\n    line-height: 1.5;\n  }\n\n  .cel-section {\n    padding: 38px 0;\n  }\n\n  .cel-section-head {\n    display: grid;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n\n  .cel-section-head .eyebrow {\n    color: var(--cyan);\n    font-size: 0.9rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .cel-section-head h2 {\n    margin: 0;\n    font-size: clamp(2rem, 3.2vw, 3rem);\n    line-height: 1.05;\n    letter-spacing: -0.03em;\n  }\n\n  .cel-section-head p {\n    margin: 0;\n    max-width: 72ch;\n    color: var(--muted);\n    line-height: 1.7;\n    font-size: 1rem;\n  }\n\n  .cel-plan-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .cel-plan-card {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    min-height: 100%;\n    border-radius: 24px;\n    padding: 26px 22px 22px;\n    background: var(--plan-card-bg);\n    border: 1px solid var(--plan-card-border);\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .cel-plan-card.featured {\n    background: var(--featured-bg);\n    border-color: var(--featured-border);\n  }\n\n  .cel-plan-card:hover,\n  .cel-info-card:hover,\n  .cel-support-card:hover,\n  .cel-split-card:hover,\n  .cel-stat:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.22);\n    border-color: rgba(110, 231, 255, 0.24);\n  }\n\n  .cel-plan-card .pill {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    min-height: 30px;\n    padding: 0 12px;\n    border-radius: 999px;\n    background: var(--plan-pill-bg);\n    color: var(--cyan);\n    font-size: 0.84rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .cel-plan-card h3 {\n    margin: 0;\n    font-size: 2.3rem;\n    line-height: 1;\n    letter-spacing: -0.05em;\n  }\n\n  .cel-plan-card h3 span {\n    font-size: 1rem;\n    font-weight: 500;\n    color: var(--muted);\n    letter-spacing: 0;\n  }\n\n  .cel-plan-card p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.65;\n  }\n\n  .cel-features {\n    display: grid;\n    gap: 10px;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  .cel-features li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    color: var(--text);\n    line-height: 1.5;\n  }\n\n  .cel-features li::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    flex: 0 0 10px;\n    margin-top: 7px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--green), var(--cyan));\n  }\n\n  .cel-info-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .cel-info-card {\n    border-radius: 22px;\n    padding: 22px;\n    background: var(--info-card-bg);\n    border: 1px solid var(--info-card-border);\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .cel-info-card strong {\n    display: block;\n    margin-bottom: 12px;\n    font-size: 1.05rem;\n  }\n\n  .cel-info-card p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.65;\n  }\n\n  .cel-split {\n    display: grid;\n    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .cel-split-card,\n  .cel-support-card,\n  .cel-faq,\n  .cel-cta-band {\n    border-radius: 28px;\n    background: var(--split-card-bg);\n    border: 1px solid var(--split-card-border);\n    box-shadow: var(--shadow);\n  }\n\n  .cel-split-card {\n    overflow: hidden;\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .cel-split-card img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    object-fit: cover;\n  }\n\n  .cel-split-copy {\n    padding: 32px;\n    display: grid;\n    gap: 18px;\n  }\n\n  .cel-split-copy p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.72;\n  }\n\n  .cel-points {\n    display: grid;\n    gap: 12px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .cel-points li {\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: var(--point-bg);\n    border: 1px solid var(--point-border);\n    color: var(--text);\n    line-height: 1.55;\n  }\n\n  .cel-support-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .cel-support-card {\n    padding: 24px;\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .cel-support-card strong {\n    display: block;\n    margin-bottom: 10px;\n    font-size: 1.05rem;\n  }\n\n  .cel-support-card p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .cel-faq {\n    padding: 18px 22px;\n  }\n\n  .cel-faq details {\n    border-bottom: 1px solid var(--faq-line);\n    padding: 18px 0;\n  }\n\n  .cel-faq details:last-child {\n    border-bottom: 0;\n  }\n\n  .cel-faq summary {\n    cursor: pointer;\n    font-weight: 600;\n    list-style: none;\n  }\n\n  .cel-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .cel-faq p {\n    margin: 12px 0 0;\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  .cel-cta-band {\n    padding: 28px;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 20px;\n    align-items: center;\n    background: var(--cta-band-bg);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cel-cta-band::after {\n    content: \"\";\n    position: absolute;\n    inset: 0 auto 0 -20%;\n    width: 42%;\n    background: linear-gradient(90deg, rgba(58, 163, 255, 0), rgba(58, 163, 255, 0.16), rgba(58, 163, 255, 0));\n    transform: skewX(-18deg);\n    animation: celBeamSweep 11s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .cel-cta-band h3 {\n    margin: 0 0 10px;\n    font-size: clamp(1.7rem, 3vw, 2.5rem);\n    line-height: 1.08;\n  }\n\n  .cel-cta-band p {\n    margin: 0;\n    color: var(--muted);\n    line-height: 1.7;\n    max-width: 64ch;\n  }\n\n  .cel-footer {\n    padding: 28px 0 48px;\n    color: var(--muted);\n  }\n\n  .cel-footer .cel-wrap {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n    align-items: center;\n    flex-wrap: wrap;\n    border-top: 1px solid var(--footer-line);\n    padding-top: 22px;\n  }\n\n  .cel-footer strong {\n    color: var(--text);\n  }\n\n  .cel-whatsapp {\n    position: fixed;\n    right: 22px;\n    bottom: 22px;\n    z-index: 60;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, #25d366, #16b955);\n    box-shadow: 0 18px 44px rgba(37, 211, 102, 0.34);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    animation: cel-whats-float 2.6s ease-in-out infinite;\n  }\n\n  .cel-whatsapp:hover {\n    transform: translateY(-3px) scale(1.03);\n    box-shadow: 0 24px 52px rgba(37, 211, 102, 0.42);\n  }\n\n  .cel-whatsapp::after {\n    content: \"\";\n    position: absolute;\n    inset: -10px;\n    border-radius: 999px;\n    border: 1px solid rgba(37, 211, 102, 0.28);\n    animation: cel-whats-pulse 2.6s ease-out infinite;\n  }\n\n  .cel-whatsapp svg {\n    width: 31px;\n    height: 31px;\n    fill: #fff;\n  }\n\n  .cel-reveal {\n    opacity: 0;\n    transform: translate3d(0, 32px, 0) scale(0.985);\n    transition:\n      opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),\n      transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);\n    transition-delay: var(--reveal-delay, 0s);\n    will-change: opacity, transform;\n  }\n\n  .cel-reveal.is-visible {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) scale(1);\n  }\n\n  @keyframes cel-whats-float {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-6px);\n    }\n  }\n\n  @keyframes cel-whats-pulse {\n    0% {\n      opacity: 0.9;\n      transform: scale(0.96);\n    }\n    70% {\n      opacity: 0;\n      transform: scale(1.16);\n    }\n    100% {\n      opacity: 0;\n      transform: scale(1.16);\n    }\n  }\n\n  @media (max-width: 1080px) {\n    .cel-hero-grid,\n    .cel-split,\n    .cel-cta-band {\n      grid-template-columns: 1fr;\n    }\n\n    .cel-plan-grid,\n    .cel-info-grid,\n    .cel-support-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 780px) {\n    .cel-wrap {\n      width: min(100vw - 24px, 1180px);\n    }\n\n    .cel-topbar .cel-wrap,\n    .cel-nav,\n    .cel-actions,\n    .cel-hero-actions,\n    .cel-footer .cel-wrap {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .cel-brand {\n      min-width: 0;\n      text-align: center;\n    }\n\n    .cel-nav {\n      gap: 10px;\n    }\n\n    .cel-nav a,\n    .cel-cta,\n    .cel-cta-ghost {\n      width: 100%;\n    }\n\n    .cel-stats,\n    .cel-plan-grid,\n    .cel-info-grid,\n    .cel-support-grid,\n    .cel-hero-note {\n      grid-template-columns: 1fr;\n    }\n\n    .cel-fiber-line {\n      width: 88%;\n      opacity: 0.68;\n    }\n\n    .cel-hero-card img {\n      height: 420px;\n    }\n\n    .cel-hero h1 {\n      max-width: 100%;\n    }\n\n    .cel-mascot-float {\n      width: 86px;\n      right: 62px;\n      bottom: 42px;\n    }\n\n    .cel-whatsapp {\n      right: 16px;\n      bottom: 16px;\n      width: 58px;\n      height: 58px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .celnets-site::before,\n    .celnets-site::after,\n    .cel-hero-card::after,\n    .cel-fiber-line,\n    .cel-fiber-line::after,\n    .cel-note-card,\n    .cel-mascot-main,\n    .cel-mascot-wave-arm,\n    .cel-mascot-eye,\n    .cel-cta-band::after,\n    .cel-whatsapp,\n    .cel-whatsapp::after {\n      animation: none !important;\n    }\n\n    .cel-reveal,\n    .cel-plan-card,\n    .cel-info-card,\n    .cel-support-card,\n    .cel-split-card,\n    .cel-stat {\n      transition: none !important;\n      transform: none !important;\n      opacity: 1 !important;\n    }\n  }\n<\/style>\n\n<div class=\"celnets-site\" id=\"topo\">\n  <header class=\"cel-topbar\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-brand\">\n        <strong>CelNets<\/strong>\n        <span>Fibra \u00f3ptica para casa e empresa<\/span>\n      <\/div>\n\n      <nav class=\"cel-nav\">\n        <a href=\"#planos-residenciais\">Residencial<\/a>\n        <a href=\"#planos-corporativos\">Corporativo<\/a>\n        <a href=\"#diferenciais\">Diferenciais<\/a>\n        <a href=\"#cobertura\">Cobertura<\/a>\n        <a href=\"#suporte\">Suporte<\/a>\n      <\/nav>\n\n      <div class=\"cel-actions\">\n        <button class=\"cel-theme-toggle\" type=\"button\" aria-label=\"Alternar tema\" title=\"Alternar tema\">\n          <span class=\"cel-theme-icons\">\n            <span class=\"sun\">\u2600<\/span>\n            <span class=\"moon\">\u263e<\/span>\n          <\/span>\n        <\/button>\n        <a class=\"cel-cta-ghost\" href=\"#suporte\">Central do Assinante<\/a>\n        <a class=\"cel-cta\" href=\"#planos-residenciais\">Ver planos<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section class=\"cel-hero\">\n    <div class=\"cel-wrap cel-hero-grid\">\n      <div>\n        <span class=\"cel-kicker\">Fibra \u00f3ptica com foco em estabilidade e baixa lat\u00eancia<\/span>\n        <h1>Internet forte para rotina, trabalho e opera\u00e7\u00e3o.<\/h1>\n        <p>\n          A CelNets conecta resid\u00eancias, equipes e neg\u00f3cios com estrutura 100% fibra, navega\u00e7\u00e3o est\u00e1vel\n          e suporte pr\u00f3ximo. Escolha o plano ideal para sua casa ou para a sua opera\u00e7\u00e3o e avance com mais\n          desempenho no dia a dia.\n        <\/p>\n\n        <div class=\"cel-hero-actions\">\n          <a class=\"cel-cta\" href=\"#planos-residenciais\">Quero internet para casa<\/a>\n          <a class=\"cel-cta-ghost\" href=\"#planos-corporativos\">Quero solu\u00e7\u00e3o corporativa<\/a>\n        <\/div>\n\n        <div class=\"cel-stats\">\n          <div class=\"cel-stat\">\n            <strong>100% fibra<\/strong>\n            <span>Estrutura pronta para streaming, home office, jogos e m\u00faltiplos dispositivos.<\/span>\n          <\/div>\n          <div class=\"cel-stat\">\n            <strong>Baixa lat\u00eancia<\/strong>\n            <span>Conex\u00e3o pensada para uso cont\u00ednuo, resposta r\u00e1pida e opera\u00e7\u00e3o mais suave.<\/span>\n          <\/div>\n          <div class=\"cel-stat\">\n            <strong>Atendimento pr\u00f3ximo<\/strong>\n            <span>Mais clareza na contrata\u00e7\u00e3o, suporte e avalia\u00e7\u00e3o de cobertura por endere\u00e7o.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"cel-hero-media\">\n        <div class=\"cel-hero-card\">\n          <div class=\"cel-fiber-stage\" aria-hidden=\"true\">\n            <span class=\"cel-fiber-line fiber-a\"><\/span>\n            <span class=\"cel-fiber-line fiber-b\"><\/span>\n            <span class=\"cel-fiber-line fiber-c\"><\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/celnets.com.br\/wp-content\/uploads\/2025\/07\/familia-espaco-link.png-3.webp\" alt=\"Fam\u00edlia usando internet em casa\">\n          <div class=\"cel-hero-note\">\n            <div class=\"cel-note-card\">\n              <strong>Residencial<\/strong>\n              <span>Planos de 400, 600, 800 e 1000 Mega para acompanhar o ritmo da casa.<\/span>\n            <\/div>\n            <div class=\"cel-note-card\">\n              <strong>Corporativo<\/strong>\n              <span>Escalonamento de 1000 a 10000 Mega para empresas, opera\u00e7\u00f5es e equipes.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\" id=\"planos-residenciais\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-section-head\">\n        <span class=\"eyebrow\">Planos Residenciais<\/span>\n        <h2>Velocidades pensadas para rotina leve, intensa e casa conectada.<\/h2>\n        <p>\n          Sem inventar moda: aqui o foco \u00e9 estabilidade, folga para muitos aparelhos ao mesmo tempo e espa\u00e7o\n          para a sua casa evoluir sem ficar travando no meio do caminho.\n        <\/p>\n      <\/div>\n\n      <div class=\"cel-plan-grid\">\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Residencial<\/span>\n          <h3>400 <span>Mega<\/span><\/h3>\n          <p>Boa base para navega\u00e7\u00e3o, estudo, redes sociais, streaming e rotina conectada.<\/p>\n          <ul class=\"cel-features\">\n            <li>Uso est\u00e1vel para apartamentos e casas compactas<\/li>\n            <li>Chamadas, v\u00eddeos e consumo di\u00e1rio com folga<\/li>\n            <li>Consulte cobertura e condi\u00e7\u00f5es para o seu endere\u00e7o<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card featured\">\n          <span class=\"pill\">Residencial<\/span>\n          <h3>600 <span>Mega<\/span><\/h3>\n          <p>Equil\u00edbrio forte para fam\u00edlias com muitos aparelhos e uso simult\u00e2neo durante o dia todo.<\/p>\n          <ul class=\"cel-features\">\n            <li>Streaming, estudo e home office no mesmo ambiente<\/li>\n            <li>Mais folga para TV, celular, notebook e automa\u00e7\u00e3o<\/li>\n            <li>Boa escolha para quem quer estabilidade com margem<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Residencial<\/span>\n          <h3>800 <span>Mega<\/span><\/h3>\n          <p>Indicada para casas com uso pesado, upload mais frequente e muitos equipamentos ativos.<\/p>\n          <ul class=\"cel-features\">\n            <li>Excelente para jogos, uploads e uso intenso<\/li>\n            <li>Casa conectada com mais folga para picos<\/li>\n            <li>Preparada para uma rotina digital mais exigente<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Residencial<\/span>\n          <h3>1000 <span>Mega<\/span><\/h3>\n          <p>Para quem quer o topo da linha residencial com espa\u00e7o de sobra para uma rotina sem gargalos.<\/p>\n          <ul class=\"cel-features\">\n            <li>Desempenho forte para uso extremo e muitos dispositivos<\/li>\n            <li>Mais conforto para gamers, criadores e fam\u00edlias grandes<\/li>\n            <li>Plano ideal para quem quer alta capacidade em casa<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\" id=\"planos-corporativos\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-section-head\">\n        <span class=\"eyebrow\">Corporativo<\/span>\n        <h2>Escala para opera\u00e7\u00e3o, equipes, atendimento e crescimento.<\/h2>\n        <p>\n          O bloco corporativo foi pensado para empresas que precisam de mais espa\u00e7o para tr\u00e1fego, equipe conectada,\n          sistemas online, videoconfer\u00eancia e expans\u00e3o. Escolha a faixa de velocidade mais compat\u00edvel com seu cen\u00e1rio.\n        <\/p>\n      <\/div>\n\n      <div class=\"cel-plan-grid\">\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>1000 <span>Mega<\/span><\/h3>\n          <p>Boa base para opera\u00e7\u00f5es menores e equipes que precisam de const\u00e2ncia no dia a dia.<\/p>\n          <ul class=\"cel-features\">\n            <li>Rotina comercial e administrativa conectada<\/li>\n            <li>Mais espa\u00e7o para sistemas em nuvem e reuni\u00f5es<\/li>\n            <li>Consulte viabilidade e cen\u00e1rio ideal para a sua opera\u00e7\u00e3o<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>2000 <span>Mega<\/span><\/h3>\n          <p>Mais folga para opera\u00e7\u00f5es com equipes maiores, tr\u00e1fego intenso e atendimento em paralelo.<\/p>\n          <ul class=\"cel-features\">\n            <li>Boa evolu\u00e7\u00e3o para ambientes com mais terminais<\/li>\n            <li>Mais capacidade para rotinas simult\u00e2neas<\/li>\n            <li>Faixa segura para crescimento sem aperto<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card featured\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>3000 <span>Mega<\/span><\/h3>\n          <p>Ponto forte para empresas em expans\u00e3o, com circula\u00e7\u00e3o constante de dados e m\u00faltiplos setores.<\/p>\n          <ul class=\"cel-features\">\n            <li>Mais robustez para ambientes exigentes<\/li>\n            <li>Capacidade para atendimento, gest\u00e3o e produ\u00e7\u00e3o<\/li>\n            <li>Excelente equil\u00edbrio entre escala e conforto operacional<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>5000 <span>Mega<\/span><\/h3>\n          <p>Indicado para opera\u00e7\u00f5es pesadas, ambientes com muitas conex\u00f5es e necessidade de folga constante.<\/p>\n          <ul class=\"cel-features\">\n            <li>Mais espa\u00e7o para picos de uso ao longo do dia<\/li>\n            <li>Faixa forte para neg\u00f3cios com alta demanda<\/li>\n            <li>Pronta para opera\u00e7\u00e3o cr\u00edtica e uso persistente<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>8000 <span>Mega<\/span><\/h3>\n          <p>Para estruturas de grande porte que dependem de tr\u00e1fego intenso, estabilidade e escalabilidade.<\/p>\n          <ul class=\"cel-features\">\n            <li>Conforto para m\u00faltiplos setores e janelas pesadas<\/li>\n            <li>Mais capacidade para ecossistemas digitais complexos<\/li>\n            <li>Consulte cen\u00e1rio t\u00e9cnico e disponibilidade regional<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"cel-plan-card\">\n          <span class=\"pill\">Corporativo<\/span>\n          <h3>10000 <span>Mega<\/span><\/h3>\n          <p>Faixa m\u00e1xima para projetos de alta exig\u00eancia, grandes opera\u00e7\u00f5es e ambientes com demanda extrema.<\/p>\n          <ul class=\"cel-features\">\n            <li>Escala para opera\u00e7\u00f5es que n\u00e3o podem parar<\/li>\n            <li>Mais espa\u00e7o para crescimento e redund\u00e2ncia de rotina<\/li>\n            <li>Planejamento sob medida para neg\u00f3cios de alta demanda<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\" id=\"diferenciais\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-section-head\">\n        <span class=\"eyebrow\">Diferenciais<\/span>\n        <h2>Uma opera\u00e7\u00e3o de internet que conversa com a realidade do cliente.<\/h2>\n        <p>\n          A CelNets pode crescer melhor quando o site tamb\u00e9m reflete clareza comercial, foco em estabilidade\n          e comunica\u00e7\u00e3o simples. Este bloco foi pensado para passar exatamente essa leitura.\n        <\/p>\n      <\/div>\n\n      <div class=\"cel-info-grid\">\n        <article class=\"cel-info-card\">\n          <strong>Fibra de ponta a ponta<\/strong>\n          <p>Mais consist\u00eancia para consumo di\u00e1rio, trabalho remoto, reuni\u00f5es, jogos e aplicativos conectados.<\/p>\n        <\/article>\n        <article class=\"cel-info-card\">\n          <strong>Baixa lat\u00eancia<\/strong>\n          <p>Resposta mais r\u00e1pida para navega\u00e7\u00e3o, plataformas online, uso em tempo real e opera\u00e7\u00e3o cont\u00ednua.<\/p>\n        <\/article>\n        <article class=\"cel-info-card\">\n          <strong>Escala para empresas<\/strong>\n          <p>Faixas altas de velocidade para acompanhar expans\u00e3o, equipes maiores e mais circula\u00e7\u00e3o de dados.<\/p>\n        <\/article>\n        <article class=\"cel-info-card\">\n          <strong>Atendimento pr\u00f3ximo<\/strong>\n          <p>Mais organiza\u00e7\u00e3o na jornada comercial, na leitura de cobertura e na conversa sobre viabilidade.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\" id=\"cobertura\">\n    <div class=\"cel-wrap cel-split\">\n      <div class=\"cel-split-card\">\n        <img decoding=\"async\" src=\"https:\/\/celnets.com.br\/wp-content\/uploads\/2025\/07\/familia-espaco-link.png-1.webp\" alt=\"Fam\u00edlia usando internet CelNets\">\n      <\/div>\n\n      <div class=\"cel-split-copy cel-split-card\">\n        <div class=\"cel-section-head\" style=\"margin-bottom:0;\">\n          <span class=\"eyebrow\">Cobertura e implanta\u00e7\u00e3o<\/span>\n          <h2>Viabilidade certa antes da contrata\u00e7\u00e3o, com mais clareza no processo.<\/h2>\n          <p>\n            Em vez de prometer tudo para todo mundo, o melhor caminho \u00e9 validar cobertura, cen\u00e1rio do im\u00f3vel\n            e perfil de uso. Isso reduz ru\u00eddo comercial e cria uma expectativa mais honesta desde o primeiro contato.\n          <\/p>\n        <\/div>\n\n        <ul class=\"cel-points\">\n          <li>Consulta de disponibilidade por endere\u00e7o antes do fechamento.<\/li>\n          <li>Leitura do perfil de uso para indicar a faixa de velocidade mais coerente.<\/li>\n          <li>Mais clareza para resid\u00eancias, escrit\u00f3rios, empresas e opera\u00e7\u00f5es maiores.<\/li>\n          <li>Site preparado para evoluir depois com WhatsApp, telefone, mapa e formul\u00e1rio.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\" id=\"suporte\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-section-head\">\n        <span class=\"eyebrow\">Suporte<\/span>\n        <h2>Uma estrutura pensada para atendimento comercial, t\u00e9cnico e corporativo.<\/h2>\n        <p>\n          Esta \u00e1rea pode receber seus canais oficiais de atendimento com facilidade, deixando comercial, suporte e\n          projetos corporativos mais claros para quem visita o site.\n        <\/p>\n      <\/div>\n\n      <div class=\"cel-support-grid\">\n        <article class=\"cel-support-card\">\n          <strong>Atendimento comercial<\/strong>\n          <p>Bloco pronto para receber WhatsApp, telefone comercial e chamada principal para contrata\u00e7\u00e3o.<\/p>\n        <\/article>\n        <article class=\"cel-support-card\">\n          <strong>Suporte t\u00e9cnico<\/strong>\n          <p>\u00c1rea preparada para encaixar seu canal oficial de suporte e orientar o assinante com clareza.<\/p>\n        <\/article>\n        <article class=\"cel-support-card\">\n          <strong>Corporativo e projetos<\/strong>\n          <p>Espa\u00e7o pensado para empresas que precisam de an\u00e1lise de viabilidade e negocia\u00e7\u00e3o sob medida.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-section-head\">\n        <span class=\"eyebrow\">Perguntas frequentes<\/span>\n        <h2>Um FAQ simples para reduzir d\u00favidas repetidas.<\/h2>\n      <\/div>\n\n      <div class=\"cel-faq\">\n        <details open>\n          <summary>Os planos mostram pre\u00e7o?<\/summary>\n          <p>N\u00e3o. Segui exatamente o que voc\u00ea pediu: mostrei as velocidades e o perfil de cada plano, sem expor valores.<\/p>\n        <\/details>\n        <details>\n          <summary>Posso contratar qualquer velocidade em qualquer local?<\/summary>\n          <p>O ideal \u00e9 validar cobertura e cen\u00e1rio do endere\u00e7o antes. Isso deixa a contrata\u00e7\u00e3o mais segura e mais honesta.<\/p>\n        <\/details>\n        <details>\n          <summary>Essa home j\u00e1 est\u00e1 pronta para receber WhatsApp e telefone?<\/summary>\n          <p>Sim. A estrutura j\u00e1 est\u00e1 preparada. Falta s\u00f3 encaixar seus canais oficiais antes de publicar na frente do site.<\/p>\n        <\/details>\n        <details>\n          <summary>Ela tamb\u00e9m comporta campanhas futuras?<\/summary>\n          <p>Comporta. O layout j\u00e1 nasceu com espa\u00e7o para campanhas, depoimentos reais, mapa de cobertura e novos blocos.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cel-section\">\n    <div class=\"cel-wrap\">\n      <div class=\"cel-cta-band\">\n        <div>\n          <h3>Pronto para escolher a faixa ideal da sua conex\u00e3o?<\/h3>\n          <p>\n            Compare as velocidades, valide cobertura para o seu endere\u00e7o e avance para o pr\u00f3ximo passo com mais\n            clareza, seja para casa ou para opera\u00e7\u00e3o corporativa.\n          <\/p>\n        <\/div>\n        <div class=\"cel-actions\">\n          <a class=\"cel-cta\" href=\"#planos-residenciais\">Ver planos<\/a>\n          <a class=\"cel-cta-ghost\" href=\"#suporte\">Falar com a equipe<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"cel-footer\">\n    <div class=\"cel-wrap\">\n      <div><strong>CelNets<\/strong> <span>Internet em fibra para casa e empresa.<\/span><\/div>\n      <div><span>Consulte cobertura, condi\u00e7\u00f5es e disponibilidade para sua regi\u00e3o.<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <a\n    class=\"cel-whatsapp\"\n    href=\"https:\/\/wa.me\/5511910140855?text=Ol%C3%A1%2C%20quero%20falar%20sobre%20os%20planos%20da%20CelNets.\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    aria-label=\"Falar no WhatsApp\"\n  >\n    <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n      <path d=\"M19.11 17.24c-.27-.13-1.6-.79-1.85-.88-.25-.09-.43-.13-.61.14-.18.27-.7.88-.86 1.06-.16.18-.31.2-.58.07-.27-.13-1.12-.41-2.13-1.31-.79-.71-1.33-1.58-1.48-1.85-.16-.27-.02-.42.12-.55.12-.12.27-.31.41-.47.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.13-.61-1.47-.84-2.02-.22-.53-.45-.46-.61-.47h-.52c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.27s.97 2.63 1.11 2.81c.14.18 1.91 2.92 4.63 4.1.65.28 1.16.45 1.56.58.66.21 1.26.18 1.74.11.53-.08 1.6-.65 1.83-1.29.22-.63.22-1.17.16-1.29-.06-.12-.24-.2-.51-.34zM16 3C8.82 3 3 8.82 3 16c0 2.55.74 5.03 2.15 7.15L3.74 28.3l5.27-1.38A12.9 12.9 0 0 0 16 29c7.18 0 13-5.82 13-13S23.18 3 16 3zm0 23.67a10.6 10.6 0 0 1-5.4-1.48l-.39-.23-3.13.82.84-3.05-.25-.4A10.65 10.65 0 1 1 16 26.67z\"\/>\n    <\/svg>\n  <\/a>\n\n  <div class=\"cel-mascot-float\" aria-hidden=\"true\">\n    <svg class=\"cel-mascot\" viewBox=\"0 0 260 420\" role=\"img\" aria-label=\"Mascote alien da CelNets acenando\">\n      <ellipse class=\"cel-mascot-shadow\" cx=\"130\" cy=\"389\" rx=\"44\" ry=\"11\"><\/ellipse>\n      <g class=\"cel-mascot-main\">\n        <path class=\"cel-mascot-arm\" d=\"M101 182c-16 8-27 24-38 51l-8 25c-2 7 1 13 7 15 7 2 12-1 15-9l10-25c9-23 18-38 30-48z\"><\/path>\n        <path class=\"cel-mascot-arm\" d=\"M159 182c16 8 27 24 38 51l8 25c2 7-1 13-7 15-7 2-12-1-15-9l-10-25c-9-23-18-38-30-48z\"><\/path>\n        <path class=\"cel-mascot-hand\" d=\"M42 255c6-4 12-4 18-1 5 2 7 8 5 13-2 7-8 11-15 10-8-1-12-9-8-22z\"><\/path>\n        <path class=\"cel-mascot-hand\" d=\"M218 255c-6-4-12-4-18-1-5 2-7 8-5 13 2 7 8 11 15 10 8-1 12-9 8-22z\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M47 258l-14-14\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M53 264l-20-7\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M55 272l-20 2\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M53 279l-17 12\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M213 258l14-14\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M207 264l20-7\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M205 272l20 2\"><\/path>\n        <path class=\"cel-mascot-finger\" d=\"M207 279l17 12\"><\/path>\n        <ellipse class=\"cel-mascot-head\" cx=\"130\" cy=\"92\" rx=\"60\" ry=\"86\"><\/ellipse>\n        <ellipse class=\"cel-mascot-head-shade\" cx=\"130\" cy=\"103\" rx=\"50\" ry=\"72\"><\/ellipse>\n        <ellipse class=\"cel-mascot-eye\" cx=\"103\" cy=\"101\" rx=\"16\" ry=\"32\" transform=\"rotate(10 103 101)\"><\/ellipse>\n        <ellipse class=\"cel-mascot-eye\" cx=\"157\" cy=\"101\" rx=\"16\" ry=\"32\" transform=\"rotate(-10 157 101)\"><\/ellipse>\n        <path class=\"cel-mascot-smile\" d=\"M121 151c7 4 14 4 20 0\"><\/path>\n        <ellipse class=\"cel-mascot-neck\" cx=\"130\" cy=\"178\" rx=\"16\" ry=\"13\"><\/ellipse>\n        <path class=\"cel-mascot-body\" d=\"M114 192c5-7 10-10 16-10 7 0 12 3 16 10l8 81c3 38-7 64-24 64s-27-26-24-64l8-81z\"><\/path>\n        <path class=\"cel-mascot-suit-shade\" d=\"M130 185c12 0 20 7 24 20l7 66c2 22 0 40-7 54 10-10 15-30 12-52l-8-81c-4-7-9-10-16-10-6 0-11 3-16 10l-8 81c-3 22 2 42 12 52-7-14-9-32-7-54l7-66c4-13 12-20 24-20z\"><\/path>\n        <path class=\"cel-mascot-collar\" d=\"M119 187h22l-4 11h-14l-4-11z\"><\/path>\n        <path class=\"cel-mascot-leg\" d=\"M121 336h9l-4 46c-1 11-6 17-13 17s-11-5-10-14l18-49z\"><\/path>\n        <path class=\"cel-mascot-leg\" d=\"M139 336h-9l4 46c1 11 6 17 13 17s11-5 10-14l-18-49z\"><\/path>\n        <ellipse class=\"cel-mascot-shoe\" cx=\"111\" cy=\"396\" rx=\"19\" ry=\"8\"><\/ellipse>\n        <ellipse class=\"cel-mascot-shoe\" cx=\"149\" cy=\"396\" rx=\"19\" ry=\"8\"><\/ellipse>\n      <\/g>\n    <\/svg>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    const root = document.querySelector('.celnets-site');\n    const button = document.querySelector('.cel-theme-toggle');\n    if (!root || !button) return;\n\n    const saved = localStorage.getItem('celnets-theme');\n    const initial = saved === 'light' ? 'light' : 'dark';\n    root.setAttribute('data-theme', initial);\n\n    button.addEventListener('click', function () {\n      const next = root.getAttribute('data-theme') === 'light' ? 'dark' : 'light';\n      root.setAttribute('data-theme', next);\n      localStorage.setItem('celnets-theme', next);\n    });\n\n    const revealTargets = root.querySelectorAll(\n      '.cel-hero > .cel-wrap > div, .cel-stat, .cel-plan-card, .cel-info-card, .cel-split-card, .cel-support-card, .cel-faq, .cel-cta-band, .cel-footer .cel-wrap'\n    );\n\n    revealTargets.forEach(function (item, index) {\n      item.classList.add('cel-reveal');\n      item.style.setProperty('--reveal-delay', Math.min(index * 0.06, 0.32) + 's');\n    });\n\n    const eagerLimit = window.innerHeight * 1.8;\n    revealTargets.forEach(function (item) {\n      if (item.getBoundingClientRect().top < eagerLimit) {\n        item.classList.add('is-visible');\n      }\n    });\n\n    if (!('IntersectionObserver' in window)) {\n      revealTargets.forEach(function (item) {\n        item.classList.add('is-visible');\n      });\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.16, rootMargin: '0px 0px -40px 0px' }\n    );\n\n    revealTargets.forEach(function (item) {\n      if (!item.classList.contains('is-visible')) {\n        observer.observe(item);\n      }\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Rascunho privado da nova home CelNets em dark mode.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":1,"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/celnets.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}