:root{--colorSearch: #edf0f4;--colorLens: #A6B2C4;--colorHeader: #233647;--colorHero: #216E99;--colorHover: #C6EE80}body{text-align:center;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mainDiv{max-width:1440px;margin:auto}.header{height:100px;background-color:var(--colorHeader);color:#fff;display:flex;align-items:center}.content{width:90%;display:flex}.watchify-logo{margin-left:60px;margin-right:100px}.watchify-logo>a{text-decoration:none;color:#fff}.watchify-logo>a>p{margin:0;font-size:13px}.topnav{margin-top:30px;text-decoration:none}.topnav>a{margin-right:30px;text-decoration:none;color:#fff;border-bottom:3px solid transparent}.topnav>a:hover{color:#fff;font-weight:bolder;padding-bottom:20px;border-bottom:5px solid var(--colorHover)}.topnav-img{width:10%}.topnav-img>img:first-child{display:inherit}.topnav-img>img:nth-child(2){display:none}.hero-content{margin-left:60px}.hero{height:500px;background-color:var(--colorHero);color:#fff;background-image:url(./assets/portada.png);background-repeat:no-repeat;background-size:cover}.hero .info{width:33%;padding-top:150px;position:relative;right:145px}.hero .info p{margin:2px}.hero .info span{margin-right:80px}.hero .info .title-img img{margin-left:150px;margin-top:22px}.hero .info h5{margin:0;padding-right:45px}.hero .buttons{display:flex;align-items:center;gap:10px;padding-top:50px;height:45px}.hero .buttons button{display:flex;align-items:center;width:312px;height:48px}.hero .buttons :hover{cursor:pointer}.hero .buttons button:first-child{font-size:18px;border-radius:34px;padding:13px 136px 13px 127px}.hero .buttons button:nth-child(2){font-size:18px;background:transparent;color:#fff;border-radius:34px;border:2px solid #FFF;padding:10px 84px 10px 90px}.hero .buttons button:nth-child(2) img{width:20px}.hero .buttons .v-line{height:30px;width:2px;background-color:#f4ecec}.hero .buttons a{font-size:20px;text-decoration:none;color:#f4ecec}.search{height:100px;padding-top:40px;padding-left:60px;background-color:var(--colorSearch)}.search>.search-field{display:flex;justify-content:space-between;align-items:center;width:447px;height:60px;border-radius:30px;background-color:#fff}.search>.search-field>p{padding-left:16px;font-size:16px;color:#3c3c4399}.search>.search-field>.lens{width:60px;height:60px;border-radius:50%;background-color:var(--colorLens)}.main-card-container{background-color:var(--colorSearch)}.content-cards{display:flex;flex-direction:column}.content-cards:nth-child(2){margin-top:84px;padding-bottom:173px}.title-list-cards{display:flex;margin-left:60px;color:#233647;font-family:Inter;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.list-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:46px}.card{width:182px;height:255px;position:relative}.card img:nth-child(2){bottom:250px}.card .icon{position:absolute;top:10px;right:10px}@media (max-width: 1440px){.topnav{display:none}.topnav-img{padding-right:20px}.topnav-img img:nth-child(1){display:none}.topnav-img img:nth-child(2){display:block}.watchify-logo{margin-left:24px}.watchify-logo p{display:none}.hero-content{margin:0 auto}.hero-content .info{padding-top:65px;width:100%;right:73px}.hero-content .info .title-img{width:280px;margin:0 auto}.hero-content .info .title-img img{width:90%;margin-left:92px}.hero-content .buttons{margin:0 auto;display:flex;flex-direction:column;gap:20px}.hero-content .v-line{display:none}.search{padding-left:0}.search .search-field{width:90%;margin:0 auto}.search .search-field .lens{display:none}.content-cards{margin:0}.content-cards>.title-list-cards{margin-bottom:22px}.list-card{margin:auto}.list-card>.card{width:95px;height:134px}.list-card>.card>img{width:100%;object-fit:cover}.list-card>.card>.icon{width:20%}}