html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.page{background-color:#000;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;color:#fff;margin:auto}.page hr{border:none;max-width:880px;height:1px;opacity:70%;background-color:#545454}@media screen and (min-width:320px)and (max-width:544px){.page hr{width:100%}}.modal{position:fixed;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;z-index:9999;display:flex;flex-direction:column;font-family:Inter,sans-serif;top:0;left:0}.modal__form{width:430px;height:330px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;color:#000;font-size:14px;font-weight:400;z-index:10000}.modal__form h2{align-self:flex-start;margin:0 0 0 36px;font-weight:900;font-size:24px}.modal__forms{margin-top:54px;display:flex;flex-direction:column;align-items:center}.modal__forms-content{display:flex;flex-direction:column;gap:12px;margin-bottom:35px;color:#000}.modal__form-input{font-size:14px;font-weight:400px;width:358px;height:27px;opacity:.5;border:none;border-bottom:1px solid;color:#000}.modal__input-error{color:red;font-size:12px;max-width:316px}.modal__button-close{position:relative;background-color:transparent;margin:0;border:none;width:40px;height:40px;align-self:flex-end;right:-40px;top:-40px}.modal__button-close:hover{opacity:50%}.modal__button-close-icon:hover{cursor:pointer}.modal__button{width:358px;height:50px;color:#c4c4c4;background-color:#000;margin-bottom:36px}.modal__button:hover{cursor:pointer;opacity:80%}.button__disabled{color:#c4c4c4;background-color:#fff;border:1px solid;opacity:80%}.modal__button__activo:hover{opacity:70%;cursor:pointer}.modal__imagen-contenedor{display:flex;flex-direction:column;position:relative;justify-content:center}.modal__button-close-img{top:0}.modal__imagen{max-width:75vw;max-height:75vh;width:100%;height:100%}.modal__texto{color:#fff;font-size:12px}.modal__ad-contenedor{position:relative}.modal__ad-contenido{position:relative;display:flex;flex-direction:column;color:#000;width:430px;height:181px;background-color:#fff;border-radius:10px}.modal__ad-contenido p{font-size:24px;font-weight:900;margin-left:36px}.modal__button-ad{align-self:center;width:358px;height:50px;background-color:#000;color:#fff;cursor:pointer}#modal__button-close-ad{position:absolute;top:-35px;right:-35px}.modal__form-avatar{width:430px;height:272px}@media screen and (min-width:320px)and (max-width:544px){.modal__form{width:282px}.modal__forms{margin-top:54px}.modal__forms input{width:238px;height:26px}.modal__button{width:238px;height:46px}.modal__form h2{font-size:18px}.modal__button-close{width:26px;height:26px;right:10px;top:-53px}.modal__button-close-img{top:-10px;right:-26px}}.header{display:flex;border-bottom:#545454;width:880px;padding-top:45px}.header__logo{margin-bottom:40px}@media screen and (min-width:320px)and (max-width:544px){.header{width:320px}}.profile{padding-top:40px;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;width:880px}.profile__avatar-button{border:none;background:transparent;z-index:0;width:130px;height:120px;border-radius:50%;cursor:pointer;position:relative}.profile__avatar-button:hover img{opacity:.3;background-color:#00000080;background-image:url(../images/BotonEditar.svg)}.profile__avatar-button:after{content:"";position:absolute;inset:0;border-radius:50%;background-color:#00000080;background-image:url(../images/BotonEditar.svg);background-repeat:no-repeat;background-position:center;background-size:26px 26px;opacity:0;transition:opacity .3s}.profile__avatar-button:hover:after{opacity:1}.profile__avatar{object-fit:cover;width:120px;height:120px;border-radius:50%;margin:0}.profile__avatar img{transition:opacity .3s}.profile__info{width:415px;display:flex;flex-direction:column;margin-left:30px}.profile__info-title{display:flex;align-items:center;margin-bottom:16px;gap:18px}.profile__info-name{margin:0;font-weight:500;font-family:Inter,Arial,sans-serif;white-space:nowrap;font-size:42px;line-height:48px;letter-spacing:0%}.profile__info-button{height:24px;width:24px;background-color:#000;border-color:#fff}.profile__info-button:hover{opacity:60%;cursor:pointer}.profile__addButton{width:150px;height:50px;background-color:#000;border-color:#fff}.profile__addButton:hover{opacity:60%;cursor:pointer}.profile__info-subtitle{margin:0;font-size:18px}@media screen and (min-width:320px)and (max-width:544px){.profile{flex-direction:column;width:282px}.profile__info{margin-top:30px;margin-bottom:36px;margin-left:0;align-items:center;width:auto}.profile__info-title{gap:10px}.profile__info-name{font-size:22px}.profile__info-subtitle{font-size:14px}.profile__addButton{width:282px}}.content{display:flex;flex-direction:column;align-items:center}@media screen and (min-width:320px)and (max-width:544px){.content{width:320px}}.elements{display:grid;grid-template-columns:repeat(3,282px);grid-template-rows:repeat(2,361);grid-gap:17px 20px;font-family:Inter,Arial,sans-serif}.element__image{width:282px;height:282px;border-radius:20px 20px 0 0}.element__delete-button{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.45787%2018.1422C2.51882%2018.8126%203.06735%2019.3002%203.73778%2019.3002H14.2615C14.9319%2019.3002%2015.4804%2018.7923%2015.5414%2018.1422L16.7197%205.79007H1.27954L2.45787%2018.1422Z'%20fill='white'/%3e%3cpath%20d='M16.7201%201.93002H11.5801V1.27991C11.5801%200.568849%2011.0113%200%2010.3002%200H7.72009C7.00903%200%206.44018%200.568849%206.44018%201.27991V1.93002H1.27991C0.568849%201.93002%200%202.49887%200%203.20993C0%203.92099%200.568849%204.48984%201.27991%204.48984H16.7201C17.4312%204.48984%2018%203.92099%2018%203.20993C18%202.49887%2017.4312%201.93002%2016.7201%201.93002Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;position:absolute;border:none;background-color:transparent;right:15px;top:18px;width:18px;height:19px;cursor:pointer}.element__delete-button:hover{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.6'%3e%3cpath%20d='M2.45787%2018.1422C2.51882%2018.8126%203.06735%2019.3002%203.73778%2019.3002H14.2615C14.9319%2019.3002%2015.4804%2018.7923%2015.5414%2018.1422L16.7197%205.79004H1.27954L2.45787%2018.1422Z'%20fill='white'/%3e%3cpath%20d='M16.7201%201.93002H11.5801V1.27991C11.5801%200.568849%2011.0113%200%2010.3002%200H7.72009C7.00903%200%206.44018%200.568849%206.44018%201.27991V1.93002H1.27991C0.568849%201.93002%200%202.49887%200%203.20993C0%203.92099%200.568849%204.48984%201.27991%204.48984H16.7201C17.4312%204.48984%2018%203.92099%2018%203.20993C18%202.49887%2017.4312%201.93002%2016.7201%201.93002Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e")}.element{position:relative;display:flex;flex-direction:column;border-radius:20px;width:282px;background-color:#fff}.element__container{display:flex;color:#000;font-size:24px;font-weight:900;align-items:center;justify-content:space-between;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:100%;letter-spacing:0%}.element__container p{margin-left:21px;overflow:hidden;text-overflow:ellipsis;height:33px}.element__container-like{background-color:transparent;border:none;margin-right:15px}.element__container-like-img:hover{opacity:50%;cursor:pointer}@media screen and (min-width:320px)and (max-width:544px){.elements{grid-template-columns:1fr}}.footer{align-self:flex-start}.footer__text{color:#545454;margin:67px 0 60px;font-size:18px}@media screen and (min-width:320px)and (max-width:544px){.footer{align-self:center;text-align:start;width:282px}.footer__text{font-size:14px;margin:50px 0 36px}}.login{width:auto;height:auto;display:flex;align-items:center;justify-content:center;background-color:#000;padding-inline:200px;color:beige;font-family:Inter}.login__container{display:flex;align-items:center;flex-direction:column;width:1280px}.login__header{width:880px;height:74px;display:flex;justify-content:space-between;align-items:center;padding-top:46px;opacity:.7;border-bottom:1px solid #545454}.login__header_logo{width:173px;height:33px}.signIn__link{text-decoration:none;color:#fff;font-size:22px}.login__main{display:flex;flex-direction:column;align-items:center;width:358px}.login__title{margin-top:60px;font-size:24px;font-weight:900}.login__form{margin-top:50px;display:flex;flex-direction:column;gap:30px}.login__form input{color:#ccc;background-color:transparent;border-color:transparent;border-bottom-color:#ccc;width:358px;margin-top:0}.login__form input:-webkit-autofill,.login__form input:-webkit-autofill:hover,.login__form input:-webkit-autofill:focus,.login__form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #000000 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff;transition:background-color 9999s ease-in-out 0s}.login__form input:focus{background-color:transparent;outline:none}.login__button-container{margin-top:180px;display:flex;justify-content:center}.login__button{width:100%;height:50px;background-color:#fff;border:none}.login__signup{display:flex;width:358px;justify-content:center;font-size:14px}.register{width:auto;height:auto;display:flex;align-items:center;justify-content:center;background-color:#000;padding-inline:200px;color:beige;font-family:Inter}.register__container{display:flex;align-items:center;flex-direction:column;width:1280px}.register__header{width:880px;height:74px;display:flex;justify-content:space-between;align-items:center;padding-top:46px;opacity:.7;border-bottom:1px solid #545454}.register__header_logo{width:173px;height:33px}.login__link{text-decoration:none;color:#fff;font-size:22px;width:auto;background-color:transparent}.register__main{display:flex;flex-direction:column;align-items:center;width:358px}.register_title{margin-top:60px;font-size:24px;font-weight:900}.register__form{margin-top:50px;display:flex;flex-direction:column;gap:30px}.register__form input{color:#ccc;background-color:transparent;border-color:transparent;border-bottom-color:#ccc;width:358px;margin-top:0}.register__form input:focus{background-color:transparent;outline:none}.register__button-container{margin-top:180px;display:flex;justify-content:center}.register__link{width:100%;height:50px;background-color:#fff;border:none;color:#000}.register__signup{display:flex;width:358px;justify-content:center;font-size:14px}.signup__link{margin-left:3px;text-decoration:none;color:#fff}.infoTooltip__container{display:flex;flex-direction:column;align-items:center}.infoTooltip__logo{width:120px;height:120px}.infoTooltip__text{font-size:24px;font-weight:900;align-self:center;width:358px}
