/*RESET*/
* {
    margin: 0;
    padding: 0;
}
/*RESET*/

/*BODY*/
body {
    font-family: 'DIN OT';
}
/*BODY*/

/*CONTAINER PRINCIPAL*/
/*CONTAINER PRINCIPAL*/

/*HEADER*/
.header {
    position: relative;
}

header {
    display: block;
}

.nav {
    position: fixed;
    width: 100%;
    height: 5%;
    top: 0;
    z-index: 1; 
    background: #b90904;
    color: #fff;
    padding: 2.5rem 0;
}

.nav-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content {
    margin: 0 auto;
    width: 100%;
}

.nav-logo {
    display: block;
    height: 40px;
    width: auto;
}

img {
    border: 0;
}

.nav-links {
    display: flex;
}

.nav-planos a:hover {
    text-decoration:underline;
}

.nav-combos a:hover {
    text-decoration:underline;
}

.nav-empresas a:hover {
    text-decoration:underline;
}

ul {
    list-style: none;
}

.header-nav li {
    display: inline-block;
    font-size: 1em;
}

.header-nav a {
    display: block;
    margin: 0 8px;
}

a {
    text-decoration: none;
    color: inherit;
}

a:-webkit-any-link {
    cursor: pointer;
}

li {
    padding: 10px;
}

/* Botões*/
.button-monte {
    background-color: #ffbc4b;
    font-size: 1em;
    font-weight: 500;
    padding: 12px;
    color: #000;
    border-radius: 50px;
}

.bt-combo a:hover {
    color: #fff;
    font-weight: bold;
}

.button-cliente {
    background-color: #fff;
    font-size: 1em;
    font-weight: 500;
    /*padding: .3rem 1rem;*/
    padding: 12px;
    color: #e3262e;
    border-radius: 50px;
}

.bt-cliente a:hover {
    text-decoration:underline;
    font-weight: bold;
}

/* Ligue Grátis*/
.nav-phone {
    display: flex;
    align-items: center;
}

.nav-phone h1 {
    font-size: 1.25em;
    margin-right: 1rem;
}

.nav-phone h2 {
    font-size: 2.5em;
    letter-spacing: -0.03em;
    line-height: 1;
}

/*Banner Desktop*/
.banner-desktop  {
    width: 100%;
    object-fit: cover; 
    display: block;
    margin-top: 7rem;
}
/*Banner Desktop*/
/*HEADER*/

/*ARTICLE*/

/*SECTION Portabilidade*/
.container-chip {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    width: 100%; /* ajuste a largura */
    margin-top: 3em;
    margin-bottom: 1em;
}

.container-column {
    display: flex;
    align-items: center; 
    justify-content: center;
    padding: 0 5.5rem 0 5.5rem;
}

.divisor-column {
    border-left: .1em solid rgba(209, 209, 209, .50);
    border-right: .1em solid rgba(209, 209, 209, .50); 
}

.container-text-chip {
    font-size: 15px;
    color: #000;
    text-align: left; 
    width: 180px;
    padding-left: 10px;
    font-weight: 500;
}

.container-icon-mobile {
    width: 50px;
    height: 70px;
    /* mudar cor do svg */
    fill: #000;
    margin-right: 15px;
}

/*informaces novas*/

/*cards*/

.container-contrate-plano {
    margin-top: 2rem;
    padding: 1.5rem 0 1.5rem 0;
    background: rgb(246, 247, 250);
    align-items: center;
    justify-content: center;
}

.infos-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    /*background: rgb(221, 221, 221);*/
}

.item-icon-contrate {
    /*border: 2px solid red;*/
    width: 250px;
    margin: 1rem;
    text-align: center;
    /* background: #fff;*/
}

.item-icon-contrate h3 {
    text-align: center;
}

.item-icon-contrate p {
    font-weight: 500;
    margin-top: 1rem;
    text-align: center;
}

.arrow-passos {
    opacity: .2;
    margin: 0 .5rem 0 .5rem;
}

.item-icon-contrate h3 {
    margin: .5rem 0 .5rem 0;
}

.divisor-align {
    border-bottom: .1em solid rgba(209, 209, 209, .25);
    padding: .7em;
}

/* Informação do Container: Portabilidade */
.container-portabilidade, .container-info-portabilidade {
    /*box-sizing: border-box;*/
    width: 1200px;
    max-width: 100%;
    margin: 0px auto;
}

.container-info-portabilidade h2 {
    color: #e3262e;
    font-size: 1.7rem;
}

