diff --git a/assets/img/aclamada_1.jpg b/assets/img/aclamada_1.jpg
new file mode 100644
index 0000000..295eac1
Binary files /dev/null and b/assets/img/aclamada_1.jpg differ
diff --git a/assets/img/aclamada_10.jpg b/assets/img/aclamada_10.jpg
new file mode 100644
index 0000000..65fe1b4
Binary files /dev/null and b/assets/img/aclamada_10.jpg differ
diff --git a/assets/img/aclamada_11.jpg b/assets/img/aclamada_11.jpg
new file mode 100644
index 0000000..7e50343
Binary files /dev/null and b/assets/img/aclamada_11.jpg differ
diff --git a/assets/img/aclamada_12.jpg b/assets/img/aclamada_12.jpg
new file mode 100644
index 0000000..d6f11d3
Binary files /dev/null and b/assets/img/aclamada_12.jpg differ
diff --git a/assets/img/aclamada_2.jpg b/assets/img/aclamada_2.jpg
new file mode 100644
index 0000000..e1e01de
Binary files /dev/null and b/assets/img/aclamada_2.jpg differ
diff --git a/assets/img/aclamada_3.jpg b/assets/img/aclamada_3.jpg
new file mode 100644
index 0000000..b656571
Binary files /dev/null and b/assets/img/aclamada_3.jpg differ
diff --git a/assets/img/aclamada_4.jpg b/assets/img/aclamada_4.jpg
new file mode 100644
index 0000000..8dd20c0
Binary files /dev/null and b/assets/img/aclamada_4.jpg differ
diff --git a/assets/img/aclamada_5.jpg b/assets/img/aclamada_5.jpg
new file mode 100644
index 0000000..390165e
Binary files /dev/null and b/assets/img/aclamada_5.jpg differ
diff --git a/assets/img/aclamada_6.jpg b/assets/img/aclamada_6.jpg
new file mode 100644
index 0000000..925b123
Binary files /dev/null and b/assets/img/aclamada_6.jpg differ
diff --git a/assets/img/aclamada_7.jpg b/assets/img/aclamada_7.jpg
new file mode 100644
index 0000000..8bc8498
Binary files /dev/null and b/assets/img/aclamada_7.jpg differ
diff --git a/assets/img/aclamada_8.jpg b/assets/img/aclamada_8.jpg
new file mode 100644
index 0000000..6cfba25
Binary files /dev/null and b/assets/img/aclamada_8.jpg differ
diff --git a/assets/img/aclamada_9.jpg b/assets/img/aclamada_9.jpg
new file mode 100644
index 0000000..3211a76
Binary files /dev/null and b/assets/img/aclamada_9.jpg differ
diff --git a/assets/img/banner-bg.jpg b/assets/img/banner-bg.jpg
new file mode 100644
index 0000000..194245d
Binary files /dev/null and b/assets/img/banner-bg.jpg differ
diff --git a/assets/img/bg-register.jpg b/assets/img/bg-register.jpg
new file mode 100644
index 0000000..2c00be4
Binary files /dev/null and b/assets/img/bg-register.jpg differ
diff --git a/assets/img/flecha-hacia-arriba.png b/assets/img/flecha-hacia-arriba.png
new file mode 100644
index 0000000..3c5387a
Binary files /dev/null and b/assets/img/flecha-hacia-arriba.png differ
diff --git a/assets/img/mario-bg.jpg b/assets/img/mario-bg.jpg
new file mode 100644
index 0000000..d32a533
Binary files /dev/null and b/assets/img/mario-bg.jpg differ
diff --git a/assets/img/mario.jpg b/assets/img/mario.jpg
new file mode 100644
index 0000000..b3a54a2
Binary files /dev/null and b/assets/img/mario.jpg differ
diff --git a/assets/img/peli_1.jpg b/assets/img/peli_1.jpg
new file mode 100644
index 0000000..db81fc9
Binary files /dev/null and b/assets/img/peli_1.jpg differ
diff --git a/assets/img/peli_10.jpg b/assets/img/peli_10.jpg
new file mode 100644
index 0000000..e650f01
Binary files /dev/null and b/assets/img/peli_10.jpg differ
diff --git a/assets/img/peli_11.jpg b/assets/img/peli_11.jpg
new file mode 100644
index 0000000..64fd18e
Binary files /dev/null and b/assets/img/peli_11.jpg differ
diff --git a/assets/img/peli_12.jpg b/assets/img/peli_12.jpg
new file mode 100644
index 0000000..b33fcbb
Binary files /dev/null and b/assets/img/peli_12.jpg differ
diff --git a/assets/img/peli_13.jpg b/assets/img/peli_13.jpg
new file mode 100644
index 0000000..9b48e18
Binary files /dev/null and b/assets/img/peli_13.jpg differ
diff --git a/assets/img/peli_14.jpg b/assets/img/peli_14.jpg
new file mode 100644
index 0000000..3d1dfbf
Binary files /dev/null and b/assets/img/peli_14.jpg differ
diff --git a/assets/img/peli_15.jpg b/assets/img/peli_15.jpg
new file mode 100644
index 0000000..ef12669
Binary files /dev/null and b/assets/img/peli_15.jpg differ
diff --git a/assets/img/peli_16.jpg b/assets/img/peli_16.jpg
new file mode 100644
index 0000000..1350cd8
Binary files /dev/null and b/assets/img/peli_16.jpg differ
diff --git a/assets/img/peli_17.jpg b/assets/img/peli_17.jpg
new file mode 100644
index 0000000..b6b4d6f
Binary files /dev/null and b/assets/img/peli_17.jpg differ
diff --git a/assets/img/peli_18.jpg b/assets/img/peli_18.jpg
new file mode 100644
index 0000000..6a33fba
Binary files /dev/null and b/assets/img/peli_18.jpg differ
diff --git a/assets/img/peli_19.jpg b/assets/img/peli_19.jpg
new file mode 100644
index 0000000..e4eebbd
Binary files /dev/null and b/assets/img/peli_19.jpg differ
diff --git a/assets/img/peli_2.jpg b/assets/img/peli_2.jpg
new file mode 100644
index 0000000..7a1b05e
Binary files /dev/null and b/assets/img/peli_2.jpg differ
diff --git a/assets/img/peli_3.jpg b/assets/img/peli_3.jpg
new file mode 100644
index 0000000..325cbc5
Binary files /dev/null and b/assets/img/peli_3.jpg differ
diff --git a/assets/img/peli_4.jpg b/assets/img/peli_4.jpg
new file mode 100644
index 0000000..e8a3757
Binary files /dev/null and b/assets/img/peli_4.jpg differ
diff --git a/assets/img/peli_5.jpg b/assets/img/peli_5.jpg
new file mode 100644
index 0000000..2c57b15
Binary files /dev/null and b/assets/img/peli_5.jpg differ
diff --git a/assets/img/peli_6.jpg b/assets/img/peli_6.jpg
new file mode 100644
index 0000000..c8f1566
Binary files /dev/null and b/assets/img/peli_6.jpg differ
diff --git a/assets/img/peli_7.jpg b/assets/img/peli_7.jpg
new file mode 100644
index 0000000..872607c
Binary files /dev/null and b/assets/img/peli_7.jpg differ
diff --git a/assets/img/peli_8.jpg b/assets/img/peli_8.jpg
new file mode 100644
index 0000000..6f2b321
Binary files /dev/null and b/assets/img/peli_8.jpg differ
diff --git a/assets/img/peli_9.jpg b/assets/img/peli_9.jpg
new file mode 100644
index 0000000..b14c105
Binary files /dev/null and b/assets/img/peli_9.jpg differ
diff --git a/css/estilos.css b/css/estilos.css
new file mode 100644
index 0000000..2fbb92b
--- /dev/null
+++ b/css/estilos.css
@@ -0,0 +1,823 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Nunito', sans-serif;
+}
+@keyframes tilt-n-move-shaking {
+ 0% { transform: translate(0, 0) rotate(0deg); }
+ 25% { transform: translate(5px, 5px) rotate(5deg); }
+ 50% { transform: translate(0, 0) rotate(0eg); }
+ 75% { transform: translate(-5px, 5px) rotate(-5deg); }
+ 100% { transform: translate(0, 0) rotate(0deg); }
+}
+/* width */
+::-webkit-scrollbar {
+ width: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+ background: rgb(23, 23, 23);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+ background: #9f3647;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+ background:#9f3647;
+}
+body{
+ background-color: #181419;
+ color:white;
+ /* scrollbar-color: #9f3647 #181419; /*nuevo
+ scrollbar-width: thin;*/
+}
+
+/*ESTILOS HEADER PARA ESCRITORIO*/
+.header{
+ background-color:#9f3647;
+ color:#ffffff;
+ height: 10vh;
+ position:sticky;
+ top: 0;
+ z-index:10;
+ .navegacion{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-left:40px;
+ margin-right: 40px;
+ padding: 1.5rem 0;
+ .anclaLogo{
+ text-decoration: none;
+ color: #ffffff;
+ font-weight: 700;
+ font-size: 1.2rem;
+ /*animacion hover*/
+ &:hover{
+ animation: tilt-n-move-shaking 0.25s infinite;
+ }
+ }
+ .listaNav{
+ list-style: none;
+ display: flex;
+ align-items: center;
+ .listaItem{
+ margin-right:20px;
+ .linkNav{
+ text-decoration: none;
+ color:#ffffff;
+ font-weight: 700;
+ font-size: 1.1rem;
+ padding: 0.5rem 1rem;
+ /* Agregar efecto de botón presionado */
+ transition: transform 0.3s, box-shadow 0.3s;
+ &:hover {
+ transform: scale(0.95);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ border-radius: 5px;
+ }
+ }
+ .linkNav.iniciarSesion{
+ background-color: #181419;
+ color: white;
+
+ border-radius: 5px;
+ /* Agregar efecto de botón presionado */
+ transition: transform 0.3s, box-shadow 0.3s;
+ &:hover {
+ background-color: #9f3647;
+ /* transform: scale(0.95);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
+ }
+ }
+ }
+
+ }
+ }
+
+}
+/*ESTILOS PARA HEADER MOBILE Y TABLET*/
+
+@media (max-width: 768px) {
+ .header{
+ height: initial;
+ .navegacion{
+ margin-left:10px;
+ margin-right: 10px;
+ flex-direction: column;
+ row-gap: 20px;
+ .anclaLogo{
+ font-size: 1.2rem;
+ font-weight:700;
+ }
+ .listaNav{
+
+ padding:initial;
+ .listaItem{
+ .linkNav{
+ font-weight: 400;
+ margin-right: initial;
+ font-size: 1rem;
+ padding: 0.2rem;
+
+ }
+
+ }
+ }
+ }
+ }
+}
+/*ESTILOS PARA MAIN ESCRITORIO*/
+.main{
+ .sectionPrincipal{
+ color:white;
+ background:linear-gradient(to right top, #0000008a, #0000008a), url(../assets/img/banner-bg.jpg);
+ background-size: cover;
+ background-position: center;
+ height: 90vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ .tituloPrincipal{
+ font-size: 4rem;
+ font-weight: 700;
+ margin-bottom: 1rem;
+ }
+ .subtituloPrincipal{
+ font-size: 2.2rem;
+ font-weight: 400;
+ margin-bottom: 1rem;
+ }
+ .botonRegistrarse{
+ background-color:#9f3647;
+ color: #ffffff;
+ padding: 1rem 2rem;
+ border-radius: 5px;
+ font-size: 1.2rem;
+ font-weight: 700;
+ text-decoration: none;
+ /* Agregar efecto de botón presionado */
+ transition: transform 0.3s, box-shadow 0.3s;
+ &:hover {
+ background-color: #9f3647;
+ transform: scale(0.95);
+ box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
+ }
+ }
+ }
+ .buscadorPrincipal{
+ background-color: #181419;
+ color:white;
+ height: 50vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ .tituloSection{
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin-bottom: 1rem;
+ }
+ .buscadorPeliculas{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 1rem;
+ .inputBuscador{
+ border: 2px solid white;
+ border-radius: 25px;
+ color: #ffffff;
+ font-size: 1.2rem;
+ height: 50px;
+ margin: 20px 0px;
+ outline: none;
+ padding: 0px 20px;
+ width: 500px;
+ }
+ .botonBuscador{
+ background-color:#9f3647;
+ display: inline-block;
+ color:#ffffff;
+ height: 50px;
+ margin: 20px 10px;
+ padding:0 20px;
+ border-radius: 25px;
+ font-size: 1.2rem;
+ font-weight: 700;
+ border: 2px solid white;
+ text-align: center;
+ /* Agregar efecto de botón presionado */
+ transition: transform 0.3s, box-shadow 0.3s;
+ &:hover {
+ background-color: #9f3647;
+ transform: scale(0.95);
+ box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
+ }
+ }
+ }
+
+ }
+ .peliculasTendencia{
+ width:80%;
+ margin: 0 auto;
+ text-align: center;
+ margin-top: 10px;
+ .tituloSection{
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin-bottom: 40px;
+ }
+ .peliculas{
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ gap:60px;
+ a{
+ text-decoration: none;
+ color: #ffffff;
+ .pelicula{
+ width:200px;
+ height: 300px;
+ position: relative;
+ overflow: hidden;
+ border-radius: 10px;
+ transition: all 0.5s ease;
+
+ .imgTendencia{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 10px;
+ }
+
+ .tituloPelicula{
+ z-index: 2;
+ position: absolute;
+ text-align: center;
+ top: 50%;
+ left: 50%;
+ max-width: 20rem;
+ width: 100%;
+ transform: translateY(-50%) translateX(-50%);
+ h4 {
+ font-size: 2rem;
+ font-weight: bold;
+ opacity: 0;
+ margin-bottom: 0.5rem;
+ letter-spacing: 0.1rem;
+ transition: opacity 0.5s ease-in-out;
+
+ }
+ }
+ &:hover{
+ box-shadow: 0 0 30px #9f3648cd;
+ transform: scale(1.1);
+
+ }
+ &:hover h4 {
+ opacity: 1;
+
+ }
+ &:hover::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border-radius: 10px;
+ background-color: #9f3648; /* Color rojo transparente */
+ z-index: 1; /* Para asegurarse de que esté sobre la imagen */
+ }
+ }
+ }
+
+ }
+ .boton{
+ border: 1px solid white;
+ box-sizing: content-box;
+ margin-top:50px;
+ margin-left:20px;
+ background-color:#9f3647;
+ color: #ffffff;
+ padding: 1rem 1rem;
+ border-radius: 5px;
+ font-size: 1rem;
+ font-weight: 500;
+ text-decoration: none;
+ margin-bottom:60px;
+ /* Agregar efecto de botón presionado */
+ transition: transform 0.3s, box-shadow 0.3s;
+ &:hover {
+ background-color: #9f3647;
+ transform: scale(0.95);
+ box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
+ }
+
+ }
+ }
+ .peliculasAclamadas{
+ width:80%;
+ margin: 0 auto;
+ text-align: center;
+ margin-top: 10px;
+ margin-bottom:60px;
+ .tituloSection{
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin-bottom: 40px;
+ }
+ .aclamadas{
+ overflow-x: scroll;
+ overflow-y: hidden;
+ width: 100%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+ padding: 0px 0px 40px 0px;
+ .peliculaItem{
+ border-radius: 25px;
+ width: 170px;
+ min-width: 170px;
+ font-size: 20px;
+ cursor: pointer;
+ margin-left: 30px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+
+ .imgAclamada{
+ border-radius: 5%;
+ width: 95%;
+ height: 95%;
+ object-fit: cover;
+ }
+
+ }
+
+
+ }
+ }
+
+}
+
+@media (max-width: 768px) {
+ .main{
+ .sectionPrincipal{
+ height: 60vh;
+ .tituloPrincipal{
+ font-size: 2.5rem;
+ }
+ .subtituloPrincipal{
+ font-size: 1.5rem;
+ }
+ .botonRegistrarse{
+ padding: 0.8rem 1.5rem;
+ font-size: 1rem;
+ }
+ }
+ .buscadorPrincipal{
+ height: 30vh;
+ .tituloSection{
+ font-size: 1.6rem;
+ }
+ .buscadorPeliculas{
+ .inputBuscador{
+ font-size: 1rem;
+ height: 40px;
+ width: 300px;
+ }
+ .botonBuscador{
+ height: 40px;
+ padding:0 15px;
+ font-size: 1rem;
+ }
+ }
+ }
+ .peliculasTendencia{
+ width: 95%;
+ .tituloSection{
+ font-size: 2rem;
+ }
+ .peliculas{
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ a{
+ width: 100%;
+ .pelicula{
+ width: 100%;
+ height: 500px;
+
+ .tituloPelicula{
+ h4 {
+ font-size: 1rem;
+ }
+ }
+
+ }
+ }
+ &:hover{
+ box-shadow:initial;
+ transform: scale(0.9);
+
+ }
+
+ }
+ .boton{
+ padding: 0.8rem 0.8rem;
+ font-size: 0.8rem;
+ }
+ }
+ .peliculasAclamadas{
+ .tituloSection{
+ font-size: 2rem;
+ }
+ .aclamadas{
+ .peliculaItem{
+ width: 150px;
+ min-width: 150px;
+ font-size: 15px;
+ margin-left: 20px;
+ .imgAclamada{
+ width: 90%;
+ height: 90%;
+ }
+ }
+ }
+ }
+ }
+}
+
+/*ESTILOS ESCRITORIO FOOTER*/
+.footer{
+ background-color:#9f3647;
+ color:#ffffff;
+ height: 15vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .listaNav{
+ list-style: none;
+ display: flex;
+ align-items: center;
+ .listaItem{
+ margin-left:20px;
+ .linkNav{
+ text-decoration: none;
+ color:#ffffff;
+ font-weight: 700;
+ font-size: 1.2rem;
+ }
+ .administradorPeliculas{
+ background-color: #181419;
+ color: white;
+ padding: 0.5rem 1rem;
+ border-radius: 5px;
+ }
+ }
+ }
+ .flechaArriba{
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ color: white;
+ cursor: pointer;
+ }
+}
+/*ESTILOS FOOTER CELULAR Y TABLET CHICA*/
+@media (max-width: 768px) {
+ .footer{
+ height: initial;
+ padding-top:15px;
+ padding-bottom: 20px;
+ .listaNav{
+ flex-direction: column;
+
+ row-gap: 15px;
+ .listaItem{
+
+ .linkNav{
+ font-size: 1rem;
+ }
+ .administradorPeliculas{
+ padding: 0.5rem 0.8rem;
+ }
+ }
+ }
+ }
+}
+
+
+
+
+/*ESTILOS ESCRITORIO PARA PAGINA Registrarse */
+.bodyRegistrarse{
+ height: 100vh;
+ background:linear-gradient(to right top, #24242473,#24242473),url("../assets/img/bg-register.jpg");
+ background-size: cover;
+ background-position: center;
+ .headerRegistrarse{
+ color:#ffffff;
+ height: 8vh;
+ padding:30px;
+ .anclaLogo{
+ text-decoration: none;
+ color: #ffffff;
+ font-weight: 700;
+ font-size: 1.2rem;
+ /*animacion hover*/
+ &:hover{
+ animation: tilt-n-move-shaking 0.25s infinite;
+ }
+ }
+ }
+ .main{
+ /*seccion de registrarse.html*/
+ .seccionRegistrarse{
+ background-color:rgb(42, 42, 42);
+ width: 30%;
+ margin:0 auto;
+ border-radius: 5px;
+ padding: 40px 20px;
+ display: flex;
+ flex-direction:column;
+ justify-content: center;
+ align-items: center;
+ height: 90vh;
+ font-size:1.2rem;
+ .tituloRegistrarse{
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin-bottom: 20px;
+ }
+ /*seleccionar todos los input menos el checkbox*/
+ form{
+ width: 100%;
+ padding:40px;
+ input:not(.check,.boton),select{
+ width: 100%;
+ margin-bottom: 20px;
+ height: 40px;
+ padding: 0px 20px;
+ font-size: 1.2rem;
+ border-radius: 20px;
+ border: 2px solid #9f3647;
+ background-color: #333333;
+ outline: none;
+ color:white;
+ }
+ .terminos{
+ font-size: 0.8rem;
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ .textoCheck{
+ margin-left: 10px;
+ }
+ }
+ .boton{
+ width: 87%;
+ box-sizing: content-box;
+ background-color:#9f3647;
+ border: 2px solid #9f3647;
+ color: #ffffff;
+ padding: 1rem 1rem;
+ border-radius: 5px;
+ font-size: 1rem;
+ font-weight: 500;
+
+ }
+ .ayuda{
+ margin-top:40px;
+ font-size: 1rem;
+ text-decoration: none;
+ color: #787878;
+ font-weight:400;
+
+ }
+ }
+
+ }
+
+ }
+}
+
+/*media querys para mobile PAGINA registrarse*/
+@media (max-width: 1200px) {
+ .bodyRegistrarse{
+ .headerRegistrarse{
+ padding:20px;
+ .anclaLogo{
+ font-size: 1rem;
+ }
+ }
+ .main{
+ .seccionRegistrarse{
+ width: 95%;
+ padding: 10px 10px;
+ .tituloRegistrarse{
+ font-size: 2rem;
+ }
+ form{
+ width: 100%;
+ text-align: center;
+
+ input:not(.check,.boton),select{
+ width: 80%;
+ height: 35px;
+ font-size: 1rem;
+ }
+ .terminos{
+ width: 80%;
+ margin:0 auto;
+ font-size: 0.7rem;
+ }
+ .boton{
+ margin-top: 20px;
+ margin-bottom: 20px;
+ width: 70%;
+ padding: 0.8rem 0.8rem;
+ font-size: 0.8rem;
+ }
+ .ayuda{
+ text-align: left;
+ font-size: 0.8rem;
+ }
+ }
+
+ }
+ }
+ }
+
+}
+
+/*ESTILOS ESCRITORIO Detalle Mario*/
+.mainDetalle{
+
+ .detalle{
+ padding-top:50px;
+ background:linear-gradient(to right top, #6d6969a7, #6d6969a7),url("../assets/img/mario-bg.jpg");
+ background-size: cover;
+ background-position: center;
+ height: 70vh;
+ .contenedorDetalle{
+ width:75%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ column-gap: 60px;
+ img{
+ border-radius: 20px;
+ }
+ .textoDetalle{
+ h1{
+ font-size: 2.2rem;
+ font-weight: 700;
+ }
+ h2{
+ margin-top:20px;
+ }
+ .contenedorCreditos{
+ margin-top:20px;
+ display: flex;
+ justify-content:space-between;
+ }
+ }
+ }
+
+
+
+ }
+ .trailer{
+ padding-top:150px;
+ padding-bottom: 100px;
+ width:75%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ column-gap: 70px;
+ .contenedorInfo{
+ .redes{
+ margin-bottom: 20px;
+ ul{
+ list-style: none;
+ display: flex;
+ column-gap: 20px;
+ li{
+ a{
+ text-decoration: none;
+ color: #ffffff;
+ font-size: 2.5rem;
+ margin-right: 50px;
+ }
+ }
+
+ }
+ }
+ .info{
+ table{
+ width: 100%;
+ tr{
+ td{
+ font-size: 1.2rem;
+ padding: 10px 0px;
+ }
+ }
+ }
+ }
+ }
+ }
+
+}
+/*ESTILOS MOBILE Y TABLETS DETALLE*/
+@media screen and (max-width:1200px){
+ .mainDetalle{
+ .detalle{
+ height: initial;
+ .contenedorDetalle{
+ flex-direction: column;
+ row-gap: 20px;
+ img{
+ width: 100%;
+ height: 300px;
+ }
+ .textoDetalle{
+ h1{
+ font-size: 1.5rem;
+ }
+ h2{
+ font-size: 1rem;
+ }
+ .contenedorCreditos{
+ flex-direction: column;
+ row-gap: 10px;
+ }
+ }
+ }
+ }
+ .trailer{
+ width:95%;
+ padding-top:50px;
+ padding-bottom: 50px;
+ flex-direction: column;
+ row-gap: 20px;
+ .contenedorTrailer{
+ width: 100%;
+ h2{
+ margin-bottom: 20px;
+ }
+ iframe{
+ width: 100%;
+ height: 300px;
+
+ }
+ }
+ .contenedorInfo{
+ width: 100%;
+ .redes{
+ width: 100% ;
+ ul{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+
+ li{
+ a{
+ font-size: 2rem;
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+ .info{
+ table{
+ tr{
+ td{
+ font-size: 1rem;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+hr{
+ border: 1px solid #9f3647;
+ width: 80%;
+ margin: 0 auto;
+ margin-top: 40px;
+}
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..238b5a0
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7b7a94d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,244 @@
+
+
+
+
+
+ CAC-MOVIES
+
+
+
+
+
+
+
+
+
+
+ Películas y series ilimitadas en un solo lugar
+ Disfruta donde quieras. Cancela en cualquier momento.
+ Registrate
+
+
+ ¿Qué estas buscando para ver?
+
+
+
+
+
+
+ Las tendencias de hoy
+
+ Anterior
+ Siguiente
+
+
+
+ Las más aclamadas
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/detalle.html b/pages/detalle.html
new file mode 100644
index 0000000..6289e68
--- /dev/null
+++ b/pages/detalle.html
@@ -0,0 +1,124 @@
+
+
+
+
+
+ Detalle | CAC-MOVIES
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Super Mario Bros. Movie (2023)
+
04/05/2023 • Animation, Family, Adventure, Fantasy, Comedy • 1h 33m
+
Overview
+
While working underground to fix a water main, Brooklyn plumbers—and brothers—Mario and Luigi are transported down a mysterious pipe and wander into a magical new world. But when the brothers are separated, Mario embarks on an epic quest to find Luigi.
+
+
+
Aaron Horvath
+
Director
+
+
+
Michael Jelenic
+
Director
+
+
+
Matthew Fogel
+
Writer
+
+
+
+
+
+
+
+
+
+
+
+
Ver trailer
+ VIDEO
+
+
+
+
+
+
+
+ Info
+
+
+
+
+ Status
+ Released
+
+
+ Original Language
+ English
+
+
+ Budget
+ $100.000.000,00
+
+
+ Revenue
+ $1.347.013.866,00
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/iniciosesion.html b/pages/iniciosesion.html
new file mode 100644
index 0000000..c420fa0
--- /dev/null
+++ b/pages/iniciosesion.html
@@ -0,0 +1,51 @@
+
+
+
+
+
+ Registro | CAC-MOVIES
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/registrarse.html b/pages/registrarse.html
new file mode 100644
index 0000000..da9a3fc
--- /dev/null
+++ b/pages/registrarse.html
@@ -0,0 +1,75 @@
+
+
+
+
+
+ Registro | CAC-MOVIES
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file