@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap";:root{--color-rojo: #e50914;--color-blanco: #FFFFFF;--color-negro: #000000;--color-gris: #e3e3e3}*{margin:0;padding:0;box-sizing:border-box}.container{display:grid;grid-template-rows:auto 1fr auto;height:100%;background-color:var(--color-negro)}footer>p,.btns-container>button{font-family:Merriweather,serif}h1,h2,.overview{font-family:Lora,serif}header{display:flex;align-items:center;padding:1.5rem 2rem;gap:2rem}.btn-h1{background:var(--color-negro);border:none}h1{color:var(--color-rojo);font-size:clamp(2rem,6vw,3.5rem);letter-spacing:2px}h1:hover{cursor:pointer;color:var(--color-blanco)}h1::selection{background-color:var(--color-rojo);color:var(--color-blanco)}@media(max-width:1024px){header{flex-direction:column}}.nav-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;flex:1}.btns-container button{background-color:var(--color-negro);border:none;cursor:pointer;margin-right:15px;color:var(--color-rojo);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:transform .2s ease}.btns-container button:hover{color:var(--color-blanco);transform:translateY(-4px)}.search-container{display:flex;align-items:center;justify-content:end;gap:10px;flex:1}.input{width:100%;padding:7px;border:none;border-bottom:2px solid var(--color-rojo);background-color:var(--color-negro);font-weight:700;color:var(--color-blanco)}.input:focus{outline:none}button::selection,.input::selection{background-color:var(--color-rojo);color:var(--color-blanco)}.search{padding:5px;cursor:pointer;color:var(--color-rojo)}@media(max-width:1024px){.nav-bar{flex-direction:column;gap:25px}.search-container{width:100%}}@media(max-width:560px){.btns-container{display:grid;grid-template-areas:"pelicula serie accion familiar" "terror terror aventura comedia";align-items:center;justify-content:center;justify-items:center;gap:10px}.pelicula{grid-area:pelicula}.serie{grid-area:serie}.accion{grid-area:accion}.familiar{grid-area:familiar}.teror{grid-area:terror}.aventura{grid-area:aventura;grid-column:2/4}.comedia{grid-area:comedia}}@media(max-width:320px){.btns-container{display:grid;grid-template-areas:"pelicula serie" "accion familiar" "terror aventura" "comedia comedia";gap:10px}.aventura{grid-area:aventura;grid-column:2/3}.btns-container button{margin:0;padding:5px}}.main-title{text-align:center;color:var(--color-rojo);padding:15px;font-size:clamp(1.5rem,3.5vw,2rem);text-transform:uppercase;letter-spacing:2px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:35px 25px;justify-content:center;justify-items:center;gap:35px}.empty-main{display:flex;align-items:center;justify-content:center}.empty-title{color:var(--color-rojo);font-family:Merriweather,serif;font-size:clamp(1.1rem,3.1vw,1.7rem);text-transform:uppercase;letter-spacing:2px}@media(max-width:375px){.grid-container{margin:35px 15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.card{display:flex;box-shadow:0 0 10px #e50914;overflow:hidden;justify-content:space-between;align-items:center;padding:15px;flex-flow:column wrap;color:var(--color-gris);gap:15px;text-align:center;width:100%}.card:hover{box-shadow:0 0 22px #e50914}.movie-title{font-size:clamp(1.3rem,3vw,1.8rem);padding:10px 5px}.movie-title::selection,.overview::selection{color:var(--color-blanco);background:var(--color-rojo)}.img-container{display:flex;justify-content:center;align-items:center;padding:10px}.overview-container{display:flex;justify-content:center;align-items:flex-start;overflow:auto;height:150px;scrollbar-width:thin;scrollbar-color:#666 transparent}.overview{font-size:clamp(.9rem,1.5vw,1.1rem);word-spacing:1px;width:100%;padding:15px 5px}footer{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;padding:30px 15px;gap:30px}footer>p{color:var(--color-blanco);font-size:clamp(.9rem,1.7vw,1rem);text-align:center}footer>p::selection{background:var(--color-rojo);color:var(--color-blanco)}.ancor-footer{color:var(--color-rojo);text-decoration:none;font-weight:700}.ancor-footer:hover{text-decoration:underline}.ancor-iconos{text-decoration:none;color:var(--color-blanco)}.iconos{display:flex;gap:20px;color:var(--color-blanco);font-size:27px;padding:20px 0}.github,.linkedin{transition:transform .2s ease-in-out}.iconos,.github:hover,.linkedin:hover{cursor:pointer;transform:scale(1.2)}