@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

body {
        font-family: 'Nunito', sans-serif; 
        font-size:16px;
        color:#000000;
}

a{      
        color:#FFFFFF;
        font-weight: 500;
}

a:hover {
        color:#FF295D;
        font-weight: 700;
        text-decoration: none;
}

.romper{
        display: block;
        clear: both;
}

.contactanos{
        color:#FF295D;
}

.nav {
        color:#222121; 
}

.nav-link {
        padding:0.6rem !important;
}

.bg-dark {
        background-color: #212121!important;
}

.navbar .container-fluid{
    max-width: 1140px;    
}

.navbar-brand img {max-width:140px;}

.navbar-nav{
        background-color: #212121!important;
}
.navbar-nav .nav-link{
        color: #fff !important;
        font-size: 1em;
        opacity:0.8;
}
.navbar-nav .nav-link:hover{
        font-weight: normal;
        opacity:1;
}
.navbar-nav .boton-suscribete{
        color: #212121 !important;
        background-color: #FFFFFF;
        border-radius:4px;
        padding:8px;
}

.accordion-button{     
        background-color:#F7F7F7;
        color:#666;
}

.accordion-button:not(.collapsed) {     
    background-color:#F7F7F7;
    color:#666;
}


h1 {
        font-weight: 800;
        font-size:3rem;
}

h2 {
        font-weight: 800;
        font-size:2.5rem;
}

h3 {    
        font-weight: 600;
        font-weight:2rem;
}

h6 {
        color:#FF295D 
}

.main-top-fixed {
        margin-top:4rem;
}

#banner-principal {
        background: #222121;
        padding-top: 120px;
        padding-bottom: 80px;
        color:#FFFFFF;
}

#banner-principal .container-fluid{
        max-width: 1140px;
}

#banner-principal p {
        font-size:1.1rem;
}

#banner-principal .netflix-icono {
        text-align: center;
}

#banner-principal .netflix-icono img{
        max-height: 400px;
        margin: 0 auto;
}

#suscribete{
        background-color:#F2F2F2;
        padding:35px;
}

.boton-conoce-mas{
        font-size: 1.3em;
}

.btn-suscribete{
        color: #FFFFFF;
        background-color: #FF295D;
        border-radius: 4px;
        padding:12px 16px;
        text-decoration: none;
}

.btn-suscribete:hover{
        color: #FFFFFF;
        font-weight: normal;
        background-color: #CE2449;
}

.btn-enviar{
        color: #FFFFFF;
        background-color: #FF295D;
        border-radius: 6px;
        padding: 8px;
        width:120px;
        box-shadow: 2px 2px 2px #F2F2F2;
}

.formulario-syndeo ._dp_container-HTMLForm{
        margin:84px auto 32px auto !important;
}

  
.titulo{
        margin-left: 250px; 
        max-width: 500px; 
        display: block;
}

.social-ul {
        list-style: none;
        margin:0px;
        padding:0px;
}
.social-ul li {
        display: inline;
        margin-right:0.5rem;
}

.segment-two ul{
	    list-style: none;
}

.segment-three ul{
	    list-style: none;
        margin-top: 20px;
        margin-left: -40px;
}
.img-cliente{
        width: 70px;
        margin:20px 0 20px 70px;
        padding: 0px;
}
.texto-cliente{
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 3px;
        margin: 30px;
}

.boton-1{
        border: 3px solid #000000;
        border-radius: 10px;
        max-width: 500px;
        display:flex; 
        align-items: center;
        margin: auto;
}

.btn-nosotros{
        color: black;
        
}
.btn-nosotros:hover{
        color: black;
}

.btn-link{
        font-weight:400;
        color: #343a40;
}

.btn-link:hover {
        font-weight:400;
        color: #FF295D;
        text-decoration: none;
}

#bg-plomo {
        background-color:#F6F6F6;}

footer {
        background-color:#222121;
        padding:20px;
        color:#FFFFFF;}

.footer-logo{
        text-align: left;
}

ul.countdown {
        list-style: none;
        margin: 25px 0;
        padding: 0;
        display: block;
        text-align: center;
}

ul.countdown li {
        display: inline-block;
}

ul.countdown li span {
        font-size: 80px;
        font-weight: 700;
        line-height: 80px;
        color:#e50914;
}

ul.countdown li.seperator {
        font-size: 80px;
        line-height: 70px;
        vertical-align: top;
        color:#e50914;
}

ul.countdown li p {
  color: #e50914;
  font-size: 20px;
}

.redes a{
  width: 260px;
  height: auto;
  display: inline-block;
  margin:12px;
}

.redes a img{
  width: 100%;
  display: block;
  clear: both;
}

.redes a p{
  color: #000;
  font-size: 1.2em;
  padding: 6px;
  border: solid 1px #000;
  border-radius: 6px;
  margin: 6px 0px 0px 0px;
}

.redes a:hover p{
  color: #fff;
  font-weight: normal;
  background-color: #000;
}

.redes-footer a{
  width: 180px;
  height: auto;
  display: inline-block;
  margin:6px;
}

.redes-footer a img{
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0;
}

#footer .logo{
  max-width:100px;
}

