@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;300;400;700&display=swap');html {scroll-behavior: smooth;scroll-padding-top: 100px;}body {color: #000;font: 14px 'Jost', arial, verdana, helvetica, sans-serif;letter-spacing: 0.5px;margin: 0;padding: 0;}a {color: #fff;text-decoration: none;}img {border: 0;}select, input, textarea {border: 1px solid #999;border-radius: 6px;font-size: 14px;padding: 6px;resize: none;}p {margin: 0 0 14px;}p:last-child {margin: 0;}p.big {background-color: #fff;border-radius: 10px;box-sizing: border-box;color: #000;font-size: 20px;font-style: italic;margin: 10px auto 20px;padding: 20px;width: 90%;max-width: calc(100% - 20px);}.center {text-align: center;}.centro {inset: 0;margin: auto;position: fixed;width: fit-content;height: fit-content;}.p {cursor: pointer;}.b {font-weight: bold !important;}.n {font-weight: normal;}.em {font-style: italic;}.just {text-align: justify;}.blue {color: #05c !important;}.red {color: #f00 !important;}.green {color: #0f6 !important;}.orange {color: #f60 !important;}@keyframes color {from { background-position: 0% 50%; }to { background-position: 100% 50%; }}@keyframes shaking {0% { transform: skewY(-15deg); }5% { transform: skewY(15deg); }10% { transform: skewY(-15deg); }15% { transform: skewY(15deg); }20% { transform: skewY(0deg); }100% { transform: skewY(0deg); }}fieldset {border: 0;border-radius: 5px;margin: 10px auto;padding: 0;}fieldset input[type="text"], fieldset input[type="password"], fieldset select, fieldset textarea {margin: 4px 0;padding: 4px;width: calc(100% - 8px);}fieldset p {font-weight: bold;margin: 10px 0 0;padding: 0;}fieldset div {margin: 10px 0 0;}fieldset.p label {margin: 0 auto 10px auto;padding: 10px 0;width: 100%;}div.sesion fieldset, div.registrar fieldset {width: 300px;}div.header div.nav {background: url('images/logo.png') no-repeat 20px 10px;position: fixed;top: 0;left: 0;transition: all 0.5s ease-out 0s;width: 100%;height: 80px;z-index: 2;}div.header div.nav div#boton {cursor: pointer;display: none;}div.header div.nav ul {box-sizing: border-box;counter-reset: elements;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;list-style-type: none;margin: 0;overflow: hidden;padding: 0;}div.header div.nav ul li:first-child {flex-grow: 20;}div.header div.nav ul li {color: #fff;flex-grow: 1;font: bold 16px 'Jost', arial, verdana, helvetica, sans-serif;line-height: 80px;vertical-align: middle;}div.header div.nav ul li.login a, div.header div.nav ul li.register a {background: linear-gradient(to right, #0048ce 0%, #8f30a4 50%, #c51818 100%);border-radius: 20px;padding: 10px 24px;}div.header div.nav ul li.register a {background: linear-gradient(to left, #0048ce 0%, #8f30a4 50%, #c51818 100%);}div.header div.nav ul li, div.header div.nav ul li a {transition: all 0.3s ease-in 0s;color: #fff;letter-spacing: 1px;}div.header div.nav ul li a:hover {border-bottom: 1px solid #f00;}div.header div.navst {background-color: rgba(255,255,255,0.9);box-shadow: 0 3px 3px #333;}div.header div.navst ul li, div.header div.navst ul li a {color: #000;}div.header div.navst ul li.login a, div.header div.navst ul li.register a {color: #fff;}div.box {width: 100%;}div.box div.layer {background: #632bad;background: radial-gradient(ellipse at center, #632bad 0%, #06020a 100%);width: 100%;height: 600px;}div.box div.layer div.layertxt {-webkit-text-stroke: 1px #000;animation: color 3s linear infinite;background-clip: text;background-image: linear-gradient(to right, #fff 0%,#7b68ee 25%,#3498db 50%,#2ecc71 75%,#fff 100%);background-size: 500%;color: transparent;font: 56px arial, verdana, helvetica, sans-serif;margin: 0 auto;padding-top: 200px;text-align: center;text-shadow: #fff 0 3px 6px;transition: all 0.5s ease;width: calc(100% - 150px);}div.box div.layer div.layertxt:hover {color: #fff;transform: scale(1.1);}div.box div.blq {align-items: center;background: #fff;display: flex;justify-content: space-around;height: 120px;}div.box div.blq p {font-size: 22px;margin: 0 20px;padding: 0;}div.box div.blq b {font-size: 30px;}div.box div.section {background: linear-gradient(to right, #44d4ed 0%, #8370e6 100%);margin: 0;padding: 10px 0;text-align: justify;}div.box div.section h1 {color: #f00;font-size: 40px;margin: 20px 0;text-align: center;text-shadow: #000 2px 2px 3px;}div.box div.section ul.square {display: flex;flex-wrap: wrap;justify-content: space-evenly;list-style-type: none;margin: 40px auto;padding: 0;}div.box div.section ul.square li {background-color: #fff;border-radius: 150px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: safe center;font: normal 20px 'Jost', arial, verdana, helvetica, sans-serif;padding: 120px 20px;text-align: center;width: 250px;min-height: 250px;}div.box div.section ul.square li:hover {transform: scale(1.03);}div.box div.section ul.square li p:first-child {font-weight: bold;text-align: center;}div.box div.section ul.circle {column-gap: 2em;display: flex;flex-wrap: wrap;justify-content: space-evenly;list-style-type: none;margin: 40px auto;padding: 0;row-gap: 50px;width: 60%;}div.box div.section ul.circle li {border: 3px solid #000;border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;box-shadow: 0 0 15px #000;width: 250px;height: 250px;}div.box div.section ul.circle li:hover {animation: shaking 1.5s infinite;}div.box div.section ul.circle li.netflix {background: url('images/netflix.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.amazon {background: url('images/amazon.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.disney {background: url('images/disney.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.max {background: url('images/max.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.youtube {background: url('images/youtube.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.spotify {background: url('images/spotify.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.paramount {background: url('images/paramount.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.plex {background: url('images/plex.png') no-repeat center center / 100% auto;}div.box div.section ul.circle li.otros {background: url('images/otros.png') no-repeat center center / 100% auto;}div#apps {font: bold 20px 'Jost', arial, verdana, helvetica, sans-serif;margin: 30px auto;text-align: center;}div#apps p {margin: 0 0 20px 40px;}div#apps ul {columns: 2;display: block;list-style-type: none;margin: 0 auto;padding: 0;width: 50%;}div#apps ul li {background: linear-gradient(50deg, #a4c639 0%, #40A54E 100%);border: 2px solid #00a;border-radius: 6px;margin-bottom: 20px;padding: 6px 10px;text-align: center;width: 240px;line-height: 40px;}div#apps ul li:nth-child(n+9) {background: linear-gradient(135deg, #ffd400 1%, rgba(255,123,0,1) 100% );}div#apps ul li:hover {background: #fff;border: 2px solid #00a;}div#apps ul li a {color: #fff;}div#apps ul li:hover a {color: #00a;}div.footer {background: radial-gradient(ellipse at center, #1e5799 0%, #103054 100%) fixed;box-shadow: 0 0 5px 1px #333;color: #fff;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;letter-spacing: 1px;line-height: 25px;padding: 10px;text-align: center;width: calc(100% - 20px);}div.footer a {text-decoration: underline;}div.footer p {margin: 0;}div.ibox {background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);box-shadow: 0 4px 24px 5px rgba(0, 0, 0, 0.3);color: #fff;font-size: 16px;margin: 100px auto 0;padding: 10px;width: calc(100% - 20px);min-height: calc(100vh - 165px);min-width: 200px;}div.ibox h1 {color: #f00;font-size: 30px;margin: 10px 0 20px;text-align: center;text-shadow: #000 2px 2px 3px;}div.ibox h2 {background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);border-radius: 10px;box-shadow: 0 0 15px #000;color: #05a;font-size: 36px;letter-spacing: 1px;margin: 20px 0;padding: 5px;text-align: center;text-shadow: #fff 2px 2px 3px;}div.ibox h3 {font-size: 36px;margin: 0;padding: 0;text-align: center;text-shadow: #000 2px 2px 3px;}div.ibox div.ct {background-color: #fff;border: 2px solid #f00;border-radius: 10px;box-shadow: 0 3px 5px 3px #333;box-sizing: border-box;color: #000;font-size: 20px;margin: 10px auto 20px;padding: 20px;width: 85%;max-width: calc(100% - 20px);}div.ibox div.ct a {color: #f00;}div.ibox div.table {display: table;width: 100%;}div.ibox div.table div.row {display: table-row;}div.ibox div.table div.row div.cell {display: table-cell;padding: 4px;width: 60%;}div.ibox div.table div.row div.l {text-align: left;}div.ibox div.table div.row div.n {font-weight: bold;}div.ibox div.table div.row div.r {text-align: right;}div.ibox div.table div.row div.t {vertical-align: top;}div.ibox div.table div.row div.s {width: 40%;}div.ibox div.table div.row div.m {width: 60%;}div.ibox div.table div.row div.cell input[type="text"],div.ibox div.table div.row div.cell input[type="password"],div.ibox div.table div.row div.cell select {border-radius: 6px;font-size: 14px;padding: 6px;width: 50%;}div.ibox div.table div.row div.cell textarea {width: 90%;height: 120px;}div.ibox div.buttons {display: table;width: 100%;}div.ibox div.buttons div.row {display: table-row;}div.ibox div.buttons div.row div.cell {display: table-cell;padding: 2px 0;width: 50%;}div.ibox div.buttons div.row div.b {font-weight: bold;}div.ibox div.buttons div.row div.cell div.t {background-color: #ddd;background: linear-gradient(to bottom,#fff 2%,#ccc 3%,#eee 98%,#fff 99%);border: 1px solid #333;border-radius: 6px;box-shadow: 0 1px 3px 0 #555;display: flex;float: left;padding: 0.3em 0.5em;text-align: center;}div.ibox input[type="submit"], div.ibox input[type="reset"], div.ibox button {background: linear-gradient(#415989, #2e466e);border: 1px solid #1f2f47;border-radius: 17px;box-shadow: inset 0 0 15px 3px #23395e;color: #fff;cursor: pointer;font: 16px 'Jost', arial, verdana, helvetica, sans-serif;padding: 10px 20px;text-shadow: inset 0 1px 0 #263666;transition: 0.5s;}div.ibox input[type="submit"]:active, div.ibox input[type="reset"]:active, div.ibox button:active {background: linear-gradient(#2e466e, #415989);box-shadow: #d6d6e7 0 3px 7px inset;transform: translateY(2px);}div.ibox button.add, div.ibox button.tab {float: right;font-weight: bold;letter-spacing: 1px;margin: 0 0 20px 10px;}div.ibox button.tab {float: left;}div.ibox button.tab.active {background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);color: #000;text-shadow: #fff 2px 2px 3px;}div.ibox div.scl {overflow-y: hidden;width: 100%;}div.ibox div.scl table.sortable {border-collapse: collapse;display: table;white-space: nowrap;width: 100%;}div.ibox div.scl table.wrap {white-space: wrap;}div.ibox div.scl table .wrap {white-space: wrap;}div.ibox div.scl table.nowrap {white-space: nowrap;}div.ibox div.scl table .nowrap {white-space: nowrap;}div.ibox div.scl table.sortable thead th {background: linear-gradient(#fff, #eee, #fff);color: #000;height: 30px;line-height: 30px;}div.ibox div.scl table.sortable tbody td {display: table-cell;padding: 10px;}div.ibox div.scl table.sortable tbody td:last-child {white-space: wrap;width: 100px;}div.ibox div.scl table.sortable tbody tr:nth-child(odd) {background: rgba(0, 0, 0, 0.1);}div.ibox div.scl table.sortable tbody tr:hover {background: rgba(0, 0, 0, 0.2);}div.ibox div.scl table.sortable tbody td a {color: #fff;margin-right: 4px;}div.ibox img.minci {border: 1px solid #000;border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;width: 48px;height: 48px;}div.ibox ul.stats {display: flex;flex-wrap: wrap;justify-content: space-evenly;list-style-type: none;margin: 10px auto;margin: 0;padding: 0;}div.ibox ul.stats li {border-radius: 5px;box-shadow: #000 1px 1px 10px;color: #fff;justify-content: space-between;font: normal 20px 'Jost', arial, verdana, helvetica, sans-serif;padding: 20px 10px;margin: 20px auto;text-align: justify;width: 320px;}div.ibox ul.stats li:nth-child(1) {background-color: #ff9000;}div.ibox ul.stats li:nth-child(2) {background-color: #006fe7;}div.ibox ul.stats li:nth-child(3) {background-color: #2fac4c;}div.ibox ul.stats li:nth-child(4) {background-color: #af0000;}div.ibox ul.stats li input {margin: 0 2px;}div.ibox ul.stats li input[type="button"] {cursor: pointer;padding: 6px 10px;}div.ibox ul.stats li p {font-size: 40px;margin: 0;padding: 0;text-align: center;text-shadow: #000 2px 2px 3px;}div.ibox ul.stats li p:nth-child(1) {min-height: 80px;}div.ibox ul.stats li p:nth-child(2) {float: left;font-size: 55px;}div.ibox ul.stats li p:nth-child(3) {float: right;}div.ibox ul.stats li p:nth-child(4) {clear: both;}div.ibox div.stats {margin: 0 auto;text-align: center;width: 400px;max-width: 100%;}div.ibox div.stats input {margin: 4px;width: 90% !important;}div.ibox div.stats input[type="button"] {cursor: pointer;padding: 6px 10px;}div.ibox ul.bank {display: inline-grid;grid-template-columns: repeat(auto-fill, 320px);grid-template-rows: auto;grid-column-gap: 2em;justify-content: space-evenly;list-style-type: none;margin: 10px auto 20px;padding: 0;row-gap: 4em;width: 100%;}div.ibox ul.bank li {background: #fff;border: 1px solid #000;border-radius: 10px;box-shadow: 0 0 15px #000;color: #000;font: bold 20px 'Jost', arial, verdana, helvetica, sans-serif;padding: 10px;text-align: center;width: 300px;}div.ibox ul.bank li p {margin: 0;}div.ibox ul.bank li img {width: 100%;min-height: 200px;}div.ibox ul.bank li p.left {border: 1px solid #ccc;font: 16px 'Jost', arial, verdana, helvetica, sans-serif;padding: 6px;text-align: left;}div.ibox ul.streaming {display: inline-grid;grid-template-columns: repeat(auto-fill, 270px);grid-template-rows: auto;grid-column-gap: 3em;justify-content: space-evenly;list-style-type: none;margin: 10px auto 20px;padding: 0;row-gap: 4em;width: 100%;}div.ibox ul.streaming li {background: #fff;border: 1px solid #000;border-radius: 10px;box-shadow: 0 0 15px #000;color: #000;font: bold 20px 'Jost', arial, verdana, helvetica, sans-serif;padding: 0 10px;text-align: center;width: 250px;}div.ibox ul.streaming li p {margin: 0;padding: 10px;}div.ibox ul.streaming li img {border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;width: 100%;}div.ibox div.content {display: none;}div.ibox div.content.active {display: block;}div.ibox div.shop {display: inline-grid;grid-template-columns: repeat(auto-fill, 300px);grid-template-rows: auto;grid-column-gap: 2em;grid-row-gap: 2em;justify-content: space-evenly;margin: 10px auto;padding: 0;width: 100%;}div.ibox div.shop div.i {background: #fff;border: 1px solid #000;border-radius: 10px;box-shadow: 0 0 15px #000;color: #000;font-size: 18px;padding: 0 20px;text-align: center;width: 260px;}div.ibox div.shop div.i p {margin: 0;padding: 10px 0 0;}div.ibox div.shop div.i img.circle {border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;box-shadow: 0 0 6px #000;margin-bottom: 10px;width: 100%;}div.ibox div.shop div.i button {background: linear-gradient(#79bbff, #378de5);border: 1px solid #337bc4;border-radius: 8px;box-shadow: 3px 4px 0 0 #1564ad;color: #fff;cursor: pointer;font: bold 16px 'Jost', arial, verdana, helvetica, sans-serif;margin-bottom: 10px;padding: 4px 10px;text-shadow: 0 1px 0 #528ecc;}div.ibox div.shop div.i button:active {background: linear-gradient(#378de5, #79bbff);}div.ibox div.yt {margin: auto auto 20px;width: 680px;max-width: 100%;}div.ibox div.yt p {font-weight: bold;letter-spacing: 1px;margin: 0 0 10px;}@media screen and (max-width: 1450px) {div.header div.nav ul li {font: bold 12px 'Jost', arial, verdana, helvetica, sans-serif;line-height: 80px;}}@media screen and (max-width: 1200px) {html {overflow-x: hidden;}input, select, button {font-size: 12px;}div.header div.nav div#boton {background: #fff;border: 1px solid #000;border-radius: 4px;color: #000;display: inline-block;float: right;font-weight: bold;margin: 15px 15px 0 0 !important;padding: 0 6px;}div.header div.nav div#boton.act {background: #000;color: #fff;}div.header div.nav ul {box-shadow: 0 3px 3px #333;margin: 80px 0 0;max-height: 0;transition: max-height 0.5s ease-out;}div.header div.nav ul li {background-color: rgba(0,0,0,0.9);display: block;float: left;font-size: 12px;line-height: 0;margin-bottom: -1px;padding: 10px;text-align: left;transition: all 0.5s ease-out 0s;width: 100%;}div.header div.nav ul li.login a, div.header div.nav ul li.register a {background: none;border-radius: 0;padding: 4px 10px;padding:0;}div.header div.nav ul li a {color: #fff;}div.header div.navst ul li {background-color: rgba(255,255,255,0.9);color: #000;}div.header div.navst ul li a {color: #000;}div.header div.navst ul li.login a, div.header div.navst ul li.register a {color: #000;}div.box div.layer {height: 400px;}div.box div.layer div.layertxt {-webkit-text-stroke: 0;font-size: 20px;padding-top: 180px;width: 90%;}div.box div.blq p {font-size: 14px;margin: 0 20px;padding: 0;}div.box div.blq b {font-size: 20px;}div.box div.section ul.square li {border-radius: 20px;margin-bottom: 20px;padding: 20px;width: 80%;}div.box div.section ul.circle {width: 80%;}div#apps {font: bold 16px 'Jost', arial, verdana, helvetica, sans-serif;margin: 20px auto;}div#apps ul {width: calc(100% - 20px);}div#apps ul li {margin-bottom: 20px;width: 130px;}div.footer {font-size: 14px;}div.footer p:last-child {display: none;}div.ibox {margin: 100px auto 0;width: calc(100% - 20px);min-height: calc(100vh - 165px);}div.ibox button.tab {float: right;}div.ibox div.ct {width: auto;}}