*{margin:0;padding:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}li,ul{list-style:none}a{display:block;text-decoration:none;font-family:inherit;font-size:inherit;color:inherit}p a{display:inline}figure,iframe,img,picture,video{display:block;max-width:100%}button,form,input,label,select,textarea{display:block;font-family:inherit;font-size:inherit;color:inherit}:root{--scrollbar-color-track:#aaaaaa;--scrollbar-color-thumb:#E8EFFA;--scrollbar-width-legacy:12px;--scrollbar-width:thin}.dark{--scrollbar-color-track:#3d4158;--scrollbar-color-thumb:#181d38}@supports (scrollbar-width:auto){:root{scrollbar-color:var(--scrollbar-color-thumb) var(--scrollbar-color-track);scrollbar-width:var(--scrollbar-width)}}@supports selector(::-webkit-scrollbar){:root::-webkit-scrollbar{width:var(--scrollbar-width-legacy);background-color:var(--scrollbar-color-track)}:root::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color-thumb);border:3px solid var(--scrollbar-color-track);-webkit-border-radius:10px;border-radius:10px}}:root{--color-primary-white:#ffffff;--color-primary-red:#d93226;--color-primary-blue:#1e2a78;--color-logo:#222222;--color-logo-sub:#37384e;--color-background:#E8EFFA;--color-background-container:#ffffff;--color-background-cards:#f9fafb;--color-border:#ffffff;--color-background-navbar-movile:#222222;--color-background-formulary:#37384e;--color-transparent:transparent;--color-shadow-01-4px:0 0 4px rgba(0, 0, 0, 0.1);--color-shadow-02-4px:0 0 4px rgba(0, 0, 0, 0.2);--color-shadow-01-8px:0 0 8px rgba(0, 0, 0, 0.1);--color-shadow-02-8px:0 0 8px rgba(0, 0, 0, 0.2);--color-title:#222222;--color-text:#555555;--color-mostaza:#FFCE00;--color-mostaza-pastel:#F7E3A2;--color-cielo:#0097F6;--color-cielo-pastel:#A2C2F2;--color-red:#FF1865;--color-red-pastel:#F4A2B3;--color-yellow:#E2E210;--color-yellow-pastel:#E3E4A3;--color-green:#8BC34A;--color-green-pastel:#C2D9A1;--btnColor-red:#dc3545;--btnColor-redVariate:#eb384a;--btnColor-redHover:#ce3141;--btnColor-download:#ececec;--color-style-pointer-title:#0d47a1;--color-style-line:#aaaaaa;--plyr-color-main:var(--color-primary-red);--plyr-audio-controls-background:var(--color-transparent);--plyr-audio-control-color:var(--color-primary-white)}.dark{--color-logo:#E8EFFA;--color-logo-sub:#E8EFFA;--color-background:#181d38;--color-background-container:#ffffff;--color-background-cards:#3d4158;--color-title:#ffffff;--color-text:#dedede;--color-shadow-01-4px:0 0 4px transparent;--color-shadow-02-4px:0 0 4px transparent;--color-shadow-01-8px:0 0 8px transparent;--color-shadow-02-8px:0 0 8px transparent;--color-cielo:#0067a7;--color-cielo-pastel:#3d415866;--color-style-pointer-title:#3f92c5}html{font-size:10px}body{font-family:Roboto-Regular,helvetica,sans-serif;font-size:1.6rem;background-color:var(--color-background);color:var(--color-title)}.layout{width:100%;height:100%;margin:0 auto;max-width:75rem;padding:4rem 2rem}.layout__footer,.layout__header{width:100%;height:100%;padding:2rem 2rem}.header__user{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.user__detail{display:block;position:relative}.user__name{font-family:Gelion-Bold,sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:6rem;font-weight:400;font-feature-settings:"liga" 1;color:var(--color-logo)}.user__name--thing{font-family:Gelion-Thin,sans-serif}.user__name--leter-a{font-feature-settings:"ss02" 1}.detail__description{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;left:6.6rem;top:6.3rem}.user__description{font-family:Roboto-Regular;font-weight:400;font-size:2.4rem;color:var(--color-logo-sub)}.user__profile{width:12rem;min-width:12rem;border:2px solid var(--btnColor-red);-webkit-border-radius:100%;border-radius:100%}.user__img{display:block;width:100%;max-width:100%;height:auto;pointer-events:none;aspect-ratio:1/1;-webkit-border-radius:100%;border-radius:100%;border:3px solid transparent}.layout__main{width:100%;height:100%;padding:2rem;margin-top:3rem}.user__section{width:100%;height:100%;margin-bottom:4rem}.section__header{width:100%}.section__title{display:inline-block;text-wrap:balance;width:100%;font-family:Roboto-Bold,sans-serif;font-weight:800;font-size:2.4rem;text-transform:uppercase;letter-spacing:.2rem;margin-bottom:1.8rem;margin-left:1rem;color:var(--color-title)}.section__streaming{display:block;width:100%;padding:1.5rem;background-color:var(--color-cielo);-webkit-box-shadow:var(--color-shadow-02-4px);box-shadow:var(--color-shadow-02-4px);-webkit-border-radius:1rem;border-radius:1rem}.streaming__player{width:100%}.cards__list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.card__item{display:block;width:100%;overflow:hidden;-webkit-border-radius:1rem;border-radius:1rem;background-color:var(--color-background-cards);-webkit-box-shadow:var(--color-shadow-02-4px);box-shadow:var(--color-shadow-02-4px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.card__link{width:100%;min-height:12rem;padding:2rem;cursor:default;border-left:1rem solid var(--btnColor-red);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:2rem}.card__icon{-webkit-flex-basis:4rem;flex-basis:4rem;display:block;position:relative}.card__icon-style{font-size:3.2rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card__info{-webkit-flex-basis:-webkit-calc(100% - 6rem);flex-basis:calc(100% - 6rem);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.card__title{display:inline-block;font-family:Roboto-Bold,sans-serif;text-wrap:balance;font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--color-logo)}.card__description{display:block;font-family:Roboto-Regular,sans-serif;text-wrap:pretty;font-size:1.6rem;color:var(--color-text)}.layout__footer{padding-bottom:0}.footer__container{font-family:Inter;font-weight:400;font-size:1.4rem;border-top:1px solid var(--color-style-line);color:var(--color-text);padding-top:4rem;line-height:1.7;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.footer__value-link{color:var(--color-style-pointer-title);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:600}.switch__mode{position:fixed;z-index:50;top:2rem;left:0;padding:1rem;background-color:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);-webkit-border-radius:0rem 3rem 3rem 0rem;border-radius:0 3rem 3rem 0}.button__mode{cursor:pointer;border:none;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:flex}.switch__icon--dark,.switch__icon--light{display:block;font-size:2rem;width:4rem;height:4rem;line-height:3.6rem;color:var(--color-title);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.switch__icon{display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.switch__icon--dark{display:none}@media (hover:hover){.card__item:hover{background-color:var(--color-cielo-pastel)}.footer__value-link:hover{color:var(--btnColor-red)}}@media (max-width:630px){html{font-size:8px}}@media (max-width:500px){.layout{padding:6rem 2rem}.layout__main{margin-top:4rem;padding:2rem 0}.layout__header{padding:0}.header__user{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.user__profile{width:15rem;min-width:15rem}.section__streaming{padding:0}}@media (max-width:350px){html{font-size:6px}.user__profile{width:20rem;min-width:20rem}.plyr--audio .plyr__controls{padding:3px!important}.plyr__volume input[type=range]{max-width:50px!important}.card__title{font-size:2.2rem}.card__description{font-size:1.8rem}}@media (max-width:250px){html{font-size:5px}.switch__mode{padding:1.8rem}.switch__icon--dark,.switch__icon--light{font-size:3rem}.user__profile{width:20rem;min-width:20rem}.user__section--streaming{display:none}.cards__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card__item{-webkit-flex-basis:30%;flex-basis:30%;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.card__link{border:none;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.card__icon-style{font-size:5rem}.card__info{display:none}}