.libro{
  max-width: 180px;
}

.col-opciones{
  max-width: 350px;
}

.canal_denuncias{
        background-color: #FF295D;
        width: 100%;
        height: 40px;
        line-height: 40px;
        display: block;
        position: fixed;
        z-index: 1050;
}

.canal_denuncias img{
        display: inline-block;
}

.header_canal_denuncias{
        top: 40px !important;
}

@media screen and (max-width: 1024px){
        .canal_denuncias{
                width: 100%;
                height: auto;
                line-height:normal;
                position: relative;
                z-index: 1;
                padding-top: 64px;
                padding-bottom: 12px;
        }
        
        .canal_denuncias img{
                display: block;
                margin: 6px auto;
        }

        .header_canal_denuncias{
                top: 0 !important;
        }

        .navbar-nav .nav-link, .navbar-nav .nav-link:hover{opacity:1;}
        .titulo{
                margin-left: 120px;
                
        }
        .boton-1{
                border: 3px solid #000000;
                border-radius: 10px;
                max-width: 450px;
                display:flex; 
                align-items: center;
        }
        .img-cliente{
                width: 60px;
                margin:20px 0 20px 70px;
                padding: 0px;
        }
        .texto-cliente{
                font-size: 30px;
                font-weight: 600;
                letter-spacing: 1px;
                margin: 20px;
        }
}

@media screen and (max-width: 960px) {
        #banner-principal .netflix-icono img{
                max-height: 320px;
        }

        .libro{
                margin-top: 20px;
        }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 640px) {
        h1 {font-size:2rem;}
        h2 {font-size:1.8rem;}
        h3 {font-size:1.5rem;}

        #banner-principal .netflix-icono img{
                max-height: 240px;
                padding: 12px 0 12px 0;
        }
        ul.nav{
                display: none !important;
        }
        .boton-1{
                border: 3px solid #000000;
                border-radius: 10px;
                max-width: 400px;
                align-items: center;
                margin-bottom: 20px;
        }
        .img-cliente{
                width: 60px;
                margin:20px 0 20px 70px;
        }
        .texto-cliente{
                font-size: 30px;
                font-weight: 600;
                letter-spacing: 1px;
                margin: 20px;
        }

}

@media screen and (max-width: 576px) {
        .canal_denuncias img{
                max-width: 100%;
                height: auto;
        }

        #banner-principal .netflix-icono img{
                display: none;
        }
        .titulo{
                margin-left: 10px;
        }

        #titulo-1{
                text-align: center;
        }

        #titulo-2{
                text-align: center;
        }

        #titulo-3{
                text-align: center;
        }

        ul.countdown li span {
                font-size: 40px;
                font-weight: 600;
                line-height: 20px;
        }

        ul.countdown li.seperator {
                font-size: 40px;
                line-height: 20px;
                vertical-align: top;
        }

        ul.countdown li p {
                color: #e50914;
                font-size: 10px;
        }

        ul.countdown {
                list-style: none;
                margin: 12px 0;
                text-align: center;
        }

        #footer{
                text-align: center;
        }
} 
@media screen and (max-width: 360px){
        ul.countdown li span {
                font-size: 30px;
                font-weight: 600;
                line-height: 20px;
        }

        ul.countdown li.seperator {
                font-size: 30px;
                line-height: 20px;
                vertical-align: top;
        }

        ul.countdown li p {
                color: #e50914;
                font-size: 8px;
        }

        ul.countdown {
                list-style: none;
                margin: 15px 0;
                text-align: center;
        }

        .texto-05,.texto-06{
                font-size: 2rem;
                line-height:1.3;
                font-weight: 800;
        }
        .boton-1{
                border: 3px solid #000000;
                border-radius: 10px;
                max-width: 320px;
                display:flex; 
                align-items: center;
                margin-bottom: 20px;
        }

        .img-cliente{
                width: 50px;
                margin: 25px;
        }
        .texto-cliente{
                font-size: 25px;
                font-weight: 500;
                letter-spacing: 1px;
                margin: 0;
        }
}