.container-info-portabilidade h3 {
    margin-bottom: 1.5rem;
}

.container-contrate-plano {
    margin-top: 2rem;
    padding-top: 1.5rem;
    background: rgb(239, 241, 245);
    align-items: center;
    justify-content: center;
}

.info-title-container {
    font-size: 1.45rem;
    letter-spacing: -1.4px;
    margin-bottom: .6em;
    margin-top: 1em;
}

.info-text-container {
    font-size: .87em;
    margin-bottom: -2em;
}
/*SECTION Portabilidade*/
.title-card-1 h2 {
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
    color: grey;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

#waze, #whatsapp, #claro_musica, #claro_video,
#facebook, #twitter{
    width: 40px;
    height: 40px;
}

.sub-title-cards h2 {
    text-align: center;
    color: grey;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.sub-title-cards h4 {
    text-align: center;
    color: rgb(105, 105, 105);
    font-size: 1rem;
    font-weight: 500;
}

/*SECTION Slide*/
.container-geral {
    margin-left: -2.5rem;
    /*border: 5px solid pink;*/
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2rem;
}

.article-box {
    width: 100%;
    max-width: 100%;
}

.article-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2rem;
    /*background:rgb(239, 241, 245);*/
}
.container-cards {
    margin-top: 1rem;
    margin-bottom: 1rem;
   /* background:rgb(239, 241, 245);*/
    width: 1100px;
    max-width: 100%;
}

.article-cards-title {
    max-width: 1200px;
    width: 100%;
    margin: 0px auto;
    font-size: 1.52em;
    font-weight: 500;
    padding-top: 2rem;
    padding-bottom: 1rem;
    opacity: .5;
}

.article-cards-title h1 {
    font-size: 1.8rem;
    opacity: .9;
    font-weight: 500;
    margin-left: -2.7rem;
}

.card-title-header h5 {
    color: rgb(53, 53, 53);
    font-weight: normal;
    font-size: .82em;
}

.card {
    display: flex;
    /*border: 3px solid pink;*/
    width: 360px;
    /*margin-left: -80px;*/
    justify-content: center;
    position: relative;
    margin: 0 .5rem 0 .5rem;
}

/*PAREI AQUI!!!*/
.card-2  {
    padding: 1.5rem 0;
}

.card-2 .card-item-section-icons {
    margin-top: -5px;
}

.card-2 span {
    color: #e3262e;
}

.subtitle-port {
    margin-left: .6em;
    padding-top: .4em;
}

.card-2 p, .check-port svg {
    padding-top: .5em;
}

.card-2 p {
    width: 18rem;
}

.boleto {
    color: #000 !important;
}

.container-card-item {
    /*width: 350px;*/
    /*background: grey;*/
    margin: 0 auto;
}

.card-item {
   /* flex: 0 0 280px;
    display: flex !important;*/
    flex-direction: column;
    background: #fff;
    box-shadow: 4px 0 20px rgb(0 0 0 / 20%);
    border-radius: 14px;
    margin: .5rem;
}

.card-item-header-1 {
    /*flex: 0 0 85px;*/
    background: #e3262e;
    margin: 0 auto;
    top: -10rem;
    height: 2.5rem;
    align-items: left;
    border-radius: 13px 13px 0 0;
    text-align: center;
}

.card-item-header {
    margin-top: 3rem;
    align-items: left;
    border-radius: 13px 13px 0 0;
    text-align: center;
}

.card-title-header {
    padding-top: 1rem;
    padding-bottom: .5rem;
    text-align: center;
    color: #e3262e;
    border-bottom: 1px solid #dadada;
    margin: 0 .5rem 0 .5rem;
}


.card-title-header h1 {
    font-size: 2rem;
    font-weight: bold;
}

.card-title-header-1 h {
    margin-top: 1rem;
}

.card-item-section {
    flex: 1;
    margin: 1.5rem;
    text-align: left;
    background: #fff;
  
}

.card-item-section-icons {
    margin: 1rem;
    padding-bottom: 2rem;
    padding-top: -3rem;
    height: 5rem;
}

.card-item-section-icons-box-1 {
    margin: 1rem;
    padding-bottom: 3rem;
    margin-top: 1rem;
    height: 5rem;
}

/*
.card-item-description-box-1 {
    margin-top: -12px;
} */

