:root{--colorHeader:#233647;--colorHero:#216E99;--colorSearch:#B7DDF2;--colorPar:#2B83B5;--colorImpar: #7FB4D2}body{color:#edf0f4;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{width:100%;margin:auto;background-color:#d3d8db}@media (width >= 1440px){.container{margin:auto;width:1440px}}.header{display:flex;justify-content:space-between;align-items:center;background:var(--colorHeader);gap:35px;height:100px}.headerChild{display:flex;align-items:center;width:100%}.logo{display:flex;flex-direction:column;align-items:flex-start;margin-left:40px;gap:5px}.logo>.text{font-size:35px;margin:0;color:#fff}.logo>.sub{font-size:15px;margin:0;color:#fff}.nav{display:flex;align-items:flex-end;margin-left:100px;margin-bottom:-50px}.nav>.enlaces{display:flex;list-style:none;gap:35px;font-size:20px}a,a:hover,a:focus,a:active{text-decoration:none;color:inherit;font-size:28px}li:first-child a{position:relative}li:first-child a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:4px;background-color:green}.icon{margin-right:60px;align-self:center}.btnIcon,.btnUser{background-color:transparent;border:none}.hero{background-image:url(/02/img/fondoHero.png);height:500px;width:auto;background-size:cover;position:relative;background-repeat:no-repeat;background-position:center}.contentHero{display:flex;flex-direction:column;width:auto;position:absolute;bottom:0;margin-left:50px;text-align:start}.contentHero p{font-size:16px;color:#fff;margin:0}.rating{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center;margin-top:10px;font-size:25px;gap:8px}.iconRating{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.buttons{display:flex;flex-direction:row;margin-top:25px;margin-bottom:35px;gap:50px}.buttons>.uno{width:240px;height:55px;font-size:20px;border-radius:24px;background:#FFF;border:none;padding:10px 20px;margin-right:10px}.buttons>.dos{width:240px;height:55px;background-color:transparent;color:#fff;font-size:20px;border-radius:24px;border:1px solid #fff;cursor:pointer;display:flex;align-items:center;gap:5px}.detalle{color:#fff;font-size:30px}.trailer{margin-left:8px;width:20px;height:20px}.runnerImage{background-image:url(/02/img/tituloBladeRunner.png);background-repeat:no-repeat;background-position:center;background-size:contain;height:145px;width:60%}.group{display:flex;width:59%;margin-left:60px;margin-top:80px;margin-bottom:40px}.search{width:100%;height:30%;padding:16px;border:1px solid #ccc;border-radius:30px;font-size:31px;outline:none}.searchIcon{width:64px;height:62px;background-image:url(/02/img/octicon_search-24.png);background-repeat:no-repeat;background-position:center;border:none;margin-left:-65px;background-color:#dbe0e7;border-radius:30px;margin-top:4px}.first,.second{display:flex;flex-direction:row;gap:10px;margin-left:40px}.list{display:flex;flex-direction:row;justify-content:space-around;gap:10px;flex-wrap:wrap;list-style:none}.wathListIcon{position:relative;width:17px;right:32px;bottom:220px}h1{color:#000;font-size:25px;margin-left:40px}.list .imgCard{max-width:100%;width:182px;height:255px}@media (min-width: 1440px){.btnIcon{display:none}.container{width:1440px;margin:auto}}@media (max-width: 1440px){.btnUser,.nav{display:none}.contentHero{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:0}.content p{font-size:24px;color:#fff;margin:0}.runnerImage{background-image:url(/02/img/tituloBladeRunner.png);background-repeat:no-repeat;background-position:center;background-size:contain;height:100px;width:40%}.buttons{display:flex;flex-direction:column;margin-top:25px;margin-bottom:35px;gap:50px}.buttons>.uno{width:240px;height:55px;font-size:20px;border-radius:24px;background:#FFF;border:none;padding:10px 20px;margin-right:10px}.buttons>.dos{width:240px;height:55px;background-color:transparent;color:#fff;font-size:20px;border-radius:24px;border:1px solid #fff;cursor:pointer;display:flex;align-items:center;gap:5px}.rating{display:flex;align-items:center;font-size:16px;margin-bottom:0}.content p{font-size:24px;color:#fff;margin-bottom:-10px}.detalle{display:none}}
