{"id":891,"date":"2026-07-06T13:27:38","date_gmt":"2026-07-06T13:27:38","guid":{"rendered":"https:\/\/telecominternet.com.br\/site\/?page_id=891"},"modified":"2026-07-06T13:49:21","modified_gmt":"2026-07-06T13:49:21","slug":"telecom-internet-fibra-ofc","status":"publish","type":"page","link":"https:\/\/telecominternet.com.br\/site\/","title":{"rendered":"Telecom Internet Fibra"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"891\" class=\"elementor elementor-891\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6cb1a7 e-con-full e-flex e-con e-parent\" data-id=\"f6cb1a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d93063 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6d93063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 01\n     MENU + CAPA INICIAL \/ HERO\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  html {\n    scroll-behavior: smooth;\n  }\n\n  body {\n    overflow-x: hidden;\n  }\n\n  .telecom-home,\n  .telecom-home * {\n    box-sizing: border-box;\n  }\n\n  .telecom-home {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-azul: #07225F;\n    --texto-claro: rgba(255,255,255,0.84);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--azul-profundo);\n  }\n\n  .telecom-home a {\n    text-decoration: none;\n  }\n\n  .telecom-container {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 3;\n  }\n\n  .telecom-header {\n    position: fixed;\n    top: 20px;\n    left: 0;\n    width: 100%;\n    z-index: 9999;\n    pointer-events: none;\n  }\n\n  .telecom-header-inner {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    min-height: 78px;\n    padding: 12px 16px 12px 24px;\n    border-radius: 999px;\n    background: rgba(5, 18, 52, 0.74);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 24px 80px rgba(0, 16, 60, 0.34);\n    backdrop-filter: blur(22px);\n    -webkit-backdrop-filter: blur(22px);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 26px;\n    pointer-events: auto;\n    transition: all 0.28s ease;\n  }\n\n  .telecom-header.is-scrolled .telecom-header-inner {\n    min-height: 68px;\n    background: rgba(5, 18, 52, 0.94);\n    box-shadow: 0 20px 60px rgba(0, 12, 48, 0.42);\n  }\n\n  .telecom-logo {\n    display: flex;\n    align-items: center;\n    min-width: 190px;\n  }\n\n  .telecom-logo img {\n    height: 45px;\n    width: auto;\n    display: block;\n    object-fit: contain;\n  }\n\n  .telecom-menu {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .telecom-menu a {\n    color: rgba(255,255,255,0.78);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 700;\n    padding: 13px 14px;\n    border-radius: 999px;\n    transition: all 0.24s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-menu a:hover,\n  .telecom-menu a.active {\n    color: var(--verde);\n    background: rgba(82, 226, 31, 0.12);\n  }\n\n  .telecom-header-button {\n    min-height: 54px;\n    padding: 16px 30px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 900;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 16px 42px rgba(82, 226, 31, 0.28);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-header-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 58px rgba(82, 226, 31, 0.38);\n  }\n\n  .telecom-menu-toggle {\n    display: none;\n    width: 48px;\n    height: 48px;\n    border: 0;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.11);\n    color: #fff;\n    cursor: pointer;\n    transition: all 0.24s ease;\n  }\n\n  .telecom-menu-toggle span {\n    display: block;\n    width: 22px;\n    height: 2px;\n    background: currentColor;\n    border-radius: 20px;\n    margin: 5px auto;\n  }\n\n  .telecom-menu-toggle,\n  .telecom-menu-toggle:focus,\n  .telecom-menu-toggle:active,\n  .telecom-menu-toggle:focus-visible {\n    background: rgba(255,255,255,0.11) !important;\n    color: #ffffff !important;\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  .telecom-menu-toggle:hover {\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro)) !important;\n    color: var(--azul-profundo) !important;\n    box-shadow: 0 16px 34px rgba(82, 226, 31, 0.30) !important;\n    transform: translateY(-2px);\n  }\n\n  .telecom-menu-toggle:hover span,\n  .telecom-menu-toggle:focus span,\n  .telecom-menu-toggle:active span {\n    background: currentColor !important;\n  }\n\n  .telecom-hero {\n    position: relative;\n    min-height: 100vh;\n    padding: 166px 0 92px;\n    display: flex;\n    align-items: center;\n    color: #ffffff;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(2, 10, 34, 0.98) 0%,\n        rgba(4, 20, 64, 0.92) 32%,\n        rgba(4, 20, 64, 0.58) 58%,\n        rgba(4, 20, 64, 0.20) 100%\n      ),\n      url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-pagina.png\") center center \/ cover no-repeat;\n  }\n\n  .telecom-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 12% 24%, rgba(82, 226, 31, 0.18), transparent 25%),\n      radial-gradient(circle at 46% 72%, rgba(0, 163, 255, 0.14), transparent 32%),\n      linear-gradient(180deg, rgba(6,21,58,0.03), rgba(6,21,58,0.30));\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.030) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.030) 1px, transparent 1px);\n    background-size: 82px 82px;\n    opacity: 0.42;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-hero-light {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-hero-light span {\n    position: absolute;\n    width: 460px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, rgba(0,163,255,0.65), rgba(82,226,31,0.78), transparent);\n    filter: blur(0.3px);\n    opacity: 0.55;\n    transform: rotate(-17deg);\n    animation: telecomLightMove 7s linear infinite;\n  }\n\n  .telecom-hero-light span:nth-child(1) {\n    top: 28%;\n    left: -36%;\n    animation-delay: 0s;\n  }\n\n  .telecom-hero-light span:nth-child(2) {\n    top: 68%;\n    left: -42%;\n    animation-delay: 2.2s;\n  }\n\n  .telecom-hero-light span:nth-child(3) {\n    top: 84%;\n    left: -28%;\n    animation-delay: 4.1s;\n  }\n\n  @keyframes telecomLightMove {\n    0% {\n      transform: translateX(0) rotate(-17deg);\n      opacity: 0;\n    }\n\n    18% {\n      opacity: 0.58;\n    }\n\n    100% {\n      transform: translateX(175vw) rotate(-17deg);\n      opacity: 0;\n    }\n  }\n\n  .telecom-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n    gap: 56px;\n    align-items: center;\n  }\n\n  .telecom-hero-content {\n    max-width: 710px;\n    position: relative;\n    z-index: 4;\n  }\n\n  .telecom-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.12);\n    border: 1px solid rgba(82, 226, 31, 0.42);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 24px;\n    box-shadow: inset 0 0 28px rgba(82, 226, 31, 0.06);\n  }\n\n  .telecom-tag::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 18px rgba(82, 226, 31, 0.95);\n  }\n\n  .telecom-hero h1 {\n    margin: 0;\n    max-width: 720px;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(54px, 5.2vw, 78px);\n    line-height: 0.96;\n    letter-spacing: -2.8px;\n    font-weight: 900;\n  }\n\n  .telecom-hero h1 span {\n    color: var(--verde);\n    text-shadow: 0 0 38px rgba(82, 226, 31, 0.22);\n  }\n\n  .telecom-hero-text {\n    margin: 24px 0 0;\n    max-width: 650px;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(18px, 1.42vw, 22px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  .telecom-hero-actions {\n    margin-top: 36px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .telecom-button {\n    min-height: 58px;\n    padding: 17px 30px;\n    border-radius: 999px;\n    border: 1px solid transparent;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-button-primary {\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow: 0 18px 46px rgba(82, 226, 31, 0.30);\n  }\n\n  .telecom-button-primary:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 62px rgba(82, 226, 31, 0.40);\n  }\n\n  .telecom-button-secondary {\n    color: #ffffff;\n    background: rgba(255,255,255,0.08);\n    border-color: rgba(255,255,255,0.18);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n  }\n\n  .telecom-button-secondary:hover {\n    color: var(--verde);\n    border-color: rgba(82, 226, 31, 0.75);\n    transform: translateY(-3px);\n  }\n\n  .telecom-offer-position {\n    position: relative;\n    z-index: 4;\n    min-height: 520px;\n  }\n\n  .telecom-offer-card {\n    position: absolute;\n    right: -8px;\n    bottom: 4px;\n    width: min(330px, 100%);\n    padding: 22px;\n    border-radius: 30px;\n    background: linear-gradient(\n      145deg,\n      rgba(255,255,255,0.16),\n      rgba(255,255,255,0.075)\n    );\n    border: 1px solid rgba(255,255,255,0.34);\n    box-shadow:\n      0 28px 82px rgba(0, 14, 55, 0.36),\n      inset 0 0 0 1px rgba(255,255,255,0.10);\n    backdrop-filter: blur(28px) saturate(145%);\n    -webkit-backdrop-filter: blur(28px) saturate(145%);\n    overflow: hidden;\n    transition: all 0.30s ease;\n  }\n\n  .telecom-offer-card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(82, 226, 31, 0.50);\n    box-shadow:\n      0 40px 100px rgba(0, 14, 55, 0.46),\n      0 0 42px rgba(82, 226, 31, 0.16);\n  }\n\n  .telecom-offer-card::before {\n    content: \"\";\n    position: absolute;\n    right: -80px;\n    top: -80px;\n    width: 190px;\n    height: 190px;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(82,226,31,0.68),\n      rgba(82,226,31,0.12) 58%,\n      transparent 72%\n    );\n  }\n\n  .telecom-offer-card::after {\n    content: \"\";\n    position: absolute;\n    left: 24px;\n    right: 24px;\n    top: 0;\n    height: 4px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(90deg, var(--azul-claro), var(--verde));\n    opacity: 0.9;\n  }\n\n  .telecom-offer-label {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.12);\n    color: rgba(255,255,255,0.92);\n    border: 1px solid rgba(82, 226, 31, 0.28);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 15px;\n  }\n\n  .telecom-offer-price {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-end;\n    gap: 7px;\n    margin-bottom: 12px;\n  }\n\n  .telecom-offer-price .currency {\n    color: rgba(255,255,255,0.92);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 28px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 11px;\n    text-shadow: 0 10px 28px rgba(0,0,0,0.28);\n  }\n\n  .telecom-offer-price .number {\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 86px;\n    line-height: 0.78;\n    letter-spacing: -5px;\n    font-weight: 900;\n    text-shadow:\n      0 0 34px rgba(0, 163, 255, 0.38),\n      0 12px 32px rgba(0,0,0,0.25);\n  }\n\n  .telecom-offer-price .month {\n    margin-bottom: 11px;\n    padding: 7px 10px;\n    border-radius: 12px;\n    background: var(--verde);\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 12px 28px rgba(82, 226, 31, 0.30);\n  }\n\n  .telecom-offer-pill {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 13px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.14);\n    border: 1px solid rgba(82, 226, 31, 0.32);\n    color: rgba(255,255,255,0.92);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 15px;\n  }\n\n  .telecom-offer-pill::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 14px rgba(82,226,31,0.95);\n  }\n\n  .telecom-offer-text {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 18px;\n    color: rgba(255,255,255,0.76);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1.42;\n    font-weight: 400;\n  }\n\n  .telecom-offer-link {\n    position: relative;\n    z-index: 2;\n    min-height: 44px;\n    padding: 13px 18px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--azul-principal), var(--azul-claro));\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 16px 34px rgba(0, 87, 231, 0.28);\n    transition: all 0.25s ease;\n  }\n\n  .telecom-offer-link:hover {\n    color: #ffffff;\n    background: linear-gradient(135deg, var(--azul-profundo), var(--azul-principal));\n    transform: translateY(-3px);\n  }\n\n  .telecom-whatsapp {\n    position: fixed;\n    right: 28px;\n    bottom: 28px;\n    z-index: 10000;\n    width: 68px;\n    height: 68px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: #ffffff;\n    background: linear-gradient(135deg, #25D366, var(--verde));\n    box-shadow: 0 18px 48px rgba(37, 211, 102, 0.42);\n    transition: all 0.28s ease;\n  }\n\n  .telecom-whatsapp::before {\n    content: \"\";\n    position: absolute;\n    inset: -9px;\n    border-radius: inherit;\n    border: 1px solid rgba(82, 226, 31, 0.46);\n    animation: telecomPulse 1.7s ease-out infinite;\n  }\n\n  .telecom-whatsapp:hover {\n    color: #ffffff;\n    transform: translateY(-5px) scale(1.04);\n  }\n\n  .telecom-whatsapp svg {\n    width: 34px;\n    height: 34px;\n    position: relative;\n    z-index: 2;\n  }\n\n  @keyframes telecomPulse {\n    0% {\n      opacity: 0.85;\n      transform: scale(0.90);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(1.28);\n    }\n  }\n\n  .telecom-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 1120px) {\n    .telecom-menu {\n      position: absolute;\n      top: calc(100% + 12px);\n      left: 24px;\n      right: 24px;\n      display: none;\n      flex-direction: column;\n      align-items: stretch;\n      padding: 14px;\n      border-radius: 24px;\n      background: rgba(5, 18, 52, 0.98);\n      border: 1px solid rgba(255,255,255,0.14);\n      box-shadow: 0 24px 70px rgba(0,0,0,0.28);\n    }\n\n    .telecom-menu.is-open {\n      display: flex;\n    }\n\n    .telecom-menu a {\n      width: 100%;\n      padding: 15px 16px;\n    }\n\n    .telecom-menu-toggle {\n      display: block;\n    }\n\n    .telecom-header-button {\n      display: none;\n    }\n\n    .telecom-hero-grid {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n\n    .telecom-offer-position {\n      min-height: auto;\n    }\n\n    .telecom-offer-card {\n      position: relative;\n      right: auto;\n      bottom: auto;\n      margin-top: 8px;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-container,\n    .telecom-header-inner {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-header {\n      top: 12px;\n    }\n\n    .telecom-header-inner {\n      min-height: 66px;\n      padding: 10px 12px 10px 16px;\n      border-radius: 26px;\n    }\n\n    .telecom-logo {\n      min-width: unset;\n    }\n\n    .telecom-logo img {\n      height: 38px;\n    }\n\n    .telecom-hero {\n      min-height: auto;\n      padding: 126px 0 76px;\n      background-position: 67% center;\n    }\n\n    .telecom-hero::before {\n      background:\n        linear-gradient(90deg, rgba(2, 10, 34, 0.98) 0%, rgba(4, 20, 64, 0.90) 62%, rgba(4, 20, 64, 0.52) 100%),\n        radial-gradient(circle at 22% 18%, rgba(82, 226, 31, 0.14), transparent 30%);\n    }\n\n    .telecom-tag {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-hero h1 {\n      font-size: clamp(40px, 12.4vw, 58px);\n      line-height: 0.98;\n      letter-spacing: -2px;\n    }\n\n    .telecom-hero-text {\n      font-size: 17px;\n      line-height: 1.5;\n      margin-top: 20px;\n    }\n\n    .telecom-hero-actions {\n      flex-direction: column;\n      align-items: stretch;\n      margin-top: 30px;\n    }\n\n    .telecom-button {\n      width: 100%;\n    }\n\n    .telecom-offer-card {\n      width: 100%;\n      padding: 24px;\n      border-radius: 28px;\n    }\n\n    .telecom-offer-price .number {\n      font-size: 84px;\n      letter-spacing: -5px;\n    }\n\n    .telecom-offer-price .currency {\n      font-size: 28px;\n      margin-bottom: 11px;\n    }\n\n    .telecom-offer-price .month {\n      font-size: 17px;\n      margin-bottom: 11px;\n    }\n\n    .telecom-offer-link {\n      width: 100%;\n    }\n\n    .telecom-whatsapp {\n      right: 18px;\n      bottom: 18px;\n      width: 60px;\n      height: 60px;\n    }\n\n    .telecom-whatsapp svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n<\/style>\n\n<div class=\"telecom-home\" id=\"inicio\">\n\n  <header class=\"telecom-header\" id=\"telecomHeader\">\n    <div class=\"telecom-header-inner\">\n\n      <a href=\"#inicio\" class=\"telecom-logo\" aria-label=\"Telecom Internet\">\n        <img decoding=\"async\" src=\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/logo-telecom-2.png\" alt=\"Telecom Internet\">\n      <\/a>\n\n      <nav class=\"telecom-menu\" id=\"telecomMenu\">\n        <a href=\"#inicio\">In\u00edcio<\/a>\n        <a href=\"#planos\">Planos<\/a>\n        <a href=\"#empresas\">Empresas<\/a>\n        <a href=\"#beneficios\">Benef\u00edcios<\/a>\n        <a href=\"#cidades\">Cidades<\/a>\n        <a href=\"#avaliacoes\">Avalia\u00e7\u00f5es<\/a>\n        <a href=\"#contato\">Contato<\/a>\n      <\/nav>\n\n      <a class=\"telecom-header-button\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n        Consultar disponibilidade\n      <\/a>\n\n      <button class=\"telecom-menu-toggle\" id=\"telecomMenuToggle\" aria-label=\"Abrir menu\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n    <\/div>\n  <\/header>\n\n  <a class=\"telecom-whatsapp\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\" aria-label=\"Chamar no WhatsApp\">\n    <svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M16.02 3.2A12.72 12.72 0 0 0 5.1 22.45L3.6 28.8l6.48-1.46A12.72 12.72 0 1 0 16.02 3.2Zm0 23.18c-1.92 0-3.7-.52-5.25-1.43l-.38-.22-3.84.86.88-3.73-.25-.39a10.26 10.26 0 1 1 8.84 4.91Zm5.77-7.68c-.32-.16-1.88-.93-2.17-1.03-.29-.11-.5-.16-.72.16-.21.31-.83 1.03-1.02 1.24-.19.21-.38.24-.7.08-.32-.16-1.34-.49-2.55-1.56-.94-.84-1.58-1.88-1.76-2.2-.19-.32-.02-.49.14-.65.14-.14.32-.38.48-.57.16-.19.21-.32.32-.53.11-.21.05-.4-.03-.56-.08-.16-.72-1.73-.98-2.37-.26-.62-.52-.54-.72-.55h-.61c-.21 0-.56.08-.85.4-.29.32-1.12 1.09-1.12 2.66s1.15 3.09 1.31 3.3c.16.21 2.26 3.45 5.48 4.84.77.33 1.37.53 1.84.68.77.25 1.47.21 2.02.13.62-.09 1.88-.77 2.15-1.51.27-.74.27-1.38.19-1.51-.08-.13-.29-.21-.61-.37Z\"\/>\n    <\/svg>\n  <\/a>\n\n  <section class=\"telecom-hero\">\n\n    <div class=\"telecom-hero-light\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-container telecom-hero-grid\">\n\n      <div class=\"telecom-hero-content telecom-reveal\">\n        <div class=\"telecom-tag\">Internet 100% fibra \u00f3ptica<\/div>\n\n        <h1>\n          Internet r\u00e1pida para voc\u00ea n\u00e3o perder <span>nenhum momento.<\/span>\n        <\/h1>\n\n        <p class=\"telecom-hero-text\">\n          Planos de alta velocidade, conex\u00e3o est\u00e1vel e atendimento humanizado para sua casa, empresa, estudos, jogos, s\u00e9ries e chamadas de v\u00eddeo.\n        <\/p>\n\n        <div class=\"telecom-hero-actions\">\n          <a class=\"telecom-button telecom-button-primary\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n            Consultar disponibilidade\n          <\/a>\n\n          <a class=\"telecom-button telecom-button-secondary\" href=\"#planos\">\n            Conhe\u00e7a outros planos\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"telecom-offer-position telecom-reveal\">\n        <div class=\"telecom-offer-card\">\n\n          <div class=\"telecom-offer-label\">\n            Planos a partir de\n          <\/div>\n\n          <div class=\"telecom-offer-price\">\n            <span class=\"currency\">R$<\/span>\n            <span class=\"number\">52<\/span>\n            <span class=\"month\">m\u00eas<\/span>\n          <\/div>\n\n          <div class=\"telecom-offer-pill\">\n            + velocidade + estabilidade\n          <\/div>\n\n          <p class=\"telecom-offer-text\">\n            Consulte condi\u00e7\u00f5es, disponibilidade e planos dispon\u00edveis para sua cidade.\n          <\/p>\n\n          <a class=\"telecom-offer-link\" href=\"#planos\">\n            Conhe\u00e7a outros planos\n          <\/a>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  function telecomInitMenu() {\n    var header = document.getElementById(\"telecomHeader\");\n    var menu = document.getElementById(\"telecomMenu\");\n    var toggle = document.getElementById(\"telecomMenuToggle\");\n    var links = menu ? menu.querySelectorAll(\"a\") : [];\n    var reveals = document.querySelectorAll(\".telecom-reveal\");\n\n    var sectionIds = [\n      \"#inicio\",\n      \"#planos\",\n      \"#empresas\",\n      \"#beneficios\",\n      \"#cidades\",\n      \"#avaliacoes\",\n      \"#contato\"\n    ];\n\n    var ticking = false;\n\n    function setActive(activeId) {\n      for (var i = 0; i < links.length; i++) {\n        var link = links[i];\n\n        if (link.getAttribute(\"href\") === activeId) {\n          link.classList.add(\"active\");\n        } else {\n          link.classList.remove(\"active\");\n        }\n      }\n    }\n\n    function updateHeader() {\n      if (!header) return;\n\n      if (window.scrollY > 40) {\n        header.classList.add(\"is-scrolled\");\n      } else {\n        header.classList.remove(\"is-scrolled\");\n      }\n    }\n\n    function getCurrentSection() {\n      if (window.scrollY < 180) {\n        return \"#inicio\";\n      }\n\n      var marker = window.innerHeight * 0.38;\n      var current = \"#inicio\";\n\n      for (var i = 0; i < sectionIds.length; i++) {\n        var id = sectionIds[i];\n        var section = document.querySelector(id);\n\n        if (!section) continue;\n\n        var rect = section.getBoundingClientRect();\n\n        if (rect.top <= marker && rect.bottom > marker) {\n          current = id;\n        }\n      }\n\n      return current;\n    }\n\n    function updateMenuByScroll() {\n      updateHeader();\n      setActive(getCurrentSection());\n      ticking = false;\n    }\n\n    function requestMenuUpdate() {\n      if (!ticking) {\n        window.requestAnimationFrame(updateMenuByScroll);\n        ticking = true;\n      }\n    }\n\n    if (toggle && menu) {\n      toggle.addEventListener(\"click\", function () {\n        menu.classList.toggle(\"is-open\");\n      });\n    }\n\n    for (var i = 0; i < links.length; i++) {\n      links[i].addEventListener(\"click\", function () {\n        if (menu) {\n          menu.classList.remove(\"is-open\");\n        }\n\n        var href = this.getAttribute(\"href\");\n\n        if (href && href.indexOf(\"#\") === 0) {\n          setActive(href);\n\n          setTimeout(function () {\n            requestMenuUpdate();\n          }, 900);\n        }\n      });\n    }\n\n    if (\"IntersectionObserver\" in window) {\n      var observer = new IntersectionObserver(function (entries) {\n        for (var i = 0; i < entries.length; i++) {\n          if (entries[i].isIntersecting) {\n            entries[i].target.classList.add(\"is-visible\");\n          }\n        }\n      }, {\n        threshold: 0.12\n      });\n\n      for (var r = 0; r < reveals.length; r++) {\n        observer.observe(reveals[r]);\n      }\n    } else {\n      for (var x = 0; x < reveals.length; x++) {\n        reveals[x].classList.add(\"is-visible\");\n      }\n    }\n\n    window.addEventListener(\"scroll\", requestMenuUpdate, { passive: true });\n    window.addEventListener(\"resize\", requestMenuUpdate);\n\n    setTimeout(requestMenuUpdate, 300);\n    setTimeout(requestMenuUpdate, 900);\n    setTimeout(requestMenuUpdate, 1600);\n\n    updateHeader();\n    setActive(\"#inicio\");\n    requestMenuUpdate();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", telecomInitMenu);\n  } else {\n    telecomInitMenu();\n  }\n\n  window.addEventListener(\"load\", function () {\n    setTimeout(function () {\n      window.dispatchEvent(new Event(\"scroll\"));\n    }, 500);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb0c868 e-con-full e-flex e-con e-parent\" data-id=\"cb0c868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb1ba27 elementor-widget elementor-widget-html\" data-id=\"fb1ba27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 02\n     PLANOS\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 02\n  ====================================================== *\/\n\n  .telecom-planos-section,\n  .telecom-planos-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-planos-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-claro: rgba(255,255,255,0.86);\n    --texto-suave: rgba(255,255,255,0.70);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: #06153A;\n  }\n\n  .telecom-planos-section a {\n    text-decoration: none;\n  }\n\n  .telecom-planos-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 3;\n  }\n\n  \/* =====================================================\n     02. SE\u00c7\u00c3O PLANOS \/ FUNDO\n  ====================================================== *\/\n\n  .telecom-planos {\n    position: relative;\n    padding: 82px 0 82px;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        180deg,\n        rgba(6, 21, 58, 0.42) 0%,\n        rgba(6, 21, 58, 0.52) 48%,\n        rgba(6, 21, 58, 0.72) 100%\n      ),\n      linear-gradient(\n        90deg,\n        rgba(3, 12, 38, 0.68) 0%,\n        rgba(3, 18, 58, 0.34) 42%,\n        rgba(3, 18, 58, 0.28) 100%\n      ),\n      url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-conteiner-2.jpeg\") center center \/ cover no-repeat;\n  }\n\n  .telecom-planos::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 11% 16%, rgba(82, 226, 31, 0.10), transparent 24%),\n      radial-gradient(circle at 82% 20%, rgba(0, 163, 255, 0.08), transparent 32%),\n      linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.18));\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-planos::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);\n    background-size: 82px 82px;\n    opacity: 0.18;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-planos-topline {\n    width: 100%;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--verde), transparent);\n    opacity: 0.85;\n    margin-bottom: 26px;\n    border-radius: 999px;\n  }\n\n  \/* =====================================================\n     03. CABE\u00c7ALHO DA SE\u00c7\u00c3O\n  ====================================================== *\/\n\n  .telecom-planos-header {\n    position: relative;\n    z-index: 3;\n    max-width: 940px;\n    margin-bottom: 42px;\n  }\n\n  .telecom-planos-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 17px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.13);\n    border: 1px solid rgba(82, 226, 31, 0.34);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 18px;\n    box-shadow: inset 0 0 24px rgba(82, 226, 31, 0.06);\n  }\n\n  .telecom-planos-kicker::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82, 226, 31, 0.9);\n  }\n\n  .telecom-planos-title {\n    margin: 0;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(40px, 4.25vw, 64px);\n    line-height: 0.98;\n    letter-spacing: -1.8px;\n    font-weight: 900;\n    text-shadow: 0 12px 42px rgba(0,0,0,0.28);\n  }\n\n  .telecom-planos-title .highlight {\n    color: var(--verde);\n    text-shadow: 0 0 30px rgba(82, 226, 31, 0.22);\n  }\n\n  .telecom-planos-subtitle {\n    margin: 18px 0 0;\n    max-width: 890px;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.38vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n    text-shadow: 0 8px 24px rgba(0,0,0,0.18);\n  }\n\n  \/* =====================================================\n     04. GRID DOS CARDS\n  ====================================================== *\/\n\n  .telecom-planos-grid {\n    position: relative;\n    z-index: 3;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 26px;\n    align-items: stretch;\n  }\n\n  .telecom-plano-card {\n    position: relative;\n    min-height: 100%;\n    padding: 28px 26px 24px;\n    border-radius: 32px;\n    background: linear-gradient(\n      180deg,\n      rgba(8, 32, 87, 0.70) 0%,\n      rgba(4, 19, 56, 0.86) 100%\n    );\n    border: 1px solid rgba(82, 226, 31, 0.42);\n    box-shadow:\n      0 24px 70px rgba(0, 10, 40, 0.30),\n      inset 0 0 0 1px rgba(255,255,255,0.045);\n    backdrop-filter: blur(16px) saturate(130%);\n    -webkit-backdrop-filter: blur(16px) saturate(130%);\n    overflow: hidden;\n    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;\n  }\n\n  .telecom-plano-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(82, 226, 31, 0.78);\n    box-shadow:\n      0 36px 90px rgba(0, 10, 40, 0.42),\n      0 0 36px rgba(82, 226, 31, 0.16);\n  }\n\n  .telecom-plano-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 84% 8%, rgba(82,226,31,0.18), transparent 28%),\n      radial-gradient(circle at 12% 90%, rgba(0,163,255,0.11), transparent 26%);\n    pointer-events: none;\n  }\n\n  .telecom-plano-card.featured {\n    border-color: rgba(82, 226, 31, 0.92);\n    background: linear-gradient(\n      180deg,\n      rgba(10, 38, 98, 0.78) 0%,\n      rgba(4, 19, 56, 0.92) 100%\n    );\n    box-shadow:\n      0 34px 94px rgba(0, 10, 40, 0.46),\n      0 0 40px rgba(82, 226, 31, 0.17);\n  }\n\n  .telecom-plano-badge {\n    position: absolute;\n    top: 18px;\n    right: 18px;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 14px 30px rgba(82, 226, 31, 0.28);\n  }\n\n  .telecom-plano-name {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 16px;\n    color: rgba(255,255,255,0.88);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 22px;\n    line-height: 1.1;\n    font-weight: 800;\n  }\n\n  \/* =====================================================\n     05. VELOCIDADE DOS PLANOS\n  ====================================================== *\/\n\n  .telecom-plano-speed {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n    margin-bottom: 18px;\n    flex-wrap: wrap;\n  }\n\n  .telecom-plano-speed-number {\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(72px, 5vw, 94px);\n    line-height: 0.82;\n    letter-spacing: -4px;\n    font-weight: 900;\n    text-shadow: 0 10px 34px rgba(0,0,0,0.24);\n  }\n\n  .telecom-plano-speed-unit {\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    border-radius: 14px;\n    background: rgba(82, 226, 31, 0.94);\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 12px 26px rgba(82, 226, 31, 0.26);\n  }\n\n  \/* =====================================================\n     05.1 AJUSTE ESPECIAL DO 1 GIGA\n  ====================================================== *\/\n\n  .telecom-plano-speed.ultra-speed {\n    align-items: flex-end;\n    gap: 8px;\n    margin-bottom: 14px;\n    flex-wrap: nowrap;\n  }\n\n  .telecom-plano-speed.ultra-speed .telecom-plano-speed-number {\n    font-size: clamp(76px, 5.2vw, 96px);\n    line-height: 0.82;\n    letter-spacing: -3px;\n    color: #ffffff;\n    margin: 0;\n  }\n\n  .telecom-plano-speed.ultra-speed .telecom-plano-speed-unit {\n    background: transparent;\n    box-shadow: none;\n    padding: 0;\n    margin: 0 0 2px 0;\n    border-radius: 0;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(62px, 4.7vw, 90px);\n    line-height: 0.82;\n    letter-spacing: -3px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .telecom-plano-main-benefit {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40px;\n    padding: 10px 16px;\n    margin: 0 0 16px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow:\n      0 15px 32px rgba(82, 226, 31, 0.30),\n      0 0 28px rgba(82, 226, 31, 0.12);\n  }\n\n  \/* =====================================================\n     06. PRE\u00c7O \/ BENEF\u00cdCIOS \/ BOT\u00d5ES\n  ====================================================== *\/\n\n  .telecom-plano-pill {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.15);\n    border: 1px solid rgba(82, 226, 31, 0.30);\n    color: var(--verde-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 12px;\n  }\n\n  .telecom-plano-price {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-end;\n    gap: 4px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n  }\n\n  .telecom-plano-price-currency {\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 24px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 10px;\n  }\n\n  .telecom-plano-price-main {\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(44px, 3vw, 60px);\n    line-height: 0.92;\n    letter-spacing: -2px;\n    font-weight: 900;\n  }\n\n  .telecom-plano-price-cents {\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 20px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 10px;\n  }\n\n  .telecom-plano-price-month {\n    color: rgba(255,255,255,0.82);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 700;\n    margin-bottom: 10px;\n    margin-left: 2px;\n  }\n\n  .telecom-plano-free {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 42px;\n    padding: 10px 16px;\n    border-radius: 999px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 16px;\n    box-shadow: 0 16px 32px rgba(82, 226, 31, 0.24);\n  }\n\n  .telecom-plano-benefits {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n\n  .telecom-plano-benefit {\n    padding: 9px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.09);\n    border: 1px solid rgba(255,255,255,0.11);\n    color: rgba(255,255,255,0.90);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 700;\n  }\n\n  .telecom-plano-button {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    min-height: 54px;\n    padding: 16px 18px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 16px 34px rgba(82, 226, 31, 0.28);\n    transition: transform 0.24s ease, box-shadow 0.24s ease;\n  }\n\n  .telecom-plano-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 22px 40px rgba(82, 226, 31, 0.36);\n  }\n\n  .telecom-planos-note {\n    position: relative;\n    z-index: 3;\n    margin-top: 28px;\n    text-align: center;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.5;\n    font-weight: 400;\n  }\n\n  .telecom-planos-note strong {\n    color: #ffffff;\n    font-weight: 800;\n  }\n\n  \/* =====================================================\n     07. ANIMA\u00c7\u00c3O DE ENTRADA\n  ====================================================== *\/\n\n  .telecom-planos-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-planos-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     08. RESPONSIVO\n  ====================================================== *\/\n\n  @media (max-width: 1120px) {\n    .telecom-planos {\n      padding: 80px 0 76px;\n    }\n\n    .telecom-planos-grid {\n      grid-template-columns: 1fr;\n      gap: 22px;\n      max-width: 720px;\n      margin: 0 auto;\n    }\n\n    .telecom-planos-header {\n      text-align: center;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .telecom-planos-kicker {\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-planos-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-planos {\n      padding: 70px 0 70px;\n      background-position: center center;\n    }\n\n    .telecom-planos-topline {\n      margin-bottom: 22px;\n    }\n\n    .telecom-planos-title {\n      font-size: clamp(32px, 9.2vw, 46px);\n      line-height: 1;\n      letter-spacing: -1.2px;\n    }\n\n    .telecom-planos-subtitle {\n      font-size: 16px;\n      line-height: 1.55;\n      margin-top: 14px;\n    }\n\n    .telecom-planos-header {\n      margin-bottom: 34px;\n    }\n\n    .telecom-plano-card {\n      padding: 24px 20px 20px;\n      border-radius: 24px;\n    }\n\n    .telecom-plano-name {\n      font-size: 20px;\n      margin-bottom: 14px;\n    }\n\n    .telecom-plano-speed-number {\n      font-size: 66px;\n      letter-spacing: -3px;\n    }\n\n    .telecom-plano-speed-unit {\n      font-size: 16px;\n      padding: 7px 10px;\n      margin-bottom: 10px;\n    }\n\n    .telecom-plano-speed.ultra-speed {\n      gap: 6px;\n    }\n\n    .telecom-plano-speed.ultra-speed .telecom-plano-speed-number {\n      font-size: 68px;\n    }\n\n    .telecom-plano-speed.ultra-speed .telecom-plano-speed-unit {\n      font-size: 54px;\n      margin-bottom: 1px;\n      padding: 0;\n    }\n\n    .telecom-plano-main-benefit {\n      font-size: 14px;\n      min-height: 38px;\n      padding: 9px 14px;\n    }\n\n    .telecom-plano-price-main {\n      font-size: 46px;\n    }\n\n    .telecom-plano-price-cents,\n    .telecom-plano-price-month {\n      font-size: 17px;\n      margin-bottom: 8px;\n    }\n\n    .telecom-plano-price-currency {\n      font-size: 22px;\n      margin-bottom: 8px;\n    }\n\n    .telecom-plano-free {\n      font-size: 15px;\n      min-height: 40px;\n      padding: 10px 14px;\n    }\n\n    .telecom-plano-benefits {\n      gap: 8px;\n      margin-bottom: 20px;\n    }\n\n    .telecom-plano-benefit {\n      font-size: 13px;\n      padding: 8px 10px;\n    }\n\n    .telecom-plano-button {\n      min-height: 50px;\n      font-size: 15px;\n    }\n\n    .telecom-planos-note {\n      font-size: 14px;\n      margin-top: 22px;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     09. ESTRUTURA HTML - PLANOS\n====================================================== -->\n\n<div class=\"telecom-planos-section\" id=\"planos\">\n\n  <section class=\"telecom-planos\">\n    <div class=\"telecom-planos-wrap\">\n\n      <!-- =========================\n           09.1 TOPO DA SE\u00c7\u00c3O\n      ========================== -->\n      <div class=\"telecom-planos-topline telecom-planos-reveal\"><\/div>\n\n      <div class=\"telecom-planos-header telecom-planos-reveal\">\n        <div class=\"telecom-planos-kicker\">Planos residenciais<\/div>\n\n        <h2 class=\"telecom-planos-title\">\n          ESCOLHA O SEU NOVO <span class=\"highlight\">PLANO<\/span>\n        <\/h2>\n\n        <p class=\"telecom-planos-subtitle\">\n          Descubra os melhores combos para turbinar sua navega\u00e7\u00e3o, filmes, jogos e rotina digital com mais velocidade, estabilidade e benef\u00edcios reais.\n        <\/p>\n      <\/div>\n\n      <!-- =========================\n           09.2 GRID DOS PLANOS\n      ========================== -->\n      <div class=\"telecom-planos-grid\">\n\n        <!-- PLANO 01 -->\n        <div class=\"telecom-plano-card telecom-planos-reveal\">\n          <h3 class=\"telecom-plano-name\">Telecom Mais+<\/h3>\n\n          <div class=\"telecom-plano-speed\">\n            <span class=\"telecom-plano-speed-number\">150<\/span>\n            <span class=\"telecom-plano-speed-unit\">mega<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-pill\">Apenas<\/div>\n\n          <div class=\"telecom-plano-price\">\n            <span class=\"telecom-plano-price-currency\">R$<\/span>\n            <span class=\"telecom-plano-price-main\">85<\/span>\n            <span class=\"telecom-plano-price-cents\">,00<\/span>\n            <span class=\"telecom-plano-price-month\">\/m\u00eas<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-free\">Instala\u00e7\u00e3o gratuita<\/div>\n\n          <div class=\"telecom-plano-benefits\">\n            <span class=\"telecom-plano-benefit\">+ Telecom TV (150 canais)<\/span>\n          <\/div>\n\n          <a class=\"telecom-plano-button\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n            Contratar\n          <\/a>\n        <\/div>\n\n        <!-- PLANO 02 -->\n        <div class=\"telecom-plano-card telecom-planos-reveal\">\n          <h3 class=\"telecom-plano-name\">Telecom Plus<\/h3>\n\n          <div class=\"telecom-plano-speed\">\n            <span class=\"telecom-plano-speed-number\">650<\/span>\n            <span class=\"telecom-plano-speed-unit\">mega<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-pill\">Apenas<\/div>\n\n          <div class=\"telecom-plano-price\">\n            <span class=\"telecom-plano-price-currency\">R$<\/span>\n            <span class=\"telecom-plano-price-main\">99<\/span>\n            <span class=\"telecom-plano-price-cents\">,90<\/span>\n            <span class=\"telecom-plano-price-month\">\/m\u00eas<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-free\">Instala\u00e7\u00e3o gratuita<\/div>\n\n          <div class=\"telecom-plano-benefits\">\n            <span class=\"telecom-plano-benefit\">+ Wi-fi 5<\/span>\n            <span class=\"telecom-plano-benefit\">+ Telecom TV (150 canais)<\/span>\n          <\/div>\n\n          <a class=\"telecom-plano-button\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n            Contratar\n          <\/a>\n        <\/div>\n\n        <!-- PLANO 03 -->\n        <div class=\"telecom-plano-card featured telecom-planos-reveal\">\n          <div class=\"telecom-plano-badge\">Mais completo<\/div>\n\n          <h3 class=\"telecom-plano-name\">Telecom Ultra<\/h3>\n\n          <div class=\"telecom-plano-speed ultra-speed\">\n            <span class=\"telecom-plano-speed-number\">1<\/span>\n            <span class=\"telecom-plano-speed-unit\">GIGA<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-main-benefit\">\n            + Telecom Sa\u00fade\n          <\/div>\n\n          <div class=\"telecom-plano-pill\">Apenas<\/div>\n\n          <div class=\"telecom-plano-price\">\n            <span class=\"telecom-plano-price-currency\">R$<\/span>\n            <span class=\"telecom-plano-price-main\">119<\/span>\n            <span class=\"telecom-plano-price-cents\">,90<\/span>\n            <span class=\"telecom-plano-price-month\">\/m\u00eas<\/span>\n          <\/div>\n\n          <div class=\"telecom-plano-free\">Instala\u00e7\u00e3o gratuita<\/div>\n\n          <div class=\"telecom-plano-benefits\">\n            <span class=\"telecom-plano-benefit\">+ Wi-fi 6<\/span>\n            <span class=\"telecom-plano-benefit\">+ Telecom TV (150 canais)<\/span>\n          <\/div>\n\n          <a class=\"telecom-plano-button\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n            Contratar\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================\n           09.3 OBSERVA\u00c7\u00c3O\n      ========================== -->\n      <p class=\"telecom-planos-note telecom-planos-reveal\">\n        Esses s\u00e3o alguns dos planos que temos para voc\u00ea. <strong>Entre em contato<\/strong> e vamos personalizar a melhor op\u00e7\u00e3o para sua necessidade.\n      <\/p>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     10. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const planosItems = document.querySelectorAll(\".telecom-planos-reveal\");\n\n    const planosObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    planosItems.forEach(function(item) {\n      planosObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1043f29 e-con-full e-flex e-con e-parent\" data-id=\"1043f29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ba8f9 elementor-widget elementor-widget-html\" data-id=\"45ba8f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 03\n     EMPRESAS \/ PLANOS EMPRESARIAIS\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 03\n  ====================================================== *\/\n\n  .telecom-empresas-section,\n  .telecom-empresas-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-empresas-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-escuro: #06153A;\n    --texto-azul: #063B9A;\n    --texto-suave: rgba(6, 21, 58, 0.72);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: #f7fbff;\n  }\n\n  .telecom-empresas-section a {\n    text-decoration: none;\n  }\n\n  .telecom-empresas-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 4;\n  }\n\n  \/* =====================================================\n     02. FUNDO \/ ESTRUTURA DA SE\u00c7\u00c3O\n  ====================================================== *\/\n\n  .telecom-empresas {\n    position: relative;\n    min-height: 760px;\n    padding: 110px 0 100px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(255,255,255,0.98) 0%,\n        rgba(255,255,255,0.96) 31%,\n        rgba(255,255,255,0.72) 52%,\n        rgba(255,255,255,0.20) 100%\n      ),\n      url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-conteiner-3.jpeg\") center center \/ cover no-repeat;\n  }\n\n  .telecom-empresas::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 14% 18%, rgba(82, 226, 31, 0.13), transparent 25%),\n      radial-gradient(circle at 42% 72%, rgba(0, 87, 231, 0.10), transparent 32%),\n      linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.22));\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .telecom-empresas::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 5px;\n    background: linear-gradient(90deg, var(--verde), var(--azul-principal), transparent);\n    opacity: 0.95;\n    z-index: 2;\n  }\n\n  .telecom-empresas-light {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-empresas-light span {\n    position: absolute;\n    width: 520px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, rgba(0, 87, 231, 0.42), rgba(82, 226, 31, 0.46), transparent);\n    transform: rotate(-13deg);\n    opacity: 0.32;\n    animation: telecomEmpresaLight 8s linear infinite;\n  }\n\n  .telecom-empresas-light span:nth-child(1) {\n    top: 22%;\n    left: -38%;\n    animation-delay: 0s;\n  }\n\n  .telecom-empresas-light span:nth-child(2) {\n    top: 69%;\n    left: -44%;\n    animation-delay: 3s;\n  }\n\n  @keyframes telecomEmpresaLight {\n    0% {\n      opacity: 0;\n      transform: translateX(0) rotate(-13deg);\n    }\n\n    18% {\n      opacity: 0.34;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translateX(170vw) rotate(-13deg);\n    }\n  }\n\n  \/* =====================================================\n     03. CONTE\u00daDO PRINCIPAL\n  ====================================================== *\/\n\n  .telecom-empresas-content {\n    max-width: 650px;\n    position: relative;\n    z-index: 5;\n  }\n\n  .telecom-empresas-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.14);\n    border: 1px solid rgba(82, 226, 31, 0.38);\n    color: var(--azul-principal);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 22px;\n    box-shadow: inset 0 0 24px rgba(82, 226, 31, 0.05);\n  }\n\n  .telecom-empresas-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82, 226, 31, 0.90);\n  }\n\n  .telecom-empresas-title {\n    margin: 0;\n    max-width: 680px;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(42px, 4.5vw, 68px);\n    line-height: 0.98;\n    letter-spacing: -2px;\n    font-weight: 900;\n  }\n\n  .telecom-empresas-title span {\n    color: var(--verde);\n    text-shadow: 0 0 28px rgba(82, 226, 31, 0.16);\n  }\n\n  .telecom-empresas-text {\n    margin: 22px 0 0;\n    max-width: 610px;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.35vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     04. DIFERENCIAIS EMPRESARIAIS\n  ====================================================== *\/\n\n  .telecom-empresas-cards {\n    margin-top: 34px;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n    max-width: 620px;\n  }\n\n  .telecom-empresa-card {\n    position: relative;\n    padding: 20px 18px;\n    border-radius: 22px;\n    background: rgba(255,255,255,0.72);\n    border: 1px solid rgba(0, 87, 231, 0.12);\n    box-shadow:\n      0 18px 46px rgba(0, 35, 110, 0.08),\n      inset 0 0 0 1px rgba(255,255,255,0.38);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n    overflow: hidden;\n    transition: all 0.28s ease;\n  }\n\n  .telecom-empresa-card::before {\n    content: \"\";\n    position: absolute;\n    right: -45px;\n    top: -45px;\n    width: 105px;\n    height: 105px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82, 226, 31, 0.18), transparent 70%);\n    pointer-events: none;\n  }\n\n  .telecom-empresa-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(82, 226, 31, 0.52);\n    box-shadow:\n      0 26px 58px rgba(0, 35, 110, 0.13),\n      0 0 30px rgba(82, 226, 31, 0.12);\n  }\n\n  .telecom-empresa-icon {\n    width: 42px;\n    height: 42px;\n    border-radius: 14px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 12px;\n    background: linear-gradient(135deg, var(--azul-principal), var(--azul-claro));\n    color: #ffffff;\n    box-shadow: 0 14px 28px rgba(0, 87, 231, 0.22);\n  }\n\n  .telecom-empresa-icon svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .telecom-empresa-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 7px;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1.15;\n    font-weight: 900;\n  }\n\n  .telecom-empresa-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: rgba(6, 21, 58, 0.66);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.42;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     05. BOT\u00d5ES \/ CTA\n  ====================================================== *\/\n\n  .telecom-empresas-actions {\n    margin-top: 34px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    align-items: center;\n  }\n\n  .telecom-empresas-button {\n    min-height: 58px;\n    padding: 17px 30px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-empresas-button.primary {\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow: 0 18px 46px rgba(82, 226, 31, 0.28);\n  }\n\n  .telecom-empresas-button.primary:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 25px 58px rgba(82, 226, 31, 0.38);\n  }\n\n  .telecom-empresas-button.secondary {\n    background: rgba(6, 21, 58, 0.06);\n    border: 1px solid rgba(6, 21, 58, 0.12);\n    color: var(--azul-profundo);\n  }\n\n  .telecom-empresas-button.secondary:hover {\n    color: var(--azul-principal);\n    border-color: rgba(0, 87, 231, 0.36);\n    transform: translateY(-3px);\n    background: rgba(255,255,255,0.68);\n  }\n\n  .telecom-empresas-note {\n    margin-top: 18px;\n    max-width: 600px;\n    color: rgba(6, 21, 58, 0.58);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-empresas-note strong {\n    color: var(--azul-profundo);\n    font-weight: 900;\n  }\n\n  \/* =====================================================\n     06. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-empresas-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-empresas-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     07. RESPONSIVO \/ MOBILE\n  ====================================================== *\/\n\n  @media (max-width: 1120px) {\n    .telecom-empresas {\n      min-height: auto;\n      padding: 92px 0 86px;\n      background:\n        linear-gradient(\n          90deg,\n          rgba(255,255,255,0.98) 0%,\n          rgba(255,255,255,0.94) 48%,\n          rgba(255,255,255,0.48) 100%\n        ),\n        url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-conteiner-3.jpeg\") 62% center \/ cover no-repeat;\n    }\n\n    .telecom-empresas-content {\n      max-width: 620px;\n    }\n\n    .telecom-empresas-cards {\n      grid-template-columns: 1fr;\n      max-width: 560px;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-empresas-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-empresas {\n      padding: 76px 0 72px;\n      background:\n        linear-gradient(\n          180deg,\n          rgba(255,255,255,0.98) 0%,\n          rgba(255,255,255,0.94) 48%,\n          rgba(255,255,255,0.72) 100%\n        ),\n        url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-conteiner-3.jpeg\") 70% center \/ cover no-repeat;\n    }\n\n    .telecom-empresas::before {\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.78)),\n        radial-gradient(circle at 20% 12%, rgba(82, 226, 31, 0.12), transparent 30%);\n    }\n\n    .telecom-empresas-kicker {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-empresas-title {\n      font-size: clamp(36px, 10vw, 50px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-empresas-text {\n      font-size: 16px;\n      line-height: 1.5;\n      margin-top: 18px;\n    }\n\n    .telecom-empresas-cards {\n      margin-top: 28px;\n      gap: 12px;\n    }\n\n    .telecom-empresa-card {\n      padding: 18px 16px;\n      border-radius: 20px;\n      background: rgba(255,255,255,0.84);\n    }\n\n    .telecom-empresas-actions {\n      flex-direction: column;\n      align-items: stretch;\n      margin-top: 28px;\n    }\n\n    .telecom-empresas-button {\n      width: 100%;\n      min-height: 54px;\n    }\n\n    .telecom-empresas-note {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     08. ESTRUTURA HTML - EMPRESAS\n====================================================== -->\n\n<div class=\"telecom-empresas-section\" id=\"empresas\">\n\n  <section class=\"telecom-empresas\">\n\n    <div class=\"telecom-empresas-light\">\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-empresas-wrap\">\n\n      <div class=\"telecom-empresas-content telecom-empresas-reveal\">\n\n        <!-- =========================\n             08.1 T\u00cdTULO \/ TEXTO\n        ========================== -->\n        <div class=\"telecom-empresas-kicker\">\n          Solu\u00e7\u00f5es para empresas\n        <\/div>\n\n        <h2 class=\"telecom-empresas-title\">\n          Internet est\u00e1vel para manter sua empresa <span>sempre conectada.<\/span>\n        <\/h2>\n\n        <p class=\"telecom-empresas-text\">\n          Planos empresariais com alta velocidade, estabilidade real e suporte pr\u00f3ximo para empresas que dependem de internet todos os dias.\n        <\/p>\n\n        <!-- =========================\n             08.2 CARDS DE DIFERENCIAIS\n        ========================== -->\n        <div class=\"telecom-empresas-cards\">\n\n          <div class=\"telecom-empresa-card\">\n            <div class=\"telecom-empresa-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 17l6-6 4 4 6-8\"\/>\n                <path d=\"M14 7h6v6\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Estabilidade para opera\u00e7\u00e3o<\/h3>\n            <p>Mais seguran\u00e7a para sistemas, vendas, atendimento e comunica\u00e7\u00e3o interna.<\/p>\n          <\/div>\n\n          <div class=\"telecom-empresa-card\">\n            <div class=\"telecom-empresa-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 12a8 8 0 0 1 16 0\"\/>\n                <path d=\"M4 12v4a2 2 0 0 0 2 2h1\"\/>\n                <path d=\"M20 12v4a2 2 0 0 1-2 2h-1\"\/>\n                <path d=\"M8 12v4\"\/>\n                <path d=\"M16 12v4\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Suporte humanizado<\/h3>\n            <p>Atendimento pr\u00f3ximo para ajudar sua empresa com mais agilidade.<\/p>\n          <\/div>\n\n          <div class=\"telecom-empresa-card\">\n            <div class=\"telecom-empresa-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 12h18\"\/>\n                <path d=\"M12 3v18\"\/>\n                <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Planos sob consulta<\/h3>\n            <p>Solu\u00e7\u00f5es ajustadas ao porte, rotina e necessidade do seu neg\u00f3cio.<\/p>\n          <\/div>\n\n          <div class=\"telecom-empresa-card\">\n            <div class=\"telecom-empresa-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M5 13a10 10 0 0 1 14 0\"\/>\n                <path d=\"M8.5 16.5a5 5 0 0 1 7 0\"\/>\n                <path d=\"M12 20h.01\"\/>\n                <path d=\"M4 21h16\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Fibra de verdade<\/h3>\n            <p>Mais desempenho para equipes conectadas, reuni\u00f5es e trabalho online.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- =========================\n             08.3 CTA\n        ========================== -->\n        <div class=\"telecom-empresas-actions\">\n          <a class=\"telecom-empresas-button primary\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n            Fale com nosso time comercial\n          <\/a>\n\n          <a class=\"telecom-empresas-button secondary\" href=\"#beneficios\">\n            Ver diferenciais\n          <\/a>\n        <\/div>\n\n        <p class=\"telecom-empresas-note\">\n          <strong>Atendimento consultivo:<\/strong> entre em contato para verificar disponibilidade, condi\u00e7\u00f5es e solu\u00e7\u00f5es para sua empresa.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     09. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const empresasItems = document.querySelectorAll(\".telecom-empresas-reveal\");\n\n    const empresasObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    empresasItems.forEach(function(item) {\n      empresasObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff528f0 e-con-full e-flex e-con e-parent\" data-id=\"ff528f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b66e308 elementor-widget elementor-widget-html\" data-id=\"b66e308\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 04\n     BENEF\u00cdCIOS \/ POR QUE ESCOLHER A TELECOM\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 04\n  ====================================================== *\/\n\n  .telecom-beneficios-section,\n  .telecom-beneficios-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-beneficios-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-claro: rgba(255,255,255,0.86);\n    --texto-suave: rgba(255,255,255,0.68);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--azul-profundo);\n  }\n\n  .telecom-beneficios-section a {\n    text-decoration: none;\n  }\n\n  .telecom-beneficios-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 4;\n  }\n\n  \/* =====================================================\n     02. FUNDO \/ AMBIENTE VISUAL\n  ====================================================== *\/\n\n  .telecom-beneficios {\n    position: relative;\n    padding: 110px 0 105px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 16% 18%, rgba(82, 226, 31, 0.16), transparent 26%),\n      radial-gradient(circle at 84% 20%, rgba(0, 163, 255, 0.18), transparent 30%),\n      radial-gradient(circle at 50% 90%, rgba(0, 87, 231, 0.18), transparent 34%),\n      linear-gradient(135deg, #06153A 0%, #00318F 48%, #06153A 100%);\n  }\n\n  .telecom-beneficios::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);\n    background-size: 82px 82px;\n    opacity: 0.36;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-beneficios::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(6,21,58,0.10) 0%, rgba(6,21,58,0.32) 100%),\n      radial-gradient(circle at 70% 62%, rgba(82,226,31,0.08), transparent 28%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-beneficios-lines {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-beneficios-lines span {\n    position: absolute;\n    width: 620px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, rgba(0,163,255,0.65), rgba(82,226,31,0.75), transparent);\n    filter: blur(0.25px);\n    opacity: 0;\n    transform: rotate(-15deg);\n    animation: telecomBeneficiosLine 8.5s linear infinite;\n  }\n\n  .telecom-beneficios-lines span:nth-child(1) {\n    top: 20%;\n    left: -45%;\n    animation-delay: 0s;\n  }\n\n  .telecom-beneficios-lines span:nth-child(2) {\n    top: 54%;\n    left: -52%;\n    animation-delay: 2.7s;\n  }\n\n  .telecom-beneficios-lines span:nth-child(3) {\n    top: 82%;\n    left: -38%;\n    animation-delay: 5.2s;\n  }\n\n  @keyframes telecomBeneficiosLine {\n    0% {\n      opacity: 0;\n      transform: translateX(0) rotate(-15deg);\n    }\n\n    18% {\n      opacity: 0.48;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translateX(175vw) rotate(-15deg);\n    }\n  }\n\n  \/* =====================================================\n     03. CABE\u00c7ALHO\n  ====================================================== *\/\n\n  .telecom-beneficios-header {\n    position: relative;\n    z-index: 4;\n    max-width: 850px;\n    margin-bottom: 46px;\n  }\n\n  .telecom-beneficios-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.13);\n    border: 1px solid rgba(82, 226, 31, 0.36);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 20px;\n    box-shadow: inset 0 0 24px rgba(82, 226, 31, 0.06);\n  }\n\n  .telecom-beneficios-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82, 226, 31, 0.95);\n  }\n\n  .telecom-beneficios-title {\n    margin: 0;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(42px, 4.5vw, 68px);\n    line-height: 0.98;\n    letter-spacing: -2px;\n    font-weight: 900;\n    text-shadow: 0 14px 44px rgba(0,0,0,0.26);\n  }\n\n  .telecom-beneficios-title span {\n    color: var(--verde);\n    text-shadow: 0 0 34px rgba(82, 226, 31, 0.26);\n  }\n\n  .telecom-beneficios-text {\n    margin: 20px 0 0;\n    max-width: 760px;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.35vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     04. GRID DE BENEF\u00cdCIOS\n  ====================================================== *\/\n\n  .telecom-beneficios-grid {\n    position: relative;\n    z-index: 4;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .telecom-beneficio-card {\n    position: relative;\n    min-height: 310px;\n    padding: 28px 24px 24px;\n    border-radius: 30px;\n    background: linear-gradient(\n      180deg,\n      rgba(255,255,255,0.13) 0%,\n      rgba(255,255,255,0.055) 100%\n    );\n    border: 1px solid rgba(255,255,255,0.16);\n    box-shadow:\n      0 24px 70px rgba(0, 10, 40, 0.28),\n      inset 0 0 0 1px rgba(255,255,255,0.05);\n    backdrop-filter: blur(18px) saturate(135%);\n    -webkit-backdrop-filter: blur(18px) saturate(135%);\n    overflow: hidden;\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\n  }\n\n  .telecom-beneficio-card::before {\n    content: \"\";\n    position: absolute;\n    right: -70px;\n    top: -70px;\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.22), rgba(82,226,31,0.06) 56%, transparent 72%);\n    pointer-events: none;\n  }\n\n  .telecom-beneficio-card::after {\n    content: \"\";\n    position: absolute;\n    left: 24px;\n    right: 24px;\n    top: 0;\n    height: 4px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(90deg, var(--azul-claro), var(--verde));\n    opacity: 0;\n    transition: opacity 0.28s ease;\n  }\n\n  .telecom-beneficio-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(82, 226, 31, 0.58);\n    background: linear-gradient(\n      180deg,\n      rgba(255,255,255,0.18) 0%,\n      rgba(255,255,255,0.075) 100%\n    );\n    box-shadow:\n      0 36px 92px rgba(0, 10, 40, 0.42),\n      0 0 38px rgba(82, 226, 31, 0.13);\n  }\n\n  .telecom-beneficio-card:hover::after {\n    opacity: 1;\n  }\n\n  .telecom-beneficio-icon {\n    position: relative;\n    z-index: 2;\n    width: 62px;\n    height: 62px;\n    border-radius: 20px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow:\n      0 18px 40px rgba(82, 226, 31, 0.26),\n      0 0 32px rgba(82, 226, 31, 0.10);\n    transition: transform 0.28s ease;\n  }\n\n  .telecom-beneficio-card:hover .telecom-beneficio-icon {\n    transform: scale(1.06) rotate(-2deg);\n  }\n\n  .telecom-beneficio-icon svg {\n    width: 31px;\n    height: 31px;\n  }\n\n  .telecom-beneficio-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 23px;\n    line-height: 1.08;\n    font-weight: 900;\n  }\n\n  .telecom-beneficio-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.48;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     05. BLOCO DE REFOR\u00c7O \/ CTA\n  ====================================================== *\/\n\n  .telecom-beneficios-bottom {\n    position: relative;\n    z-index: 4;\n    margin-top: 34px;\n    padding: 26px 30px;\n    border-radius: 30px;\n    background: rgba(255,255,255,0.10);\n    border: 1px solid rgba(255,255,255,0.14);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    box-shadow: 0 24px 70px rgba(0, 10, 40, 0.26);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 28px;\n  }\n\n  .telecom-beneficios-proof {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n  }\n\n  .telecom-beneficios-proof-number {\n    min-width: 92px;\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(40px, 4vw, 58px);\n    line-height: 0.9;\n    letter-spacing: -2px;\n    font-weight: 900;\n    text-shadow: 0 0 28px rgba(82,226,31,0.18);\n  }\n\n  .telecom-beneficios-proof-text {\n    max-width: 630px;\n  }\n\n  .telecom-beneficios-proof-text strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 900;\n  }\n\n  .telecom-beneficios-proof-text span {\n    display: block;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-beneficios-button {\n    min-height: 56px;\n    padding: 17px 30px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 18px 44px rgba(82, 226, 31, 0.28);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-beneficios-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 58px rgba(82, 226, 31, 0.38);\n  }\n\n  \/* =====================================================\n     06. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-beneficios-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-beneficios-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     07. RESPONSIVO \/ MOBILE\n  ====================================================== *\/\n\n  @media (max-width: 1120px) {\n    .telecom-beneficios {\n      padding: 92px 0 88px;\n    }\n\n    .telecom-beneficios-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .telecom-beneficios-bottom {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-beneficios-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-beneficios {\n      padding: 76px 0 72px;\n    }\n\n    .telecom-beneficios-header {\n      margin-bottom: 34px;\n    }\n\n    .telecom-beneficios-kicker {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-beneficios-title {\n      font-size: clamp(36px, 10vw, 50px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-beneficios-text {\n      font-size: 16px;\n      line-height: 1.5;\n      margin-top: 16px;\n    }\n\n    .telecom-beneficios-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .telecom-beneficio-card {\n      min-height: auto;\n      padding: 24px 20px;\n      border-radius: 24px;\n    }\n\n    .telecom-beneficio-icon {\n      width: 56px;\n      height: 56px;\n      border-radius: 18px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-beneficio-card h3 {\n      font-size: 21px;\n    }\n\n    .telecom-beneficios-bottom {\n      margin-top: 24px;\n      padding: 24px 20px;\n      border-radius: 24px;\n    }\n\n    .telecom-beneficios-proof {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .telecom-beneficios-proof-number {\n      font-size: 46px;\n      min-width: unset;\n    }\n\n    .telecom-beneficios-button {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     08. ESTRUTURA HTML - BENEF\u00cdCIOS\n====================================================== -->\n\n<div class=\"telecom-beneficios-section\" id=\"beneficios\">\n\n  <section class=\"telecom-beneficios\">\n\n    <div class=\"telecom-beneficios-lines\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-beneficios-wrap\">\n\n      <!-- =========================\n           08.1 CABE\u00c7ALHO\n      ========================== -->\n      <div class=\"telecom-beneficios-header telecom-beneficios-reveal\">\n\n        <div class=\"telecom-beneficios-kicker\">\n          Diferenciais Telecom\n        <\/div>\n\n        <h2 class=\"telecom-beneficios-title\">\n          Por que escolher a <span>Telecom?<\/span>\n        <\/h2>\n\n        <p class=\"telecom-beneficios-text\">\n          Porque internet boa precisa entregar velocidade, estabilidade e suporte de verdade todos os dias, seja para assistir, trabalhar, estudar ou conectar sua empresa.\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================\n           08.2 CARDS DE BENEF\u00cdCIOS\n      ========================== -->\n      <div class=\"telecom-beneficios-grid\">\n\n        <!-- BENEF\u00cdCIO 01 -->\n        <div class=\"telecom-beneficio-card telecom-beneficios-reveal\">\n          <div class=\"telecom-beneficio-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M21 12a9 9 0 1 1-9-9\"\/>\n              <path d=\"M12 12l6-6\"\/>\n              <path d=\"M16 6h2v2\"\/>\n              <path d=\"M7 14a5 5 0 0 0 10 0\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Velocidade real medida<\/h3>\n          <p>\n            Navega\u00e7\u00e3o est\u00e1vel, desempenho consistente e uma internet que cumpre o que promete.\n          <\/p>\n        <\/div>\n\n        <!-- BENEF\u00cdCIO 02 -->\n        <div class=\"telecom-beneficio-card telecom-beneficios-reveal\">\n          <div class=\"telecom-beneficio-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M4 12a8 8 0 0 1 16 0\"\/>\n              <path d=\"M4 12v4a2 2 0 0 0 2 2h1\"\/>\n              <path d=\"M20 12v4a2 2 0 0 1-2 2h-1\"\/>\n              <path d=\"M8 12v4\"\/>\n              <path d=\"M16 12v4\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Suporte t\u00e9cnico pr\u00f3prio<\/h3>\n          <p>\n            Equipe local, atendimento pr\u00f3ximo e mais agilidade para ajudar quando voc\u00ea precisa.\n          <\/p>\n        <\/div>\n\n        <!-- BENEF\u00cdCIO 03 -->\n        <div class=\"telecom-beneficio-card telecom-beneficios-reveal\">\n          <div class=\"telecom-beneficio-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Atendimento pr\u00f3ximo<\/h3>\n          <p>\n            Presen\u00e7a regional em diversas cidades, com estrutura f\u00edsica e profissionais da sua regi\u00e3o.\n          <\/p>\n        <\/div>\n\n        <!-- BENEF\u00cdCIO 04 -->\n        <div class=\"telecom-beneficio-card telecom-beneficios-reveal\">\n          <div class=\"telecom-beneficio-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"\/>\n              <path d=\"m9 12 2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Seguran\u00e7a e estabilidade<\/h3>\n          <p>\n            Rede 100% fibra \u00f3ptica com estrutura preparada para mais performance e prote\u00e7\u00e3o contra oscila\u00e7\u00f5es.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================\n           08.3 REFOR\u00c7O \/ CTA\n      ========================== -->\n      <div class=\"telecom-beneficios-bottom telecom-beneficios-reveal\">\n\n        <div class=\"telecom-beneficios-proof\">\n          <div class=\"telecom-beneficios-proof-number\">10+<\/div>\n\n          <div class=\"telecom-beneficios-proof-text\">\n            <strong>Cidades atendidas com a mesma qualidade.<\/strong>\n            <span>\n              A Telecom est\u00e1 presente em diversas cidades da regi\u00e3o, levando conex\u00e3o est\u00e1vel, suporte humanizado e fibra \u00f3ptica de verdade.\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <a class=\"telecom-beneficios-button\" href=\"https:\/\/wa.link\/ot7gl3\" target=\"_blank\">\n          Quero meu plano agora\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     09. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const beneficiosItems = document.querySelectorAll(\".telecom-beneficios-reveal\");\n\n    const beneficiosObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    beneficiosItems.forEach(function(item) {\n      beneficiosObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ddbd18 e-con-full e-flex e-con e-parent\" data-id=\"7ddbd18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a70bd0 elementor-widget elementor-widget-html\" data-id=\"9a70bd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 05\n     CIDADES ATENDIDAS\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 05\n  ====================================================== *\/\n\n  .telecom-cidades-section,\n  .telecom-cidades-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-cidades-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-claro: rgba(255,255,255,0.86);\n    --texto-suave: rgba(255,255,255,0.66);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--azul-profundo);\n  }\n\n  .telecom-cidades-section a {\n    text-decoration: none;\n  }\n\n  .telecom-cidades-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 5;\n  }\n\n  \/* =====================================================\n     02. FUNDO DA SE\u00c7\u00c3O - MAPA \/ ROTAS \/ CONEX\u00d5ES\n  ====================================================== *\/\n\n  .telecom-cidades {\n    position: relative;\n    padding: 105px 0 100px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 12% 16%, rgba(82,226,31,0.10), transparent 24%),\n      radial-gradient(circle at 86% 18%, rgba(0,163,255,0.16), transparent 31%),\n      radial-gradient(circle at 50% 100%, rgba(82,226,31,0.08), transparent 30%),\n      linear-gradient(135deg, #06153A 0%, #003CA8 46%, #06153A 100%);\n  }\n\n  .telecom-cidades::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\n    background-size: 92px 92px;\n    opacity: 0.18;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-cidades::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(6,21,58,0.02), rgba(6,21,58,0.38)),\n      radial-gradient(circle at 72% 46%, rgba(255,255,255,0.045), transparent 26%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-cidades-map-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n    opacity: 0.78;\n  }\n\n  .telecom-route {\n    position: absolute;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,0.18),\n      rgba(82,226,31,0.20),\n      rgba(0,163,255,0.14),\n      transparent\n    );\n    transform-origin: left center;\n  }\n\n  .telecom-route.r1 {\n    width: 48vw;\n    top: 23%;\n    left: 48%;\n    transform: rotate(-17deg);\n    opacity: 0.9;\n  }\n\n  .telecom-route.r2 {\n    width: 34vw;\n    top: 36%;\n    left: 5%;\n    transform: rotate(9deg);\n    opacity: 0.55;\n  }\n\n  .telecom-route.r3 {\n    width: 42vw;\n    bottom: 12%;\n    right: 2%;\n    transform: rotate(-8deg);\n    opacity: 0.48;\n  }\n\n  .telecom-route.r4 {\n    width: 32vw;\n    bottom: 18%;\n    left: -4%;\n    transform: rotate(28deg);\n    opacity: 0.42;\n  }\n\n  .telecom-map-node {\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background: rgba(82,226,31,0.90);\n    box-shadow:\n      0 0 0 7px rgba(82,226,31,0.075),\n      0 0 24px rgba(82,226,31,0.36);\n  }\n\n  .telecom-map-node.n1 {\n    top: 18%;\n    left: 78%;\n  }\n\n  .telecom-map-node.n2 {\n    top: 39%;\n    left: 43%;\n    opacity: 0.75;\n  }\n\n  .telecom-map-node.n3 {\n    top: 72%;\n    right: 7%;\n    opacity: 0.45;\n  }\n\n  .telecom-map-node.n4 {\n    bottom: 8%;\n    left: 19%;\n    opacity: 0.46;\n  }\n\n  .telecom-map-node.n5 {\n    bottom: 27%;\n    right: 30%;\n    opacity: 0.38;\n  }\n\n  .telecom-map-pin {\n    position: absolute;\n    width: 42px;\n    height: 42px;\n    border-radius: 16px 16px 16px 4px;\n    background: rgba(255,255,255,0.075);\n    border: 1px solid rgba(255,255,255,0.12);\n    transform: rotate(-45deg);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .telecom-map-pin::before {\n    content: \"\";\n    position: absolute;\n    inset: 12px;\n    border-radius: 50%;\n    background: rgba(82,226,31,0.80);\n    box-shadow: 0 0 18px rgba(82,226,31,0.34);\n  }\n\n  .telecom-map-pin.p1 {\n    top: 15%;\n    right: 15%;\n    opacity: 0.78;\n  }\n\n  .telecom-map-pin.p2 {\n    bottom: 7%;\n    left: 7%;\n    opacity: 0.36;\n  }\n\n  .telecom-map-pin.p3 {\n    top: 48%;\n    right: 4%;\n    opacity: 0.42;\n  }\n\n  .telecom-cidades-mapline {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-cidades-mapline span {\n    position: absolute;\n    width: 520px;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0,163,255,0.42),\n      rgba(82,226,31,0.46),\n      transparent\n    );\n    opacity: 0;\n    transform: rotate(-12deg);\n    animation: telecomCidadeLine 9s linear infinite;\n  }\n\n  .telecom-cidades-mapline span:nth-child(1) {\n    top: 28%;\n    left: -42%;\n    animation-delay: 0s;\n  }\n\n  .telecom-cidades-mapline span:nth-child(2) {\n    bottom: 13%;\n    left: -52%;\n    animation-delay: 3.8s;\n  }\n\n  @keyframes telecomCidadeLine {\n    0% {\n      opacity: 0;\n      transform: translateX(0) rotate(-12deg);\n    }\n\n    18% {\n      opacity: 0.28;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translateX(175vw) rotate(-12deg);\n    }\n  }\n\n  \/* =====================================================\n     03. CABE\u00c7ALHO\n  ====================================================== *\/\n\n  .telecom-cidades-header {\n    position: relative;\n    z-index: 5;\n    max-width: 930px;\n    margin-bottom: 44px;\n  }\n\n  .telecom-cidades-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.13);\n    border: 1px solid rgba(82,226,31,0.36);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 20px;\n  }\n\n  .telecom-cidades-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82,226,31,0.95);\n  }\n\n  .telecom-cidades-title {\n    margin: 0;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(40px, 4.4vw, 66px);\n    line-height: 0.98;\n    letter-spacing: -2px;\n    font-weight: 900;\n    text-shadow: 0 14px 44px rgba(0,0,0,0.26);\n  }\n\n  .telecom-cidades-title span {\n    color: var(--verde);\n    text-shadow: 0 0 34px rgba(82,226,31,0.24);\n  }\n\n  .telecom-cidades-text {\n    margin: 18px 0 0;\n    max-width: 820px;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.35vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     04. CARROSSEL\n  ====================================================== *\/\n\n  .telecom-cidades-slider {\n    position: relative;\n    z-index: 5;\n  }\n\n  .telecom-cidades-viewport {\n    overflow: hidden;\n    width: 100%;\n    padding: 6px 0 12px;\n  }\n\n  .telecom-cidades-track {\n    display: flex;\n    gap: 22px;\n    transition: transform 0.65s cubic-bezier(.2,.8,.2,1);\n    will-change: transform;\n  }\n\n  .telecom-cidade-card {\n    flex: 0 0 calc((100% - 44px) \/ 3);\n    min-height: 285px;\n    padding: 30px 26px 26px;\n    border-radius: 32px;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(\n      180deg,\n      rgba(255,255,255,0.17) 0%,\n      rgba(255,255,255,0.075) 100%\n    );\n    border: 1px solid rgba(255,255,255,0.18);\n    box-shadow:\n      0 24px 70px rgba(0,10,40,0.28),\n      inset 0 0 0 1px rgba(255,255,255,0.05);\n    backdrop-filter: blur(18px) saturate(135%);\n    -webkit-backdrop-filter: blur(18px) saturate(135%);\n    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .telecom-cidade-card::before {\n    content: \"\";\n    position: absolute;\n    right: -80px;\n    top: -80px;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.28), rgba(82,226,31,0.06) 58%, transparent 72%);\n    pointer-events: none;\n  }\n\n  .telecom-cidade-card::after {\n    content: \"\";\n    position: absolute;\n    left: 24px;\n    right: 24px;\n    top: 0;\n    height: 4px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(90deg, var(--azul-claro), var(--verde));\n    opacity: 0;\n    transition: opacity 0.28s ease;\n  }\n\n  .telecom-cidade-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(82,226,31,0.62);\n    box-shadow:\n      0 38px 96px rgba(0,10,40,0.42),\n      0 0 38px rgba(82,226,31,0.13);\n  }\n\n  .telecom-cidade-card:hover::after {\n    opacity: 1;\n  }\n\n  .telecom-cidade-icon {\n    position: relative;\n    z-index: 2;\n    width: 64px;\n    height: 64px;\n    border-radius: 22px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow: 0 18px 42px rgba(82,226,31,0.28);\n  }\n\n  .telecom-cidade-icon svg {\n    width: 34px;\n    height: 34px;\n  }\n\n  .telecom-cidade-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 12px;\n    color: #ffffff;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(25px, 2.2vw, 34px);\n    line-height: 1;\n    letter-spacing: -1px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .telecom-cidade-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-cidade-card p strong {\n    color: rgba(255,255,255,0.90);\n    font-weight: 900;\n  }\n\n  .telecom-cidade-tag {\n    position: relative;\n    z-index: 2;\n    display: inline-flex;\n    align-items: center;\n    margin-top: 18px;\n    padding: 9px 13px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.14);\n    border: 1px solid rgba(82,226,31,0.30);\n    color: var(--verde-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n  }\n\n  \/* =====================================================\n     05. CONTROLES DO CARROSSEL\n  ====================================================== *\/\n\n  .telecom-cidades-controls {\n    margin-top: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n  }\n\n  .telecom-cidades-arrows {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .telecom-cidades-arrow {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    border: 1px solid rgba(255,255,255,0.18);\n    background: rgba(255,255,255,0.10);\n    color: #ffffff;\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    transition: all 0.24s ease;\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n  }\n\n  .telecom-cidades-arrow:hover {\n    background: var(--verde);\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 16px 34px rgba(82,226,31,0.24);\n  }\n\n  .telecom-cidades-arrow svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .telecom-cidades-dots {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .telecom-cidades-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    border: 0;\n    padding: 0;\n    background: rgba(255,255,255,0.28);\n    cursor: pointer;\n    transition: all 0.24s ease;\n  }\n\n  .telecom-cidades-dot.active {\n    width: 28px;\n    background: var(--verde);\n    box-shadow: 0 0 18px rgba(82,226,31,0.42);\n  }\n\n  .telecom-cidades-cta {\n    min-height: 54px;\n    padding: 16px 26px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 18px 44px rgba(82,226,31,0.28);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-cidades-cta:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 58px rgba(82,226,31,0.38);\n  }\n\n  \/* =====================================================\n     06. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-cidades-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-cidades-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     07. RESPONSIVO\n  ====================================================== *\/\n\n  @media (max-width: 1120px) {\n    .telecom-cidades {\n      padding: 92px 0 86px;\n    }\n\n    .telecom-cidade-card {\n      flex-basis: calc((100% - 22px) \/ 2);\n    }\n\n    .telecom-cidades-controls {\n      flex-wrap: wrap;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-cidades-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-cidades {\n      padding: 76px 0 72px;\n    }\n\n    .telecom-cidades-header {\n      margin-bottom: 34px;\n    }\n\n    .telecom-cidades-kicker {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-cidades-title {\n      font-size: clamp(36px, 10vw, 50px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-cidades-text {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .telecom-cidades-track {\n      gap: 14px;\n    }\n\n    .telecom-cidade-card {\n      flex-basis: 100%;\n      min-height: auto;\n      padding: 26px 22px;\n      border-radius: 26px;\n    }\n\n    .telecom-cidade-card h3 {\n      font-size: 30px;\n    }\n\n    .telecom-cidades-controls {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .telecom-cidades-arrows,\n    .telecom-cidades-dots {\n      justify-content: center;\n    }\n\n    .telecom-cidades-cta {\n      width: 100%;\n      white-space: normal;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     08. ESTRUTURA HTML - CIDADES\n====================================================== -->\n\n<div class=\"telecom-cidades-section\" id=\"cidades\">\n\n  <section class=\"telecom-cidades\">\n\n    <!-- FUNDO MAPA \/ ROTAS -->\n    <div class=\"telecom-cidades-map-bg\">\n      <span class=\"telecom-route r1\"><\/span>\n      <span class=\"telecom-route r2\"><\/span>\n      <span class=\"telecom-route r3\"><\/span>\n      <span class=\"telecom-route r4\"><\/span>\n\n      <span class=\"telecom-map-node n1\"><\/span>\n      <span class=\"telecom-map-node n2\"><\/span>\n      <span class=\"telecom-map-node n3\"><\/span>\n      <span class=\"telecom-map-node n4\"><\/span>\n      <span class=\"telecom-map-node n5\"><\/span>\n\n      <span class=\"telecom-map-pin p1\"><\/span>\n      <span class=\"telecom-map-pin p2\"><\/span>\n      <span class=\"telecom-map-pin p3\"><\/span>\n    <\/div>\n\n    <div class=\"telecom-cidades-mapline\">\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-cidades-wrap\">\n\n      <!-- =========================\n           08.1 CABE\u00c7ALHO\n      ========================== -->\n      <div class=\"telecom-cidades-header telecom-cidades-reveal\">\n\n        <div class=\"telecom-cidades-kicker\">\n          Presen\u00e7a regional\n        <\/div>\n\n        <h2 class=\"telecom-cidades-title\">\n          Atendemos sua regi\u00e3o com a <span>mesma qualidade.<\/span>\n        <\/h2>\n\n        <p class=\"telecom-cidades-text\">\n          A Telecom est\u00e1 presente em diversas cidades, com estrutura pr\u00f3pria, atendimento pr\u00f3ximo e equipe local para entregar conex\u00e3o de verdade.\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================\n           08.2 CARROSSEL DE CIDADES\n      ========================== -->\n      <div class=\"telecom-cidades-slider telecom-cidades-reveal\" id=\"telecomCidadesSlider\">\n\n        <div class=\"telecom-cidades-viewport\">\n          <div class=\"telecom-cidades-track\" id=\"telecomCidadesTrack\">\n\n            <!-- CIDADE 01 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Araras-SP<\/h3>\n              <p>R. Bar\u00e3o Acary, 817 - Centro, Araras - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 02 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Cordeir\u00f3polis-SP<\/h3>\n              <p>R. Treze de Maio, 289 - Centro, Cordeir\u00f3polis - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 03 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Corumbata\u00ed-SP<\/h3>\n              <p>Av. Michel Zaine, 277 - Centro, Corumbata\u00ed - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 04 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Iracem\u00e1polis-SP<\/h3>\n              <p>R. Dom Pedro II, 511 - Centro, Iracem\u00e1polis - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 05 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Ipe\u00fana-SP<\/h3>\n              <p>Av. 4, 111 - Centro, Ipe\u00fana - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 06 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Santa Gertrudes-SP<\/h3>\n              <p>Av. Um, 194 - Centro, Santa Gertrudes - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 07 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Santa Maria da Serra-SP<\/h3>\n              <p>R. Cel. Jos\u00e9 Ant\u00f4nio da Frota, 811 - Centro, Santa Maria da Serra - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 08 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Rio Claro-SP<\/h3>\n              <p>Av. Dois, 222 - Centro, Rio Claro - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Unidade Telecom<\/span>\n            <\/article>\n\n            <!-- CIDADE 09 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Ajapi\/RC-SP<\/h3>\n              <p><strong>Distrito de Rio Claro.<\/strong><br>Atendimento pela unidade Rio Claro: Av. Dois, 222 - Centro, Rio Claro - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Distrito atendido<\/span>\n            <\/article>\n\n            <!-- CIDADE 10 -->\n            <article class=\"telecom-cidade-card\">\n              <div class=\"telecom-cidade-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                <\/svg>\n              <\/div>\n              <h3>Ferraz\/RC-SP<\/h3>\n              <p><strong>Distrito de Rio Claro.<\/strong><br>Atendimento pela unidade Rio Claro: Av. Dois, 222 - Centro, Rio Claro - SP<\/p>\n              <span class=\"telecom-cidade-tag\">Distrito atendido<\/span>\n            <\/article>\n\n          <\/div>\n        <\/div>\n\n        <!-- CONTROLES -->\n        <div class=\"telecom-cidades-controls\">\n\n          <div class=\"telecom-cidades-arrows\">\n            <button class=\"telecom-cidades-arrow\" type=\"button\" id=\"telecomCidadesPrev\" aria-label=\"Cidade anterior\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M15 18l-6-6 6-6\"\/>\n              <\/svg>\n            <\/button>\n\n            <button class=\"telecom-cidades-arrow\" type=\"button\" id=\"telecomCidadesNext\" aria-label=\"Pr\u00f3xima cidade\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M9 18l6-6-6-6\"\/>\n              <\/svg>\n            <\/button>\n          <\/div>\n\n          <div class=\"telecom-cidades-dots\" id=\"telecomCidadesDots\"><\/div>\n\n          <a class=\"telecom-cidades-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=551935501503&text=Ol%C3%A1%20eu%20vim%20pelo%20site%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20os%20planos!%0ASou%20de%20%5Bnome%20da%20cidade%5D\" target=\"_blank\">\n            Consultar disponibilidade na minha cidade\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     09. JAVASCRIPT - CARROSSEL + ANIMA\u00c7\u00c3O\n====================================================== -->\n\n<script>\n  (function () {\n    const track = document.querySelector(\"#telecomCidadesTrack\");\n    const slider = document.querySelector(\"#telecomCidadesSlider\");\n    const prev = document.querySelector(\"#telecomCidadesPrev\");\n    const next = document.querySelector(\"#telecomCidadesNext\");\n    const dotsBox = document.querySelector(\"#telecomCidadesDots\");\n    const revealItems = document.querySelectorAll(\".telecom-cidades-reveal\");\n\n    if (!track || !slider || !prev || !next || !dotsBox) return;\n\n    const cards = Array.from(track.querySelectorAll(\".telecom-cidade-card\"));\n    let currentIndex = 0;\n    let autoTimer = null;\n\n    function getVisibleCards() {\n      if (window.innerWidth <= 760) return 1;\n      if (window.innerWidth <= 1120) return 2;\n      return 3;\n    }\n\n    function getMaxIndex() {\n      return Math.max(0, cards.length - getVisibleCards());\n    }\n\n    function getStepSize() {\n      const card = cards[0];\n      if (!card) return 0;\n\n      const cardWidth = card.getBoundingClientRect().width;\n      const gap = parseFloat(window.getComputedStyle(track).gap) || 0;\n\n      return cardWidth + gap;\n    }\n\n    function updateSlider() {\n      const maxIndex = getMaxIndex();\n\n      if (currentIndex > maxIndex) currentIndex = maxIndex;\n      if (currentIndex < 0) currentIndex = 0;\n\n      const translateValue = currentIndex * getStepSize();\n      track.style.transform = \"translateX(-\" + translateValue + \"px)\";\n\n      updateDots();\n    }\n\n    function goNext() {\n      const maxIndex = getMaxIndex();\n\n      if (currentIndex >= maxIndex) {\n        currentIndex = 0;\n      } else {\n        currentIndex += 1;\n      }\n\n      updateSlider();\n    }\n\n    function goPrev() {\n      const maxIndex = getMaxIndex();\n\n      if (currentIndex <= 0) {\n        currentIndex = maxIndex;\n      } else {\n        currentIndex -= 1;\n      }\n\n      updateSlider();\n    }\n\n    function createDots() {\n      dotsBox.innerHTML = \"\";\n      const total = getMaxIndex() + 1;\n\n      for (let i = 0; i < total; i++) {\n        const dot = document.createElement(\"button\");\n        dot.type = \"button\";\n        dot.className = \"telecom-cidades-dot\";\n        dot.setAttribute(\"aria-label\", \"Ir para cidade \" + (i + 1));\n\n        dot.addEventListener(\"click\", function () {\n          currentIndex = i;\n          updateSlider();\n          restartAuto();\n        });\n\n        dotsBox.appendChild(dot);\n      }\n\n      updateDots();\n    }\n\n    function updateDots() {\n      const dots = dotsBox.querySelectorAll(\".telecom-cidades-dot\");\n\n      dots.forEach(function (dot, index) {\n        dot.classList.toggle(\"active\", index === currentIndex);\n      });\n    }\n\n    function startAuto() {\n      stopAuto();\n      autoTimer = setInterval(goNext, 3000);\n    }\n\n    function stopAuto() {\n      if (autoTimer) {\n        clearInterval(autoTimer);\n        autoTimer = null;\n      }\n    }\n\n    function restartAuto() {\n      stopAuto();\n      startAuto();\n    }\n\n    next.addEventListener(\"click\", function () {\n      goNext();\n      restartAuto();\n    });\n\n    prev.addEventListener(\"click\", function () {\n      goPrev();\n      restartAuto();\n    });\n\n    slider.addEventListener(\"mouseenter\", stopAuto);\n    slider.addEventListener(\"mouseleave\", startAuto);\n\n    window.addEventListener(\"resize\", function () {\n      createDots();\n      updateSlider();\n    });\n\n    createDots();\n    updateSlider();\n    startAuto();\n\n    \/* Anima\u00e7\u00e3o de entrada *\/\n    const observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    revealItems.forEach(function(item) {\n      observer.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59e1cf7 e-con-full e-flex e-con e-parent\" data-id=\"59e1cf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d7562 elementor-widget elementor-widget-html\" data-id=\"09d7562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 06\n     AVALIA\u00c7\u00d5ES \/ ABERTURA\n====================================================== -->\n\n<style>\n  .telecom-avaliacoes-section,\n  .telecom-avaliacoes-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-avaliacoes-section {\n    --azul-profundo: #06153A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --off-white: #F6F9FF;\n    --texto-suave: rgba(16, 32, 68, 0.68);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--off-white);\n  }\n\n  .telecom-avaliacoes-section a {\n    text-decoration: none;\n  }\n\n  .telecom-avaliacoes {\n    position: relative;\n    padding: 105px 0 100px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 12% 18%, rgba(82, 226, 31, 0.12), transparent 24%),\n      radial-gradient(circle at 86% 18%, rgba(0, 87, 231, 0.12), transparent 28%),\n      linear-gradient(180deg, #FFFFFF 0%, #F4F8FF 100%);\n  }\n\n  .telecom-avaliacoes::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(0, 46, 138, 0.035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 46, 138, 0.035) 1px, transparent 1px);\n    background-size: 86px 86px;\n    opacity: 0.45;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-avaliacoes::after {\n    content: \"\";\n    position: absolute;\n    width: 520px;\n    height: 520px;\n    border-radius: 50%;\n    right: -190px;\n    bottom: -220px;\n    background: radial-gradient(circle, rgba(82,226,31,0.20), rgba(82,226,31,0.07) 42%, transparent 70%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-avaliacoes-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 4;\n  }\n\n  .telecom-avaliacoes-header {\n    display: grid;\n    grid-template-columns: 1.35fr 0.65fr;\n    align-items: end;\n    gap: 40px;\n    margin-bottom: 38px;\n  }\n\n  .telecom-avaliacoes-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82, 226, 31, 0.12);\n    border: 1px solid rgba(82, 226, 31, 0.30);\n    color: #238B14;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 20px;\n  }\n\n  .telecom-avaliacoes-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82,226,31,0.70);\n  }\n\n  .telecom-avaliacoes-title {\n    margin: 0;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(40px, 4.4vw, 66px);\n    line-height: 0.98;\n    letter-spacing: -2px;\n    font-weight: 900;\n  }\n\n  .telecom-avaliacoes-title span {\n    color: var(--verde);\n  }\n\n  .telecom-avaliacoes-text {\n    margin: 18px 0 0;\n    max-width: 790px;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.35vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  .telecom-avaliacoes-side {\n    justify-self: end;\n    width: min(100%, 360px);\n    padding: 24px;\n    border-radius: 28px;\n    background: linear-gradient(135deg, var(--azul-profundo), var(--azul-principal));\n    box-shadow: 0 24px 62px rgba(0, 46, 138, 0.20);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .telecom-avaliacoes-side::before {\n    content: \"\";\n    position: absolute;\n    right: -70px;\n    top: -70px;\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.34), rgba(82,226,31,0.08) 58%, transparent 72%);\n  }\n\n  .telecom-avaliacoes-side-small {\n    position: relative;\n    z-index: 2;\n    display: block;\n    color: rgba(255,255,255,0.72);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.25;\n    font-weight: 400;\n    margin-bottom: 8px;\n  }\n\n  .telecom-avaliacoes-side strong {\n    position: relative;\n    z-index: 2;\n    display: block;\n    color: #FFFFFF;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 25px;\n    line-height: 1.08;\n    font-weight: 900;\n  }\n\n  .telecom-avaliacoes-stars {\n    position: relative;\n    z-index: 2;\n    margin-top: 14px;\n    color: #FFB800;\n    font-size: 22px;\n    letter-spacing: 2px;\n    line-height: 1;\n  }\n\n  .telecom-avaliacoes-widget-card {\n    position: relative;\n    z-index: 4;\n    padding: 26px;\n    border-radius: 34px;\n    background: rgba(255,255,255,0.82);\n    border: 1px solid rgba(0, 46, 138, 0.10);\n    box-shadow:\n      0 26px 80px rgba(0, 46, 138, 0.12),\n      inset 0 0 0 1px rgba(255,255,255,0.75);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    overflow: hidden;\n  }\n\n  .telecom-avaliacoes-widget-card::before {\n    content: \"\";\n    position: absolute;\n    left: 26px;\n    right: 26px;\n    top: 0;\n    height: 5px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(90deg, var(--azul-claro), var(--verde));\n  }\n\n  .telecom-avaliacoes-widget-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    padding: 6px 0 22px;\n    border-bottom: 1px solid rgba(0, 46, 138, 0.10);\n    margin-bottom: 20px;\n  }\n\n  .telecom-avaliacoes-widget-label {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .telecom-avaliacoes-google-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 17px;\n    display: grid;\n    place-items: center;\n    background: #FFFFFF;\n    border: 1px solid rgba(0, 46, 138, 0.10);\n    box-shadow: 0 12px 28px rgba(0, 46, 138, 0.10);\n    overflow: hidden;\n    flex: 0 0 48px;\n  }\n\n  .telecom-avaliacoes-google-icon img {\n    width: 28px;\n    height: 28px;\n    display: block;\n    object-fit: contain;\n  }\n\n  .telecom-avaliacoes-widget-label strong {\n    display: block;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 20px;\n    line-height: 1.15;\n    font-weight: 900;\n  }\n\n  .telecom-avaliacoes-widget-label span {\n    display: block;\n    margin-top: 4px;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.35;\n    font-weight: 400;\n  }\n\n  .telecom-avaliacoes-badge {\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.12);\n    border: 1px solid rgba(82,226,31,0.28);\n    color: #238B14;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  .telecom-avaliacoes-shortcode-area {\n    padding: 10px 0 0;\n  }\n\n  .telecom-avaliacoes-shortcode-area,\n  .telecom-avaliacoes-shortcode-area * {\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n  }\n\n  .telecom-avaliacoes-bottom {\n    position: relative;\n    z-index: 4;\n    margin-top: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n  }\n\n  .telecom-avaliacoes-note {\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 400;\n    max-width: 650px;\n  }\n\n  .telecom-avaliacoes-note strong {\n    color: var(--azul-profundo);\n    font-weight: 900;\n  }\n\n  .telecom-avaliacoes-button {\n    min-height: 56px;\n    padding: 17px 30px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 18px 44px rgba(82,226,31,0.28);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-avaliacoes-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 58px rgba(82,226,31,0.38);\n  }\n\n  @media (max-width: 980px) {\n    .telecom-avaliacoes-header {\n      grid-template-columns: 1fr;\n      align-items: start;\n      gap: 26px;\n    }\n\n    .telecom-avaliacoes-side {\n      justify-self: start;\n    }\n\n    .telecom-avaliacoes-bottom {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-avaliacoes-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-avaliacoes {\n      padding: 76px 0 72px;\n    }\n\n    .telecom-avaliacoes-title {\n      font-size: clamp(36px, 10vw, 50px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-avaliacoes-text {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .telecom-avaliacoes-side {\n      width: 100%;\n      padding: 22px;\n      border-radius: 24px;\n    }\n\n    .telecom-avaliacoes-widget-card {\n      padding: 20px;\n      border-radius: 26px;\n    }\n\n    .telecom-avaliacoes-widget-top {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .telecom-avaliacoes-badge {\n      white-space: normal;\n      line-height: 1.25;\n    }\n\n    .telecom-avaliacoes-button {\n      width: 100%;\n      text-align: center;\n      white-space: normal;\n    }\n  }\n<\/style>\n\n<div class=\"telecom-avaliacoes-section\" id=\"avaliacoes\">\n  <section class=\"telecom-avaliacoes\">\n    <div class=\"telecom-avaliacoes-wrap\">\n\n      <div class=\"telecom-avaliacoes-header\">\n\n        <div>\n          <div class=\"telecom-avaliacoes-kicker\">\n            Avalia\u00e7\u00f5es reais\n          <\/div>\n\n          <h2 class=\"telecom-avaliacoes-title\">\n            Quem escolhe <span>Telecom<\/span> recomenda\n          <\/h2>\n\n          <p class=\"telecom-avaliacoes-text\">\n            Avalia\u00e7\u00f5es reais de clientes que confiam na nossa internet para navegar com estabilidade, velocidade e atendimento pr\u00f3ximo.\n          <\/p>\n        <\/div>\n\n        <div class=\"telecom-avaliacoes-side\">\n          <span class=\"telecom-avaliacoes-side-small\">Prova social de quem j\u00e1 conhece<\/span>\n          <strong>Clientes satisfeitos em diversas cidades da regi\u00e3o.<\/strong>\n          <div class=\"telecom-avaliacoes-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"telecom-avaliacoes-widget-card\">\n\n        <div class=\"telecom-avaliacoes-widget-top\">\n\n          <div class=\"telecom-avaliacoes-widget-label\">\n            <div class=\"telecom-avaliacoes-google-icon\">\n              <img decoding=\"async\" src=\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/google-search-logo-icon-free-png.png.webp\" alt=\"Google\">\n            <\/div>\n\n            <div>\n              <strong>Avalia\u00e7\u00f5es Google<\/strong>\n              <span>Depoimentos puxados diretamente do perfil da Telecom.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"telecom-avaliacoes-badge\">\n            Experi\u00eancias reais de clientes\n          <\/div>\n\n        <\/div>\n\n        <div class=\"telecom-avaliacoes-shortcode-area\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c85bfc5 elementor-widget elementor-widget-shortcode\" data-id=\"c85bfc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><pre class=\"ti-widget\" style=\"display: none\"><template id=\"trustindex-google-widget-html\"><div class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-plugin-version=\"13.3.1\" data-layout-id=\"4\" data-layout-category=\"slider\" data-set-id=\"light-background\" data-pid=\"\" data-language=\"pt\" data-close-locale=\"Fechar\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"Resposta do propriet\u00e1rio\" data-only-rating-locale=\"Este usu\u00e1rio deixou apenas uma avalia\u00e7\u00e3o.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Pr\u00f3xima avalia\u00e7\u00e3o\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Avalia\u00e7\u00e3o anterior\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVtfJ9bRfG1u0u1Qr_nPkoRmJE8pZyIq6GjpyIAq4zq1qEPgxQX=w40-h40-c-rp-mo-br100\" alt=\"Janio Rodrigues profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Janio Rodrigues <\/div> <div class=\"ti-date\">01\/10\/2025<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Sou cliente a v\u00e1rios anos, n\u00e3o tenho do que reclamar, sinal est\u00e1vel.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUYKCDw2nfmrH2UrFacZBmrXwNhGheVmXa0uUNMBll9epiKX0j0nQ=w40-h40-c-rp-mo-br100\" alt=\"Daiane Zumpano Duarte Silvino profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Daiane Zumpano Duarte Silvino <\/div> <div class=\"ti-date\">13\/05\/2025<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->A melhor que j\u00e1 conheci!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVGgcBCTCkDCDk0kDOTvMBNAsQ6kWq-TgI1yY0j5J7LhWv3pnlfJw=w40-h40-c-rp-mo-ba4-br100\" alt=\"Leonaldo Rodrigues profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Leonaldo Rodrigues <\/div> <div class=\"ti-date\">30\/04\/2025<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Atendimento \u00e1gil e caso precise de suporte s\u00e3o bem atenciosos<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKPF_ayialFFmFrWu1lswY2amWAJXpEcfLAmW2XHJsSHwNTHg=w40-h40-c-rp-mo-ba4-br100\" alt=\"Naiara Duraes profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Naiara Duraes <\/div> <div class=\"ti-date\">30\/10\/2024<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Empresa bem estruturada. Excelente atendimento e localiza\u00e7\u00e3o privilegiada<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjW3qfqsHH18c2IGiqLpKQSbd596lPSk7gSdQan-DTeXggA8-jA=w40-h40-c-rp-mo-br100\" alt=\"Luciano Martins profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Luciano Martins <\/div> <div class=\"ti-date\">08\/08\/2024<\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->\u00d3timo atendimento, r\u00e1pido e eficiente<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div>    <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/trustindex-google-widget.css?1783110016\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7edf400 e-con-full e-flex e-con e-parent\" data-id=\"7edf400\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204658a elementor-widget elementor-widget-html\" data-id=\"204658a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 07\n     INFORMA\u00c7\u00d5ES IMPORTANTES\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 07\n  ====================================================== *\/\n\n  .telecom-info-section,\n  .telecom-info-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-info-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --verde-gloss: #49DB18;\n    --branco: #FFFFFF;\n    --texto-claro: rgba(255,255,255,0.86);\n    --texto-suave: rgba(255,255,255,0.66);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--azul-profundo);\n  }\n\n  .telecom-info-section a {\n    text-decoration: none;\n  }\n\n  .telecom-info-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 4;\n  }\n\n  \/* =====================================================\n     02. FUNDO \/ AMBIENTE VISUAL\n  ====================================================== *\/\n\n  .telecom-info {\n    position: relative;\n    padding: 100px 0 96px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 14% 18%, rgba(82,226,31,0.13), transparent 25%),\n      radial-gradient(circle at 86% 18%, rgba(0,163,255,0.16), transparent 30%),\n      radial-gradient(circle at 50% 100%, rgba(82,226,31,0.09), transparent 32%),\n      linear-gradient(135deg, #06153A 0%, #002B88 48%, #06153A 100%);\n  }\n\n  .telecom-info::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 88px 88px;\n    opacity: 0.26;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-info::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(180deg, rgba(6,21,58,0.06), rgba(6,21,58,0.42)),\n      radial-gradient(circle at 72% 54%, rgba(82,226,31,0.07), transparent 30%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-info-bg-lines {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-info-bg-lines span {\n    position: absolute;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, rgba(0,163,255,0.36), rgba(82,226,31,0.44), transparent);\n    opacity: 0.55;\n  }\n\n  .telecom-info-bg-lines span:nth-child(1) {\n    width: 48vw;\n    top: 24%;\n    right: -4%;\n    transform: rotate(-9deg);\n  }\n\n  .telecom-info-bg-lines span:nth-child(2) {\n    width: 42vw;\n    bottom: 18%;\n    left: -6%;\n    transform: rotate(12deg);\n    opacity: 0.38;\n  }\n\n  .telecom-info-glow {\n    position: absolute;\n    width: 420px;\n    height: 420px;\n    border-radius: 50%;\n    right: -190px;\n    top: 16%;\n    background: radial-gradient(circle, rgba(82,226,31,0.20), rgba(82,226,31,0.06) 48%, transparent 72%);\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  \/* =====================================================\n     03. CABE\u00c7ALHO\n  ====================================================== *\/\n\n  .telecom-info-header {\n    position: relative;\n    z-index: 4;\n    max-width: 880px;\n    margin-bottom: 42px;\n  }\n\n  .telecom-info-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.13);\n    border: 1px solid rgba(82,226,31,0.36);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 20px;\n  }\n\n  .telecom-info-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82,226,31,0.95);\n  }\n\n  .telecom-info-title {\n    margin: 0;\n    color: #FFFFFF;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(40px, 4.3vw, 64px);\n    line-height: 0.98;\n    letter-spacing: -2px;\n    font-weight: 900;\n    text-shadow: 0 14px 44px rgba(0,0,0,0.24);\n  }\n\n  .telecom-info-title span {\n    color: var(--verde);\n    text-shadow: 0 0 34px rgba(82,226,31,0.24);\n  }\n\n  .telecom-info-text {\n    margin: 18px 0 0;\n    max-width: 760px;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(17px, 1.35vw, 21px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     04. CARDS VERDES GLOSS\n  ====================================================== *\/\n\n  .telecom-info-grid {\n    position: relative;\n    z-index: 4;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .telecom-info-card {\n    position: relative;\n    min-height: 310px;\n    padding: 30px 26px 26px;\n    border-radius: 34px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 78% 12%, rgba(255,255,255,0.42), transparent 22%),\n      linear-gradient(145deg, #74FF3B 0%, #52E21F 38%, #2DBF0C 100%);\n    border: 1px solid rgba(255,255,255,0.30);\n    box-shadow:\n      0 28px 76px rgba(0, 10, 40, 0.28),\n      0 18px 40px rgba(82, 226, 31, 0.16),\n      inset 0 1px 0 rgba(255,255,255,0.54);\n    transition: transform 0.28s ease, box-shadow 0.28s ease;\n  }\n\n  .telecom-info-card::before {\n    content: \"\";\n    position: absolute;\n    left: -18%;\n    top: -38%;\n    width: 136%;\n    height: 62%;\n    border-radius: 50%;\n    background: linear-gradient(\n      180deg,\n      rgba(255,255,255,0.54) 0%,\n      rgba(255,255,255,0.18) 54%,\n      rgba(255,255,255,0) 100%\n    );\n    transform: rotate(-5deg);\n    pointer-events: none;\n    mix-blend-mode: screen;\n  }\n\n  .telecom-info-card::after {\n    content: \"\";\n    position: absolute;\n    right: -80px;\n    bottom: -90px;\n    width: 210px;\n    height: 210px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(6,21,58,0.20), rgba(6,21,58,0.05) 56%, transparent 72%);\n    pointer-events: none;\n  }\n\n  .telecom-info-card:hover {\n    transform: translateY(-8px);\n    box-shadow:\n      0 38px 96px rgba(0, 10, 40, 0.38),\n      0 22px 52px rgba(82, 226, 31, 0.22),\n      inset 0 1px 0 rgba(255,255,255,0.62);\n  }\n\n  .telecom-info-icon {\n    position: relative;\n    z-index: 2;\n    width: 66px;\n    height: 66px;\n    border-radius: 22px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 24px;\n    background: rgba(6,21,58,0.94);\n    color: var(--verde);\n    border: 1px solid rgba(255,255,255,0.16);\n    box-shadow:\n      0 18px 42px rgba(6,21,58,0.25),\n      inset 0 0 0 1px rgba(255,255,255,0.08);\n    transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease;\n  }\n\n  .telecom-info-card:hover .telecom-info-icon {\n    transform: scale(1.06) rotate(-2deg);\n    background: #FFFFFF;\n    color: var(--azul-profundo);\n  }\n\n  .telecom-info-icon svg {\n    width: 34px;\n    height: 34px;\n  }\n\n  .telecom-info-card h3 {\n    position: relative;\n    z-index: 2;\n    margin: 0 0 13px;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(24px, 2.2vw, 32px);\n    line-height: 1.04;\n    letter-spacing: -0.8px;\n    font-weight: 900;\n  }\n\n  .telecom-info-card p {\n    position: relative;\n    z-index: 2;\n    margin: 0;\n    color: rgba(6,21,58,0.82);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.48;\n    font-weight: 400;\n  }\n\n  .telecom-info-card strong {\n    color: var(--azul-profundo);\n    font-weight: 900;\n  }\n\n  \/* =====================================================\n     05. CTA \/ NOTA FINAL\n  ====================================================== *\/\n\n  .telecom-info-bottom {\n    position: relative;\n    z-index: 4;\n    margin-top: 30px;\n    padding: 24px 28px;\n    border-radius: 30px;\n    background: rgba(255,255,255,0.10);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 24px 70px rgba(0,10,40,0.24);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 26px;\n  }\n\n  .telecom-info-bottom-text {\n    max-width: 780px;\n  }\n\n  .telecom-info-bottom-text strong {\n    display: block;\n    margin-bottom: 5px;\n    color: #FFFFFF;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 900;\n  }\n\n  .telecom-info-bottom-text span {\n    display: block;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-info-button {\n    min-height: 56px;\n    padding: 17px 30px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: #FFFFFF;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 18px 44px rgba(0,0,0,0.18);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-info-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 58px rgba(0,0,0,0.24);\n  }\n\n  \/* =====================================================\n     06. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-info-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-info-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     07. RESPONSIVO\n  ====================================================== *\/\n\n  @media (max-width: 1080px) {\n    .telecom-info {\n      padding: 92px 0 88px;\n    }\n\n    .telecom-info-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .telecom-info-card {\n      min-height: auto;\n    }\n\n    .telecom-info-bottom {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-info-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-info {\n      padding: 76px 0 72px;\n    }\n\n    .telecom-info-kicker {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-info-title {\n      font-size: clamp(36px, 10vw, 50px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-info-text {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .telecom-info-card {\n      padding: 26px 22px;\n      border-radius: 26px;\n    }\n\n    .telecom-info-icon {\n      width: 58px;\n      height: 58px;\n      border-radius: 19px;\n      margin-bottom: 20px;\n    }\n\n    .telecom-info-card h3 {\n      font-size: 25px;\n    }\n\n    .telecom-info-card p {\n      font-size: 15px;\n    }\n\n    .telecom-info-bottom {\n      padding: 24px 20px;\n      border-radius: 24px;\n    }\n\n    .telecom-info-button {\n      width: 100%;\n      text-align: center;\n      white-space: normal;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     08. ESTRUTURA HTML - INFORMA\u00c7\u00d5ES IMPORTANTES\n====================================================== -->\n\n<div class=\"telecom-info-section\" id=\"informacoes\">\n\n  <section class=\"telecom-info\">\n\n    <div class=\"telecom-info-bg-lines\">\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-info-glow\"><\/div>\n\n    <div class=\"telecom-info-wrap\">\n\n      <!-- =========================\n           08.1 CABE\u00c7ALHO\n      ========================== -->\n      <div class=\"telecom-info-header telecom-info-reveal\">\n\n        <div class=\"telecom-info-kicker\">\n          Transpar\u00eancia Telecom\n        <\/div>\n\n        <h2 class=\"telecom-info-title\">\n          Informa\u00e7\u00f5es importantes <span>antes de contratar.<\/span>\n        <\/h2>\n\n        <p class=\"telecom-info-text\">\n          Confira algumas condi\u00e7\u00f5es comerciais e t\u00e9cnicas para escolher o melhor plano para sua casa ou empresa com mais clareza.\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================\n           08.2 CARDS DE INFORMA\u00c7\u00c3O\n      ========================== -->\n      <div class=\"telecom-info-grid\">\n\n        <!-- INFORMA\u00c7\u00c3O 01 -->\n        <article class=\"telecom-info-card telecom-info-reveal\">\n\n          <div class=\"telecom-info-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M7 3h7l4 4v14H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z\"\/>\n              <path d=\"M14 3v5h5\"\/>\n              <path d=\"M9 13h6\"\/>\n              <path d=\"M9 17h4\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Condi\u00e7\u00f5es de contrata\u00e7\u00e3o<\/h3>\n\n          <p>\n            Consulte as condi\u00e7\u00f5es para aquisi\u00e7\u00e3o de planos <strong>residenciais e empresariais<\/strong>, conforme disponibilidade e perfil de contrata\u00e7\u00e3o.\n          <\/p>\n\n        <\/article>\n\n        <!-- INFORMA\u00c7\u00c3O 02 -->\n        <article class=\"telecom-info-card telecom-info-reveal\">\n\n          <div class=\"telecom-info-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n              <path d=\"M4 4l3 2\"\/>\n              <path d=\"M20 4l-3 2\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Planos por cidade<\/h3>\n\n          <p>\n            Valores, velocidades e disponibilidade podem variar conforme a <strong>cidade atendida<\/strong> e as condi\u00e7\u00f5es comerciais vigentes.\n          <\/p>\n\n        <\/article>\n\n        <!-- INFORMA\u00c7\u00c3O 03 -->\n        <article class=\"telecom-info-card telecom-info-reveal\">\n\n          <div class=\"telecom-info-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M4 14a8 8 0 0 1 16 0\"\/>\n              <path d=\"M12 14l5-5\"\/>\n              <path d=\"M6.5 18h11\"\/>\n              <path d=\"M8 10.5l-1.5-1.5\"\/>\n              <path d=\"M16 10.5l1.5-1.5\"\/>\n              <path d=\"M12 6V4\"\/>\n            <\/svg>\n          <\/div>\n\n          <h3>Velocidade e desempenho<\/h3>\n\n          <p>\n            As velocidades nominais dependem tamb\u00e9m da capacidade do <strong>dispositivo do cliente<\/strong> em receber o desempenho contratado.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n      <!-- =========================\n           08.3 CTA FINAL\n      ========================== -->\n      <div class=\"telecom-info-bottom telecom-info-reveal\">\n\n        <div class=\"telecom-info-bottom-text\">\n          <strong>Ficou com alguma d\u00favida sobre planos, disponibilidade ou contrata\u00e7\u00e3o?<\/strong>\n          <span>\n            Fale com a equipe da Telecom e receba orienta\u00e7\u00e3o para escolher a melhor op\u00e7\u00e3o para sua casa ou empresa.\n          <\/span>\n        <\/div>\n\n        <a class=\"telecom-info-button\" href=\"https:\/\/api.whatsapp.com\/send?phone=551935501503&text=Ol%C3%A1%20eu%20vim%20pelo%20site%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20os%20planos!%0ASou%20de%20%5Bnome%20da%20cidade%5D\" target=\"_blank\">\n          Tirar d\u00favidas no WhatsApp\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     09. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const infoItems = document.querySelectorAll(\".telecom-info-reveal\");\n\n    const infoObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    infoItems.forEach(function(item) {\n      infoObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f3ecf9 e-con-full e-flex e-con e-parent\" data-id=\"0f3ecf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e198323 elementor-widget elementor-widget-html\" data-id=\"e198323\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 08\n     CTA FINAL COM ZOE\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 08\n  ====================================================== *\/\n\n  .telecom-zoe-final-section,\n  .telecom-zoe-final-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-zoe-final-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --texto-claro: rgba(255,255,255,0.88);\n    --texto-suave: rgba(255,255,255,0.68);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--azul-profundo);\n  }\n\n  .telecom-zoe-final-section a {\n    text-decoration: none;\n  }\n\n  .telecom-zoe-final-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 5;\n  }\n\n  \/* =====================================================\n     02. FUNDO DESKTOP \/ IMAGEM PRINCIPAL\n  ====================================================== *\/\n\n  .telecom-zoe-final {\n    position: relative;\n    min-height: 760px;\n    padding: 118px 0 112px;\n    overflow: hidden;\n    background-image:\n      linear-gradient(\n        90deg,\n        rgba(6, 21, 58, 0.03) 0%,\n        rgba(6, 21, 58, 0.08) 32%,\n        rgba(6, 21, 58, 0.48) 52%,\n        rgba(6, 21, 58, 0.86) 78%,\n        rgba(6, 21, 58, 0.96) 100%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(6, 21, 58, 0.06) 0%,\n        rgba(6, 21, 58, 0.14) 62%,\n        rgba(6, 21, 58, 0.46) 100%\n      ),\n      url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-zoe.jpeg\");\n    background-size: cover;\n    background-position: left center;\n    background-repeat: no-repeat;\n  }\n\n  .telecom-zoe-final::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 72% 26%, rgba(82,226,31,0.13), transparent 26%),\n      radial-gradient(circle at 88% 78%, rgba(0,163,255,0.16), transparent 30%),\n      linear-gradient(180deg, rgba(6,21,58,0) 0%, rgba(6,21,58,0.32) 100%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-zoe-final::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.020) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.020) 1px, transparent 1px);\n    background-size: 88px 88px;\n    opacity: 0.22;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  \/* =====================================================\n     03. EFEITOS EXTRAS \/ LINHAS\n  ====================================================== *\/\n\n  .telecom-zoe-final-effects {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .telecom-zoe-final-effects span {\n    position: absolute;\n    height: 2px;\n    border-radius: 999px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0,163,255,0.58),\n      rgba(82,226,31,0.68),\n      transparent\n    );\n    opacity: 0.46;\n    filter: blur(0.2px);\n  }\n\n  .telecom-zoe-final-effects span:nth-child(1) {\n    width: 440px;\n    top: 21%;\n    right: -70px;\n    transform: rotate(-9deg);\n  }\n\n  .telecom-zoe-final-effects span:nth-child(2) {\n    width: 520px;\n    bottom: 18%;\n    right: 13%;\n    transform: rotate(-7deg);\n    opacity: 0.34;\n  }\n\n  .telecom-zoe-final-effects span:nth-child(3) {\n    width: 320px;\n    top: 44%;\n    right: 22%;\n    transform: rotate(18deg);\n    opacity: 0.24;\n  }\n\n  .telecom-zoe-final-orb {\n    position: absolute;\n    width: 430px;\n    height: 430px;\n    right: -160px;\n    top: 18%;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.18), rgba(0,163,255,0.10) 48%, transparent 72%);\n    filter: blur(10px);\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  \/* =====================================================\n     04. CONTE\u00daDO PRINCIPAL\n  ====================================================== *\/\n\n  .telecom-zoe-final-grid {\n    min-height: 530px;\n    display: grid;\n    grid-template-columns: 1fr minmax(480px, 0.92fr);\n    align-items: center;\n    gap: 60px;\n    position: relative;\n    z-index: 5;\n  }\n\n  .telecom-zoe-final-content {\n    grid-column: 2;\n    max-width: 660px;\n    justify-self: end;\n  }\n\n  .telecom-zoe-final-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 11px 18px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.13);\n    border: 1px solid rgba(82,226,31,0.34);\n    color: var(--verde);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 900;\n    margin-bottom: 22px;\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n  }\n\n  .telecom-zoe-final-kicker::before {\n    content: \"\";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--verde);\n    box-shadow: 0 0 16px rgba(82,226,31,0.95);\n  }\n\n  .telecom-zoe-final-title {\n    margin: 0;\n    color: #FFFFFF;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(46px, 4.35vw, 68px);\n    line-height: 0.96;\n    letter-spacing: -2.4px;\n    font-weight: 900;\n    text-shadow: 0 18px 48px rgba(0,0,0,0.34);\n  }\n\n  .telecom-zoe-final-title .green {\n    color: var(--verde);\n    text-shadow: 0 0 34px rgba(82,226,31,0.28);\n  }\n\n  .telecom-zoe-final-title .line {\n    display: block;\n  }\n\n  .telecom-zoe-final-text {\n    margin: 24px 0 0;\n    color: var(--texto-claro);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(18px, 1.36vw, 22px);\n    line-height: 1.55;\n    font-weight: 400;\n    max-width: 620px;\n  }\n\n  \/* =====================================================\n     05. MINI BENEF\u00cdCIOS\n  ====================================================== *\/\n\n  .telecom-zoe-final-points {\n    margin-top: 32px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 13px;\n  }\n\n  .telecom-zoe-final-point {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 15px 16px;\n    border-radius: 22px;\n    background: rgba(255,255,255,0.095);\n    border: 1px solid rgba(255,255,255,0.13);\n    box-shadow: 0 18px 42px rgba(0, 10, 40, 0.18);\n    backdrop-filter: blur(16px) saturate(135%);\n    -webkit-backdrop-filter: blur(16px) saturate(135%);\n    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n  }\n\n  .telecom-zoe-final-point:hover {\n    transform: translateY(-4px);\n    border-color: rgba(82,226,31,0.50);\n    background: rgba(255,255,255,0.13);\n  }\n\n  .telecom-zoe-final-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n    border-radius: 16px;\n    display: grid;\n    place-items: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow: 0 14px 32px rgba(82,226,31,0.22);\n  }\n\n  .telecom-zoe-final-icon svg {\n    width: 24px;\n    height: 24px;\n    display: block;\n  }\n\n  .telecom-zoe-final-point strong {\n    display: block;\n    margin-bottom: 3px;\n    color: #FFFFFF;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.18;\n    font-weight: 900;\n  }\n\n  .telecom-zoe-final-point span {\n    display: block;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.35;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     06. BOT\u00d5ES\n  ====================================================== *\/\n\n  .telecom-zoe-final-actions {\n    margin-top: 34px;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .telecom-zoe-final-button {\n    min-height: 58px;\n    padding: 18px 30px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-zoe-final-button.primary {\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    box-shadow: 0 18px 46px rgba(82,226,31,0.28);\n  }\n\n  .telecom-zoe-final-button.primary:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 24px 60px rgba(82,226,31,0.40);\n  }\n\n  .telecom-zoe-final-button.secondary {\n    color: #FFFFFF;\n    background: rgba(255,255,255,0.085);\n    border: 1px solid rgba(255,255,255,0.18);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n  }\n\n  .telecom-zoe-final-button.secondary:hover {\n    transform: translateY(-3px);\n    color: var(--verde);\n    border-color: rgba(82,226,31,0.68);\n    background: rgba(255,255,255,0.12);\n  }\n\n  .telecom-zoe-final-note {\n    margin-top: 18px;\n    color: rgba(255,255,255,0.58);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-zoe-final-note strong {\n    color: rgba(255,255,255,0.88);\n    font-weight: 900;\n  }\n\n  \/* =====================================================\n     07. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-zoe-final-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-zoe-final-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     08. RESPONSIVO TABLET\n  ====================================================== *\/\n\n  @media (max-width: 1180px) {\n    .telecom-zoe-final {\n      background-position: 24% center;\n    }\n\n    .telecom-zoe-final-grid {\n      grid-template-columns: 0.70fr minmax(420px, 0.98fr);\n      gap: 34px;\n    }\n\n    .telecom-zoe-final-title {\n      font-size: clamp(42px, 4.2vw, 60px);\n      letter-spacing: -2px;\n    }\n  }\n\n  @media (max-width: 980px) {\n    .telecom-zoe-final {\n      min-height: auto;\n      padding: 86px 0 76px;\n      background-image:\n        linear-gradient(\n          90deg,\n          rgba(6, 21, 58, 0.06) 0%,\n          rgba(6, 21, 58, 0.20) 38%,\n          rgba(6, 21, 58, 0.64) 68%,\n          rgba(6, 21, 58, 0.94) 100%\n        ),\n        url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/capa-zoe.jpeg\");\n      background-size: cover;\n      background-position: 22% center;\n    }\n\n    .telecom-zoe-final-grid {\n      min-height: unset;\n      grid-template-columns: 0.55fr 1fr;\n      gap: 24px;\n    }\n\n    .telecom-zoe-final-content {\n      grid-column: 2;\n      max-width: 100%;\n      justify-self: end;\n    }\n\n    .telecom-zoe-final-title {\n      font-size: clamp(36px, 5vw, 52px);\n      line-height: 0.98;\n      letter-spacing: -1.8px;\n    }\n\n    .telecom-zoe-final-text {\n      font-size: 16px;\n      line-height: 1.5;\n      margin-top: 18px;\n    }\n\n    .telecom-zoe-final-points {\n      margin-top: 24px;\n      gap: 11px;\n    }\n\n    .telecom-zoe-final-point {\n      padding: 13px 14px;\n      border-radius: 19px;\n    }\n\n    .telecom-zoe-final-point strong {\n      font-size: 16px;\n    }\n\n    .telecom-zoe-final-point span {\n      font-size: 13px;\n    }\n  }\n\n  \/* =====================================================\n     09. RESPONSIVO MOBILE\n     ZOE permanece como fundo, mas posicionada sem ficar tapada\n  ====================================================== *\/\n\n  @media (max-width: 760px) {\n    .telecom-zoe-final-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-zoe-final {\n      min-height: 1240px;\n      padding: 68px 0 56px;\n      background-image:\n        linear-gradient(\n          180deg,\n          rgba(6,21,58,0.98) 0%,\n          rgba(6,21,58,0.96) 24%,\n          rgba(6,21,58,0.88) 42%,\n          rgba(6,21,58,0.48) 63%,\n          rgba(6,21,58,0.12) 100%\n        ),\n        url(\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/zoe-mobile.jpeg\");\n      background-size: 118% auto;\n      background-position: center bottom;\n      background-repeat: no-repeat;\n    }\n\n    .telecom-zoe-final::before {\n      background:\n        radial-gradient(circle at 18% 18%, rgba(82,226,31,0.15), transparent 26%),\n        radial-gradient(circle at 86% 22%, rgba(0,163,255,0.12), transparent 30%),\n        linear-gradient(180deg, rgba(6,21,58,0.02) 0%, rgba(6,21,58,0.08) 100%);\n    }\n\n    .telecom-zoe-final-grid {\n      display: block;\n      min-height: auto;\n      position: relative;\n      padding-bottom: 0;\n    }\n\n    .telecom-zoe-final-content {\n      max-width: 100%;\n      position: relative;\n      z-index: 6;\n    }\n\n    .telecom-zoe-final-kicker {\n      font-size: 13px;\n      padding: 10px 14px;\n      margin-bottom: 18px;\n    }\n\n    .telecom-zoe-final-title {\n      max-width: 100%;\n      font-size: clamp(32px, 9.6vw, 43px);\n      line-height: 1;\n      letter-spacing: -1.25px;\n      text-shadow: 0 14px 42px rgba(0,0,0,0.34);\n    }\n\n    .telecom-zoe-final-text {\n      font-size: 15.5px;\n      line-height: 1.46;\n      margin-top: 17px;\n      max-width: 100%;\n    }\n\n    .telecom-zoe-final-points {\n      margin-top: 22px;\n      gap: 10px;\n      max-width: 100%;\n    }\n\n    .telecom-zoe-final-point {\n      align-items: flex-start;\n      padding: 12px 12px;\n      border-radius: 18px;\n      background: rgba(255,255,255,0.105);\n      border-color: rgba(255,255,255,0.14);\n      backdrop-filter: blur(13px) saturate(130%);\n      -webkit-backdrop-filter: blur(13px) saturate(130%);\n    }\n\n    .telecom-zoe-final-icon {\n      width: 40px;\n      height: 40px;\n      min-width: 40px;\n      border-radius: 14px;\n    }\n\n    .telecom-zoe-final-icon svg {\n      width: 21px;\n      height: 21px;\n    }\n\n    .telecom-zoe-final-point strong {\n      font-size: 15.5px;\n    }\n\n    .telecom-zoe-final-point span {\n      font-size: 13px;\n      line-height: 1.32;\n    }\n\n    .telecom-zoe-final-actions {\n      margin-top: 22px;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 11px;\n      max-width: 100%;\n    }\n\n    .telecom-zoe-final-button {\n      width: 100%;\n      min-height: 52px;\n      padding: 15px 20px;\n      white-space: normal;\n      text-align: center;\n      font-size: 15px;\n    }\n\n    .telecom-zoe-final-note {\n      margin-top: 14px;\n      font-size: 13px;\n      line-height: 1.4;\n      max-width: 92%;\n    }\n\n    .telecom-zoe-final-effects span:nth-child(1) {\n      width: 300px;\n      top: 24%;\n      right: -120px;\n      opacity: 0.20;\n    }\n\n    .telecom-zoe-final-effects span:nth-child(2) {\n      width: 280px;\n      bottom: 22%;\n      right: -100px;\n      opacity: 0.22;\n    }\n\n    .telecom-zoe-final-effects span:nth-child(3) {\n      display: none;\n    }\n\n    .telecom-zoe-final-orb {\n      width: 300px;\n      height: 300px;\n      right: -170px;\n      top: 18%;\n      opacity: 0.62;\n    }\n  }\n\n  @media (max-width: 430px) {\n    .telecom-zoe-final {\n      min-height: 1180px;\n      padding-top: 64px;\n      background-size: 132% auto;\n      background-position: center bottom;\n    }\n\n    .telecom-zoe-final-title {\n      font-size: clamp(31px, 9.4vw, 39px);\n    }\n\n    .telecom-zoe-final-text {\n      font-size: 15px;\n    }\n\n    .telecom-zoe-final-point {\n      padding: 11px;\n    }\n\n    .telecom-zoe-final-point strong {\n      font-size: 15px;\n    }\n\n    .telecom-zoe-final-point span {\n      font-size: 12.6px;\n    }\n  }\n\n  @media (max-width: 380px) {\n    .telecom-zoe-final {\n      min-height: 1130px;\n      background-size: 140% auto;\n      background-position: center bottom;\n    }\n\n    .telecom-zoe-final-title {\n      font-size: 30px;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     10. ESTRUTURA HTML - CTA FINAL COM ZOE\n====================================================== -->\n\n<div class=\"telecom-zoe-final-section\" id=\"zoe\">\n\n  <section class=\"telecom-zoe-final\">\n\n    <div class=\"telecom-zoe-final-effects\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <div class=\"telecom-zoe-final-orb\"><\/div>\n\n    <div class=\"telecom-zoe-final-wrap\">\n\n      <div class=\"telecom-zoe-final-grid\">\n\n        <!-- CONTE\u00daDO -->\n        <div class=\"telecom-zoe-final-content telecom-zoe-final-reveal\">\n\n          <div class=\"telecom-zoe-final-kicker\">\n            Conex\u00e3o com personalidade\n          <\/div>\n\n          <h2 class=\"telecom-zoe-final-title\">\n            <span class=\"line\">A <span class=\"green\">ZOE<\/span> j\u00e1 escolheu<\/span>\n            <span class=\"line\">a conex\u00e3o mais<\/span>\n            <span class=\"line\">r\u00e1pida da regi\u00e3o.<\/span>\n            <span class=\"line green\">E voc\u00ea?<\/span>\n          <\/h2>\n\n          <p class=\"telecom-zoe-final-text\">\n            Internet 100% fibra, velocidade de verdade e atendimento humanizado para voc\u00ea assistir, trabalhar, estudar, jogar e viver conectado sem travar.\n          <\/p>\n\n          <div class=\"telecom-zoe-final-points\">\n\n            <div class=\"telecom-zoe-final-point\">\n              <div class=\"telecom-zoe-final-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M4 15.5C6.1 13.4 8.84 12.35 12 12.35C15.16 12.35 17.9 13.4 20 15.5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n                  <path d=\"M7.5 18.7C8.7 17.5 10.17 16.9 12 16.9C13.83 16.9 15.3 17.5 16.5 18.7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"21\" r=\"1.7\" fill=\"currentColor\"\/>\n                  <path d=\"M2.5 12C5.1 9.4 8.26 8.1 12 8.1C15.74 8.1 18.9 9.4 21.5 12\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n\n              <div>\n                <strong>Velocidade para toda a rotina<\/strong>\n                <span>Streaming, chamadas, redes sociais e jogos com mais estabilidade no dia a dia.<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"telecom-zoe-final-point\">\n              <div class=\"telecom-zoe-final-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M12 3.5C8.13 3.5 5 6.63 5 10.5V14.5C5 15.6 5.9 16.5 7 16.5H8.5V10.2H7C7 7.44 9.24 5.2 12 5.2C14.76 5.2 17 7.44 17 10.2H15.5V16.5H17C18.1 16.5 19 15.6 19 14.5V10.5C19 6.63 15.87 3.5 12 3.5Z\" fill=\"currentColor\"\/>\n                  <path d=\"M10 18.8H14\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n                  <path d=\"M9.5 20.8H14.5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n\n              <div>\n                <strong>Atendimento humanizado<\/strong>\n                <span>Suporte pr\u00f3ximo, com equipe preparada para ajudar quando voc\u00ea precisa.<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"telecom-zoe-final-point\">\n              <div class=\"telecom-zoe-final-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n                  <path d=\"m9 12 2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n\n              <div>\n                <strong>Conex\u00e3o est\u00e1vel de verdade<\/strong>\n                <span>Mais confian\u00e7a para sua casa, empresa e todos os seus dispositivos conectados.<\/span>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"telecom-zoe-final-actions\">\n            <a class=\"telecom-zoe-final-button primary\" href=\"https:\/\/api.whatsapp.com\/send?phone=551935501503&text=Ol%C3%A1%20eu%20vim%20pelo%20site%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20os%20planos!%0ASou%20de%20%5Bnome%20da%20cidade%5D\" target=\"_blank\">\n              Quero saber mais\n            <\/a>\n\n            <a class=\"telecom-zoe-final-button secondary\" href=\"#planos\">\n              Ver planos dispon\u00edveis\n            <\/a>\n          <\/div>\n\n          <div class=\"telecom-zoe-final-note\">\n            <strong>Telecom Internet Fibra:<\/strong> velocidade, estabilidade e suporte pr\u00f3ximo para navegar melhor.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n<!-- =====================================================\n     11. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const zoeItems = document.querySelectorAll(\".telecom-zoe-final-reveal\");\n\n    const zoeObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    zoeItems.forEach(function(item) {\n      zoeObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dbba92 e-con-full e-flex e-con e-parent\" data-id=\"1dbba92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55cada2 elementor-widget elementor-widget-html\" data-id=\"55cada2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n     TELECOM INTERNET - CONTAINER 09\n     CONTATO \/ LOCALIZA\u00c7\u00c3O \/ RODAP\u00c9\n     Fonte principal: Neo Sans Std\n====================================================== -->\n\n<style>\n  \/* =====================================================\n     01. CONFIGURA\u00c7\u00d5ES GERAIS DO CONTAINER 09\n  ====================================================== *\/\n\n  .telecom-footer-section,\n  .telecom-footer-section * {\n    box-sizing: border-box;\n  }\n\n  .telecom-footer-section {\n    --azul-profundo: #06153A;\n    --azul-escuro: #002E8A;\n    --azul-principal: #0057E7;\n    --azul-claro: #00A3FF;\n    --verde: #52E21F;\n    --verde-claro: #74FF3B;\n    --branco: #FFFFFF;\n    --off-white: #F5F8FF;\n    --texto-escuro: #102044;\n    --texto-suave: rgba(16, 32, 68, 0.68);\n\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    background: var(--off-white);\n  }\n\n  .telecom-footer-section a {\n    text-decoration: none;\n  }\n\n  .telecom-footer-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    position: relative;\n    z-index: 4;\n  }\n\n  \/* =====================================================\n     02. FUNDO \/ AMBIENTE VISUAL\n  ====================================================== *\/\n\n  .telecom-footer-main {\n    position: relative;\n    padding: 105px 0 92px;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 14% 16%, rgba(82,226,31,0.10), transparent 24%),\n      radial-gradient(circle at 88% 22%, rgba(0,87,231,0.10), transparent 30%),\n      linear-gradient(180deg, #FFFFFF 0%, #F4F8FF 100%);\n  }\n\n  .telecom-footer-main::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(0, 46, 138, 0.030) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 46, 138, 0.030) 1px, transparent 1px);\n    background-size: 86px 86px;\n    opacity: 0.42;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .telecom-footer-main::after {\n    content: \"\";\n    position: absolute;\n    width: 520px;\n    height: 520px;\n    right: -220px;\n    bottom: -240px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.18), rgba(82,226,31,0.06) 44%, transparent 72%);\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  \/* =====================================================\n     03. CABE\u00c7ALHO \/ LOGO\n  ====================================================== *\/\n\n  .telecom-footer-header {\n    position: relative;\n    z-index: 4;\n    max-width: 720px;\n    margin-bottom: 44px;\n  }\n\n  .telecom-footer-logo {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 34px;\n  }\n\n  .telecom-footer-logo img {\n    width: 245px;\n    max-width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .telecom-footer-title {\n    margin: 0;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(38px, 4vw, 58px);\n    line-height: 1;\n    letter-spacing: -2px;\n    font-weight: 900;\n  }\n\n  .telecom-footer-title span {\n    color: var(--verde);\n  }\n\n  .telecom-footer-text {\n    margin: 20px 0 0;\n    max-width: 650px;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: clamp(16px, 1.28vw, 20px);\n    line-height: 1.55;\n    font-weight: 400;\n  }\n\n  \/* =====================================================\n     04. GRID DE CONTATO\n  ====================================================== *\/\n\n  .telecom-footer-grid {\n    position: relative;\n    z-index: 4;\n    display: grid;\n    grid-template-columns: 1.02fr 0.98fr;\n    gap: 28px;\n    align-items: stretch;\n  }\n\n  .telecom-footer-info {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  .telecom-footer-card {\n    position: relative;\n    min-height: 132px;\n    padding: 22px;\n    border-radius: 26px;\n    background: rgba(255,255,255,0.82);\n    border: 1px solid rgba(0, 46, 138, 0.10);\n    box-shadow:\n      0 20px 60px rgba(0,46,138,0.08),\n      inset 0 0 0 1px rgba(255,255,255,0.72);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    overflow: hidden;\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n  }\n\n  .telecom-footer-card::before {\n    content: \"\";\n    position: absolute;\n    right: -48px;\n    top: -54px;\n    width: 120px;\n    height: 120px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(82,226,31,0.20), rgba(82,226,31,0.05) 58%, transparent 72%);\n    pointer-events: none;\n  }\n\n  .telecom-footer-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(82,226,31,0.34);\n    box-shadow:\n      0 28px 76px rgba(0,46,138,0.13),\n      inset 0 0 0 1px rgba(255,255,255,0.78);\n  }\n\n  .telecom-footer-card-icon {\n    position: relative;\n    z-index: 2;\n    width: 46px;\n    height: 46px;\n    border-radius: 16px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 14px;\n    background: linear-gradient(135deg, var(--azul-principal), var(--azul-claro));\n    color: #FFFFFF;\n    box-shadow: 0 14px 30px rgba(0,87,231,0.20);\n  }\n\n  .telecom-footer-card-icon svg {\n    width: 23px;\n    height: 23px;\n  }\n\n  .telecom-footer-card small {\n    position: relative;\n    z-index: 2;\n    display: block;\n    margin-bottom: 7px;\n    color: rgba(16,32,68,0.52);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n  }\n\n  .telecom-footer-card strong {\n    position: relative;\n    z-index: 2;\n    display: block;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1.25;\n    font-weight: 900;\n    word-break: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .telecom-footer-card a {\n    color: var(--azul-profundo);\n    transition: color 0.25s ease;\n  }\n\n  .telecom-footer-card a:hover {\n    color: var(--azul-principal);\n  }\n\n  .telecom-footer-card.email-card strong {\n    font-size: 15.8px;\n    line-height: 1.28;\n  }\n\n  .telecom-footer-card.email-card a {\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  \/* =====================================================\n     05. CARD MATRIZ\n  ====================================================== *\/\n\n  .telecom-footer-address {\n    grid-column: 1 \/ -1;\n    min-height: auto;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    gap: 18px;\n    align-items: center;\n    padding: 24px;\n  }\n\n  .telecom-footer-address .telecom-footer-card-icon {\n    margin-bottom: 0;\n    width: 58px;\n    height: 58px;\n    border-radius: 20px;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    box-shadow: 0 16px 34px rgba(82,226,31,0.24);\n  }\n\n  .telecom-footer-address-content small {\n    margin-bottom: 8px;\n  }\n\n  .telecom-footer-address-content strong {\n    font-size: 20px;\n    line-height: 1.3;\n  }\n\n  .telecom-footer-route-button {\n    min-height: 52px;\n    padding: 16px 22px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--verde), var(--verde-claro));\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 900;\n    box-shadow: 0 16px 36px rgba(82,226,31,0.24);\n    transition: all 0.25s ease;\n    white-space: nowrap;\n  }\n\n  .telecom-footer-route-button:hover {\n    color: var(--azul-profundo);\n    transform: translateY(-3px);\n    box-shadow: 0 22px 48px rgba(82,226,31,0.34);\n  }\n\n  \/* =====================================================\n     06. MAPA\n  ====================================================== *\/\n\n  .telecom-footer-map-card {\n    position: relative;\n    min-height: 100%;\n    border-radius: 34px;\n    background: rgba(255,255,255,0.86);\n    border: 1px solid rgba(0, 46, 138, 0.10);\n    box-shadow:\n      0 26px 80px rgba(0,46,138,0.12),\n      inset 0 0 0 1px rgba(255,255,255,0.78);\n    overflow: hidden;\n    padding: 18px;\n  }\n\n  .telecom-footer-map-card::before {\n    content: \"\";\n    position: absolute;\n    left: 22px;\n    right: 22px;\n    top: 0;\n    height: 5px;\n    border-radius: 0 0 999px 999px;\n    background: linear-gradient(90deg, var(--azul-claro), var(--verde));\n    z-index: 3;\n  }\n\n  .telecom-footer-map-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 12px 6px 16px;\n  }\n\n  .telecom-footer-map-top strong {\n    display: block;\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 22px;\n    line-height: 1.15;\n    font-weight: 900;\n  }\n\n  .telecom-footer-map-top span {\n    display: block;\n    margin-top: 5px;\n    color: var(--texto-suave);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.35;\n    font-weight: 400;\n  }\n\n  .telecom-footer-map-badge {\n    padding: 10px 14px;\n    border-radius: 999px;\n    background: rgba(82,226,31,0.12);\n    border: 1px solid rgba(82,226,31,0.28);\n    color: #238B14;\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    white-space: nowrap;\n  }\n\n  .telecom-footer-map-frame {\n    position: relative;\n    height: 462px;\n    border-radius: 26px;\n    overflow: hidden;\n    background: #DCE8FF;\n    border: 1px solid rgba(0,46,138,0.10);\n  }\n\n  .telecom-footer-map-frame iframe {\n    width: 100%;\n    height: 100%;\n    border: 0;\n    display: block;\n    filter: saturate(1.05) contrast(1.02);\n  }\n\n  .telecom-footer-map-overlay {\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    bottom: 18px;\n    padding: 16px 18px;\n    border-radius: 22px;\n    background: rgba(6,21,58,0.88);\n    border: 1px solid rgba(255,255,255,0.14);\n    box-shadow: 0 18px 42px rgba(0,10,40,0.26);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n  }\n\n  .telecom-footer-map-overlay span {\n    color: rgba(255,255,255,0.78);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1.35;\n    font-weight: 400;\n  }\n\n  .telecom-footer-map-overlay strong {\n    display: block;\n    color: #FFFFFF;\n    font-size: 15px;\n    line-height: 1.25;\n    font-weight: 900;\n    margin-bottom: 3px;\n  }\n\n  .telecom-footer-map-overlay a {\n    min-height: 42px;\n    padding: 13px 16px;\n    border-radius: 999px;\n    background: var(--verde);\n    color: var(--azul-profundo);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 900;\n    white-space: nowrap;\n    transition: all 0.25s ease;\n  }\n\n  .telecom-footer-map-overlay a:hover {\n    transform: translateY(-2px);\n    color: var(--azul-profundo);\n    box-shadow: 0 16px 34px rgba(82,226,31,0.26);\n  }\n\n  \/* =====================================================\n     07. FAIXA FINAL \/ DIREITOS AUTORAIS\n  ====================================================== *\/\n\n  .telecom-footer-bottom {\n    position: relative;\n    z-index: 5;\n    background:\n      radial-gradient(circle at 12% 50%, rgba(82,226,31,0.12), transparent 24%),\n      linear-gradient(135deg, #06153A 0%, #002E8A 100%);\n    border-top: 1px solid rgba(255,255,255,0.10);\n  }\n\n  .telecom-footer-bottom-wrap {\n    width: min(1240px, calc(100% - 48px));\n    margin: 0 auto;\n    min-height: 74px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 22px;\n  }\n\n  .telecom-footer-copy,\n  .telecom-footer-credit {\n    margin: 0;\n    color: rgba(255,255,255,0.76);\n    font-family: \"Neo Sans Std\", \"Neon Sans Std\", Arial, sans-serif;\n    font-size: 14px;\n    line-height: 1.45;\n    font-weight: 400;\n  }\n\n  .telecom-footer-credit strong,\n  .telecom-footer-copy strong {\n    color: #FFFFFF;\n    font-weight: 900;\n  }\n\n  .telecom-footer-credit span {\n    color: var(--verde);\n    font-weight: 900;\n  }\n\n  \/* =====================================================\n     08. ANIMA\u00c7\u00d5ES\n  ====================================================== *\/\n\n  .telecom-footer-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n\n  .telecom-footer-reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* =====================================================\n     09. RESPONSIVO\n  ====================================================== *\/\n\n  @media (max-width: 1080px) {\n    .telecom-footer-header,\n    .telecom-footer-grid {\n      grid-template-columns: 1fr;\n      gap: 26px;\n    }\n\n    .telecom-footer-map-frame {\n      height: 430px;\n    }\n  }\n\n  @media (max-width: 760px) {\n    .telecom-footer-wrap,\n    .telecom-footer-bottom-wrap {\n      width: min(100% - 28px, 1240px);\n    }\n\n    .telecom-footer-main {\n      padding: 76px 0 68px;\n    }\n\n    .telecom-footer-header {\n      margin-bottom: 34px;\n    }\n\n    .telecom-footer-logo {\n      margin-bottom: 28px;\n    }\n\n    .telecom-footer-logo img {\n      width: 210px;\n    }\n\n    .telecom-footer-title {\n      font-size: clamp(34px, 10vw, 48px);\n      line-height: 1;\n      letter-spacing: -1.4px;\n    }\n\n    .telecom-footer-text {\n      font-size: 16px;\n      line-height: 1.5;\n    }\n\n    .telecom-footer-info {\n      grid-template-columns: 1fr;\n    }\n\n    .telecom-footer-card {\n      min-height: auto;\n      padding: 20px;\n      border-radius: 24px;\n    }\n\n    .telecom-footer-card.email-card strong {\n      font-size: 15px;\n    }\n\n    .telecom-footer-address {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .telecom-footer-address .telecom-footer-card-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 18px;\n    }\n\n    .telecom-footer-address-content strong {\n      font-size: 18px;\n    }\n\n    .telecom-footer-route-button {\n      width: 100%;\n      white-space: normal;\n      text-align: center;\n    }\n\n    .telecom-footer-map-card {\n      padding: 14px;\n      border-radius: 26px;\n    }\n\n    .telecom-footer-map-top {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .telecom-footer-map-badge {\n      white-space: normal;\n      line-height: 1.25;\n    }\n\n    .telecom-footer-map-frame {\n      height: 380px;\n      border-radius: 22px;\n    }\n\n    .telecom-footer-map-overlay {\n      position: relative;\n      left: auto;\n      right: auto;\n      bottom: auto;\n      margin-top: 14px;\n      flex-direction: column;\n      align-items: stretch;\n      border-radius: 20px;\n    }\n\n    .telecom-footer-map-overlay a {\n      width: 100%;\n      text-align: center;\n    }\n\n    .telecom-footer-bottom-wrap {\n      min-height: auto;\n      padding: 22px 0;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 8px;\n    }\n\n    .telecom-footer-copy,\n    .telecom-footer-credit {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<!-- =====================================================\n     10. ESTRUTURA HTML - CONTATO \/ RODAP\u00c9\n====================================================== -->\n\n<div class=\"telecom-footer-section\" id=\"contato\">\n\n  <section class=\"telecom-footer-main\">\n\n    <div class=\"telecom-footer-wrap\">\n\n      <!-- =========================\n           10.1 CABE\u00c7ALHO\n      ========================== -->\n      <div class=\"telecom-footer-header telecom-footer-reveal\">\n\n        <a class=\"telecom-footer-logo\" href=\"#inicio\" aria-label=\"Telecom Internet Fibra\">\n          <img decoding=\"async\" src=\"https:\/\/telecominternet.com.br\/site\/wp-content\/uploads\/2026\/07\/logo-telecom-1.png\" alt=\"Telecom Internet\">\n        <\/a>\n\n        <h2 class=\"telecom-footer-title\">\n          Contato e <span>localiza\u00e7\u00e3o.<\/span>\n        <\/h2>\n\n        <p class=\"telecom-footer-text\">\n          Encontre nossa matriz em Cordeir\u00f3polis, fale com a equipe da Telecom e acompanhe nossos canais oficiais.\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================\n           10.2 CONTE\u00daDO PRINCIPAL\n      ========================== -->\n      <div class=\"telecom-footer-grid\">\n\n        <!-- INFORMA\u00c7\u00d5ES -->\n        <div class=\"telecom-footer-info telecom-footer-reveal\">\n\n          <!-- EMPRESA -->\n          <div class=\"telecom-footer-card\">\n            <div class=\"telecom-footer-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 21h18\"\/>\n                <path d=\"M5 21V7l7-4 7 4v14\"\/>\n                <path d=\"M9 21v-6h6v6\"\/>\n                <path d=\"M9 10h.01\"\/>\n                <path d=\"M12 10h.01\"\/>\n                <path d=\"M15 10h.01\"\/>\n              <\/svg>\n            <\/div>\n            <small>Empresa<\/small>\n            <strong>Telecom Cordeir\u00f3polis LTDA<\/strong>\n          <\/div>\n\n          <!-- CNPJ -->\n          <div class=\"telecom-footer-card\">\n            <div class=\"telecom-footer-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M7 3h10a2 2 0 0 1 2 2v16l-4-2-3 2-3-2-4 2V5a2 2 0 0 1 2-2Z\"\/>\n                <path d=\"M9 8h6\"\/>\n                <path d=\"M9 12h6\"\/>\n                <path d=\"M9 16h4\"\/>\n              <\/svg>\n            <\/div>\n            <small>CNPJ<\/small>\n            <strong>03.688.533\/0001-04<\/strong>\n          <\/div>\n\n          <!-- E-MAIL -->\n          <div class=\"telecom-footer-card email-card\">\n            <div class=\"telecom-footer-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M4 6h16v12H4z\"\/>\n                <path d=\"m4 7 8 6 8-6\"\/>\n              <\/svg>\n            <\/div>\n            <small>E-mail<\/small>\n            <strong>\n              <a href=\"mailto:atendimento@telecominternet.com.br\">\n                atendimento@telecominternet.com.br\n              <\/a>\n            <\/strong>\n          <\/div>\n\n          <!-- TELEFONE -->\n          <div class=\"telecom-footer-card\">\n            <div class=\"telecom-footer-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07A19.5 19.5 0 0 1 3.15 10.8 19.8 19.8 0 0 1 .08 2.18 2 2 0 0 1 2.06 0h3a2 2 0 0 1 2 1.72c.13.96.35 1.9.66 2.8a2 2 0 0 1-.45 2.11L6 7.9a16 16 0 0 0 6.1 6.1l1.27-1.27a2 2 0 0 1 2.11-.45c.9.31 1.84.53 2.8.66A2 2 0 0 1 22 16.92Z\"\/>\n              <\/svg>\n            <\/div>\n            <small>Telefone<\/small>\n            <strong>\n              <a href=\"tel:+551935501503\">(19) 3550-1503<\/a>\n            <\/strong>\n          <\/div>\n\n          <!-- INSTAGRAM -->\n          <div class=\"telecom-footer-card\">\n            <a href=\"https:\/\/www.instagram.com\/telecominternet\/\" target=\"_blank\" aria-label=\"Instagram Telecom Internet\">\n              <div class=\"telecom-footer-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\n                  <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n                  <path d=\"M17.5 6.5h.01\"\/>\n                <\/svg>\n              <\/div>\n              <small>Instagram<\/small>\n              <strong>@telecominternet<\/strong>\n            <\/a>\n          <\/div>\n\n          <!-- FACEBOOK -->\n          <div class=\"telecom-footer-card\">\n            <a href=\"https:\/\/www.facebook.com\/telecomcordeiropolis\" target=\"_blank\" aria-label=\"Facebook Telecom Internet\">\n              <div class=\"telecom-footer-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                  <path d=\"M14 8.5V6.75c0-.7.46-.86.78-.86H17V2.1L13.94 2C10.54 2 9.76 4.54 9.76 6.17V8.5H7v3.9h2.76V22H14v-9.6h3.2l.42-3.9H14Z\"\/>\n                <\/svg>\n              <\/div>\n              <small>Facebook<\/small>\n              <strong>Telecom Internet<\/strong>\n            <\/a>\n          <\/div>\n\n          <!-- MATRIZ -->\n          <div class=\"telecom-footer-card telecom-footer-address\">\n            <div class=\"telecom-footer-card-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n              <\/svg>\n            <\/div>\n\n            <div class=\"telecom-footer-address-content\">\n              <small>Matriz<\/small>\n              <strong>R. Treze de Maio, 289 - Centro, Cordeir\u00f3polis - SP<br>CEP 13490-019<\/strong>\n            <\/div>\n\n            <a class=\"telecom-footer-route-button\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=R.%20Treze%20de%20Maio%2C%20289%20-%20Centro%2C%20Cordeir%C3%B3polis%20-%20SP%2C%2013490-019\" target=\"_blank\">\n              Ver rota\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n        <!-- MAPA -->\n        <div class=\"telecom-footer-map-card telecom-footer-reveal\">\n\n          <div class=\"telecom-footer-map-top\">\n            <div>\n              <strong>Nossa matriz no mapa<\/strong>\n              <span>Confira a localiza\u00e7\u00e3o e abra a rota direto pelo Google Maps.<\/span>\n            <\/div>\n\n            <div class=\"telecom-footer-map-badge\">\n              Cordeir\u00f3polis - SP\n            <\/div>\n          <\/div>\n\n          <div class=\"telecom-footer-map-frame\">\n            <iframe\n              src=\"https:\/\/www.google.com\/maps?q=R.%20Treze%20de%20Maio%2C%20289%20-%20Centro%2C%20Cordeir%C3%B3polis%20-%20SP%2C%2013490-019&output=embed\"\n              loading=\"lazy\"\n              referrerpolicy=\"no-referrer-when-downgrade\"\n              title=\"Mapa da matriz Telecom Internet\">\n            <\/iframe>\n\n            <div class=\"telecom-footer-map-overlay\">\n              <div>\n                <strong>Telecom Internet Fibra<\/strong>\n                <span>R. Treze de Maio, 289 - Centro, Cordeir\u00f3polis - SP<\/span>\n              <\/div>\n\n              <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=R.%20Treze%20de%20Maio%2C%20289%20-%20Centro%2C%20Cordeir%C3%B3polis%20-%20SP%2C%2013490-019\" target=\"_blank\">\n                Abrir Maps\n              <\/a>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- =========================\n       10.3 RODAP\u00c9 FINAL\n  ========================== -->\n  <footer class=\"telecom-footer-bottom\">\n    <div class=\"telecom-footer-bottom-wrap\">\n\n      <p class=\"telecom-footer-copy\">\n        \u00a9 <strong>Telecom Internet Fibra<\/strong>. Todos os direitos reservados.\n      <\/p>\n\n      <p class=\"telecom-footer-credit\">\n        Desenvolvido por <span>Flecha Marketing e Propaganda LTDA<\/span>\n      <\/p>\n\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<!-- =====================================================\n     11. JAVASCRIPT - ANIMA\u00c7\u00c3O DE ENTRADA\n====================================================== -->\n\n<script>\n  (function () {\n    const footerItems = document.querySelectorAll(\".telecom-footer-reveal\");\n\n    const footerObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n        }\n      });\n    }, {\n      threshold: 0.12\n    });\n\n    footerItems.forEach(function(item) {\n      footerObserver.observe(item);\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In\u00edcio Planos Empresas Benef\u00edcios Cidades Avalia\u00e7\u00f5es Contato Consultar disponibilidade Internet 100% fibra \u00f3ptica Internet r\u00e1pida para voc\u00ea n\u00e3o perder nenhum momento. Planos de alta velocidade, conex\u00e3o est\u00e1vel e atendimento humanizado para sua casa, empresa, estudos, jogos, s\u00e9ries e chamadas de v\u00eddeo. Consultar disponibilidade Conhe\u00e7a outros planos Planos a partir de R$ 52 m\u00eas + velocidade [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/pages\/891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/comments?post=891"}],"version-history":[{"count":10,"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/pages\/891\/revisions"}],"predecessor-version":[{"id":907,"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/pages\/891\/revisions\/907"}],"wp:attachment":[{"href":"https:\/\/telecominternet.com.br\/site\/wp-json\/wp\/v2\/media?parent=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}