.icons-item-cards {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-navegar {
    padding: .2rem;
}

.icon-navegar img {
    width: 40px;
}

.card-item-description, .card-item-description-box-1 {
    margin-bottom: 1.5rem;
}

.card-item-description svg, .card-item-description-box-1 svg {
  width: 2rem;
  height: 2rem;
}

.card-item-description p, .card-item-description-box-1 p {
    font-size: 1em;
    font-weight: 500;
    text-align: left;
}

.card-item-description:last-child {
    margin-bottom: .4rem;
}

.description-check-1, .description-check-2 {
    display: flex;
}

.card-item-footer {
    background:#f4f4f4;
    border-radius: 0 0 13px 13px;
    padding: 1.5rem;
    text-align: center
}

.card-item-price, .description-price {
    text-align: center;
    margin-left: 2rem;
}

.description-price {
    font-size: .7rem;
    
}

.description-price span {
    font-weight: 700;
}

.card-item-price p {
    font-size: 20px;
    font-weight: bold;
    margin-left: -2rem;
}

.card-item-price * {
    display: inline;
    color: #e3262e;
}

.card-item-price h2 {
    font-size: 5rem;
    letter-spacing: -0.03em;
    line-height: 1;
}

.card-item-price h2 sup {
    font-size: 1.5rem;
    letter-spacing: 0;
    vertical-align: 2rem;
    margin-left: .5rem;
}

.button-sale {
    margin-top: 1rem;
    width: 260px;
    height: 50px;
    background: #ffbc4b;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.5rem;
    padding-bottom: .5rem;
}

.button-sale:hover {
    background: #fdb02c;
}

/*Carrossel*/

.slider {
     
    margin: auto;
    padding-top: 8em;
    padding-bottom: 5em;
}

.slick-slide {
   
  margin: 0 auto;
  /*background-color: blueviolet;*/
}


/*.slick-prev:before,
.slick-next:before {
  color: rgb(180, 25, 25);
 
}*/

.slick-slide {
  transition: all ease-in-out .2s;
  opacity: .5;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

/*fim carrossel*/

/*SECTION Slide*/


/*SECTION Faqs*/
.faq-wrapper {
    margin: auto;
    width: 95%;
    max-height: 100%;
}

.faqs {
    margin:  0 auto;
    max-width: 1200px;
    width: 100%;
}

.container-fluid {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.faq-wrapper-title {
    margin-right: auto;
    font-size: 1.55em;
    font-weight: normal;
    color: rgb(82, 82, 82);
    letter-spacing: -1.4px;
    margin-bottom: 25px;
}
  
.accordion {
    max-width: 1150px;
    width: 100%;
    padding: 15px 35px 15px 10px;
    box-shadow: 2px 5px 10px 2px rgba(173, 173, 173, .3);
    cursor: pointer;
    display: flex;
    margin: 10px 0;
    align-items: center;
    border-radius: 3px;
  }
  
.faq-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion .icons {
    width: 42px;
    height: 42px;
    float: left;
    transition: all .5s ease-in;
}

.icons {
    padding-left: 1.1rem;
    margin-right: 1rem;
}

.button-icon {
    width: 2em;
    height: 2em;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto;
    
  }

  .card-button {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
  }



  .info-extra-card {
      padding: .5rem;
      font-size: .7rem;
      color: grey;
  }

.active .button-icon { background-image: url(data:image/png;base64,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);}
  
.button-icon { opacity: 0.7;}

.accordion h5 {
    font-size: 1.12rem;
    margin-left: 10px;
    padding: 15px 0 15px 0;
    font-weight: 500;
    color: rgb(82, 82, 82);
}

.panel {
    max-width: 1050px;
    width: 100%;
    padding: 0 20px;
    padding-left: -10px;
    border-left: 0.5px solid rgba(184, 184, 184, .3);
    border-right: 0.5px solid rgba(184, 184, 184, .3);
    margin-left: 2px;
    font-size: justify;
    overflow: hidden;
    max-height: 0;
    transition: all .5s ease-in;
}

.panel p {
    display: block;
    margin-block-start: 1.2em;
    margin-block-end: 1em;
    margin-inline-start: 1.2em;
    margin-inline-end: 1em;
}
/*SECTION Faqs*/

/*ARTICLE*/

/*FOOTER*/
.footer {
    display: block;
    position: relative;
    padding: 4rem 0;
    background-color: #b90904; 
    background-image: -webkit-linear-gradient(bottom, transparent, #fe6830); 
    color: #fff;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content {
    width: 1200px;
    max-width: 100%;
    margin-top: -1rem;
    bottom: 0;
}

.footer-logo {
    display: block;
    margin-bottom: 2rem;
}

.footer-aviso {
    font-size: 0.58em;
    max-width: 500px;
}

.footer-inner1 { flex: 1.5;}

.footer-titulo { font-size: 1.5em;}

.footer-desc {
    font-size: 1em;
    margin: .5rem 0;
}

.footer-fone {
    font-size: 2em;
    font-weight: bold;
}

.footer-inner2 { max-width: 550px;}

.footer-inner3 { max-width: 180px;}

.footer-inner2, .footer-inner3 { flex: .5;}
/*FOOTER*/

/*DESKTOP-DESATIVANDO-PARA-MOBILE*/
@media (min-width:600px) {
    .header-mobile {
        display: none;
    }

    .cards_mobile {
        display: none;
    }

    .footer-mobile {
        display: none;
    }
   
}

@media (max-width:600px) {
    header {
        display: none;
    }

    /*MENU*/
    .nav-content-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav-mobile {
        background-color: #b90904;
        height: 4em;
    }

    .nav-logo-mobile {
        width: 9rem;
        height: 2rem;
        margin-right: 1rem;
        margin-top: -1rem;
    }

    .menu-mobile {
        font-weight: bold;
        background-color: rgba(179, 1, 1, .2);
        max-height: 45px;
    }

    .arrow-passos {
        display: none;
    }

    .container-info-portabilidade h2, 
    .container-info-portabilidade h3 {
        text-align: center;
    }

    .container-info-portabilidade h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .container-info-portabilidade h3 {
        font-size: 1.5rem;
        margin-top: 2rem;
    }

    .button-sale {
        padding: .5rem 0 .5rem 0;
    }

    .menu li{
        position:relative;
        float:left;
        font-weight: 500;
        
    }

    .menu li a {
        color:rgb(250, 250, 250); 
        text-decoration:none; 
        z-index: 9999;
        display:block;
        padding: 1em;
    }

    .menu li a:hover{
        background:rgb(255, 255, 255);
        color:#e3262e;
        width: 180px;
        z-index: 9999;
    }

    .menu li  ul{
        position:absolute;
        top:64px;
        left:0;
        background-color:#e3262e;
        display:none;
        z-index: 9999;
    }

    .menu li:hover ul, .menu li.over ul{display:block;}

    .menu li ul li{
       
        display:block;
        width:200px;
    }

    .container {
        width: 100%;
    }

    .cards-desktop {
        display: none;
    }

    .banner-mobile {
        width:100%;
        margin-top: 4.9rem;
    }

    .card-item-header-1 {
        /*flex: 0 0 85px;*/
        background: #e3262e;
        margin: 0 auto;
        top: -10rem;
        height: 1rem;
     
        align-items: left;
        border-radius: 13px 13px 0 0;
        text-align: center;
    }
    
    .card-item-header {
        margin-top: 1rem;
        align-items: left;
        height: 1rem;
        border-radius: 13px 13px 0 0;
        text-align: center;
    }

    .container-chip {
        display: flex;
        /*flex-direction: column;*/
        align-items: center;
        justify-content: center;
        margin-top: 3rem ;
        margin-bottom: 1rem;
    }

    .container-column {
        display: flex;
        flex-direction: column;
        width: 3rem;
        padding: .5rem;
    }

    .divisor-column {
        width: 10rem;
        border: #fff;
    }

    .divisor-align {
        margin: auto;
        width: 15em;
    }

    .container-portabilidade {
        width: 100%;
    }

    .container-text-chip {
        font-size: .78em;
        text-align: center; 
        width: 90px;
        padding-left: 2px;
        margin-top: 1rem;
    }
    
    .container-icon-mobile {
        width: 40px;
        height: 50px;
    }

    .info-title-container {
        margin: .5em;
        margin-top: 2em;
        font-size: 1.32em;
        text-align: center;
        margin-top: 1em;
    }

    .info-text-container {
        margin-left: 2em;
        margin-right: 2em;
        text-align: justify;
        font-size: .78em;
        margin-bottom: -3em;
    }

    .article-cards {
        margin-top: 4.5em;
    }

    .article-cards-title h1 {
        margin-left: 1em;
        text-align: left;
        font-size: .95em;
    }

    .container-cards {
        margin-top: 1rem;
        margin-bottom: 1rem;
       /* background:rgb(239, 241, 245);*/
        width: 100%;
    }

    /*MENU FIXO*/
    .nav-mobile-fixed-phone {
        width: 100%;
        height: 5rem;
        background: #b90904;
        position: fixed;
        z-index: 9999;
        box-shadow: 5px 0 20px #360200;
    }

    .nav-mobile-fixed {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
    }

    .nav-phone-mobile h1 {
        color: #fff;
        font-size: 1rem;
        margin-left: .2rem;
    }

    .nav-phone-mobile h2 {
        color: #fff;
        margin-left: .2rem;
    }

    /*Carrousel*/

    .flickity-viewport {
        margin-top: .5rem;
     }
  
     .cards-mobile {
         margin-top: 1rem;
         height: 100%;
     }
 
     .flickity-page-dots {
         display: none;
     }
 
       .carousel-cell {
         width: 38%;
         border-radius: 10px;
         counter-increment: carousel-cell;
       
       }
 
       .flickity-prev-next-button {
           top: 50%!important;
       }

    /*IMPORTANTE AQUI TRABALHA A CAIXA*/
    .card {
        width: 18rem;
        margin: 0 .4rem 0 .4rem;
    }

    .article-cards {
        width: 100%;
    }

    .container-geral {
        /*border: 5px solid pink;*/
        margin-right: 1px;
        width: 110%;
        margin-top: -8.5rem;
        margin-bottom: -4rem;
    }

    .container-card-item {
        margin: -1.2em;
        width: 325px;
    }
    .card-item-section {
        max-width: 100%;

    }

    .card-item {
        margin: 1.5rem;
    }
    
    .button-sale {
        max-width: 100%;
        padding: .5rem 0 .5rem 0;
    }

    .container-fluid {
        width: 85%;
        margin: 2.5em;
    }

    .accordion h5 {
        font-size: .9em;
        text-align: left;
    }


    .button-icon {
        /*display: none;*/
        background-size: cover;
    }

    .subtitle-faq-mobile { width: 12em;}

    .panel p { font-size: .75em; text-align: justify;}

    .faq-wrapper-title {
        margin-left: -0.5em;
    }

    .nav-content {
        display: flex;
        flex-direction: column;
    }

    .nav {
        width: 100%;
    }

    .article-container, .info-container-2  {
        width: 80%;
    }

    .footer {
        display: none;
    }

    .footer-mobile {
        background-color: #b90904;
       /* height: 45em;*/
    }

    .logo-footer-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18.5em;
        margin: auto;
        padding: 2em;
        background-color: rgba(124, 2, 2, 0.1);
        padding-top: 1.5rem;
        padding-bottom: 1.8rem;
    }

    
    .phone-footer-mobile {
        color: #fff;
        border: 1px solid #fff;
        border-radius: 25px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: rgba(251, 251, 251, .1);
       margin: 0 auto;
        margin-top: 2em;
        margin-bottom: 2em;
        width: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-inner1-mobile, .footer-inner2-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.2em;
        text-align: center;
        color: #fff;
    }

    .footer-inner1-mobile {
        padding-top: 2.5em;
    }

    .footer-inner2-mobile {
        margin-top: 2em;
        background-color: rgba(124, 2, 2, 0.1);
        padding-top: 1.5rem;
        padding-bottom: 1.8rem;
        margin: auto;
    }

    
    .footer-fone-mobile {
        font-size: 2em;
    }
    

    .ligue-gratis {margin-left: 4rem;}
    .footer-fone-mobile {margin-left: 4rem;}
    .fone-logo {width: 40px; height: 40px; position: absolute; margin-top: -3.2rem;}

    .footer-fone-cliente {font-size: 2rem;}


    .efeito-pulsar {box-shadow: 5px 5px 8px #801016; border-radius: 50%;}

    .efeito-pulsar {
        animation: pulse 0.7s infinite;
        /*display: table;*/
        animation-direction: alternate;
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }
  
    @-webkit-keyframes pulse {
        0% {
        -webkit-transform: scale(1);
        -webkit-filter: brightness(80%);
        }
        100% {
        -webkit-transform: scale(1.1);
        -webkit-filter: brightness(100%);
        }
    }
    
    @keyframes pulse {
        0% {
        transform: scale(1);
        filter: brightness(80%);
        }
        100% {
        transform: scale(1.1);
        filter: brightness(100%);
        }
    }

    .whatsapp {
        width: 75%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .efeito-pulsar {
        width: 5.5rem;
        height: 5.5rem;
        margin-right: -1rem;
        margin-bottom: 1rem;
    }
      
    .whatsapp-fale {
        color: #fff; 
        float: left; 
        margin-top: .5rem ;
        margin-right: 1.5rem; 
        margin-left: 5.5rem;
        text-align: center;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}