:root{--color-primary: #6A9C89;--color-secundary: #C1D8C3;--color-acent: #CD5C08;--color-dark-acent: #b35005;--color-backgraund: #FFF5E4}*{margin:0;padding:0;vertical-align:baseline}*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body{display:flex;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--color-backgraund);font-family:Arima,system-ui;font-optical-sizing:auto;font-style:normal}#root{width:100%}button{font-family:Arima,system-ui;font-weight:700}@media (min-width: 768px){html,body{overflow:hidden;height:100vh}#root{height:100vh}}:root{--font-size: 1.2rem;--font-size-input: 1.2rem}.layout_auth{width:100%;height:auto;display:flex;gap:2vh;flex-direction:column}.container_layout_auth{width:100%;height:auto;display:flex}.layout_auth form{width:100%;height:auto;padding:5%;display:flex;flex-direction:column;background-color:transparent;gap:2vh;max-height:80vh;overflow-y:auto}.layout_auth img{width:80%;height:auto}.layout_auth .container_layout_auth form button{margin-top:1rem}@media (min-width: 1024px){:root{--font-size: 1.3rem;--font-size-input: 1.3rem}.layout_auth{align-items:center;gap:0vh}.container_layout_auth{height:100vh;justify-content:center}.layout_auth form{width:35%;padding:1%;max-height:90vh;max-height:auto;overflow-y:hidden}.layout_auth img{width:30%;height:auto}}.notfound_section{width:100%;height:90vh;display:flex;align-items:center}.notfound_section img{width:100%;height:auto}@media (min-width: 768px){.notfound_section{height:100vh;justify-content:center}.notfound_section img{width:60%}}.input_wrapper{display:flex;flex-direction:column;font-size:var(--font-size);font-weight:700;color:var(--color-primary)}.input_checkbox{display:flex;height:5vh;gap:2vw;align-items:center;font-size:1.1rem;color:var(--color-primary);font-weight:700;padding:0%}.input_checkbox input[type=checkbox]{width:5vw;height:5vw}.input_wrapper .input{font-size:var(--font-size-input);padding:2%;border:solid 1px var(--color-primary);background-color:#fff;color:var(--color-acent)}.input_wrapper .input:focus{outline:none;border:solid 1px var(--color-acent)}@media (min-width: 1024px){.input_checkbox{display:flex;height:5vh;gap:1vw;align-items:center;font-size:1.1rem;color:var(--color-primary);font-weight:700;padding:0%}.input_checkbox input[type=checkbox]{width:1vw;height:1vw}}.button{padding:1%;border:none;background-color:var(--color-acent);color:#fff;font-size:1.5rem;border-radius:1vw;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.button:active{transform:scale(.95)}@media (min-width: 768px){.button:hover{background-color:var(--color-dark-acent);transform:scale(1.05)}}.landing_section{height:85vh;display:flex;flex-direction:column;overflow-y:scroll}.landing_section header{width:100%;padding:1% 5%;display:flex;justify-content:space-between}.logo{display:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1%}.logo img{width:12vw;height:auto}.logo h1{font-family:Lalezar,system-ui;font-weight:700;font-style:normal;color:#8f3e00;font-size:1rem}.action{display:flex;flex-direction:column;justify-content:center}.action .button{height:auto;padding:1vw 4vw;font-size:1.5rem}.body_landing{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:5%;width:100%;padding-left:5%;padding-right:5%;gap:2vh}.body_landing h1{text-align:center;color:var(--color-primary);width:100%}.body_landing .card-view{width:100%;padding:3%;display:flex;flex-direction:column;gap:2vh}.vignette_cardview{display:flex;gap:4vw}.vignette_cardview span{font-size:1.2rem;color:var(--color-dark-acent);font-weight:500}.vignette_cardview .icon{width:10vw;height:auto;margin:0}.body_landing .button{width:100%}.card-view{width:100%;display:flex;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff}.dashboard_section{width:100%;height:85vh;flex-direction:column;display:flex;overflow-y:scroll}.content_dashboard{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;padding-left:5%;padding-right:5%;gap:3vh}.head_dashboard{width:100%;height:8vh;display:flex;justify-content:center;align-items:center}.welcomecard{display:flex;flex-direction:column}.texts_welcomecard{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:2%;padding-bottom:2%;justify-content:center;text-align:center}.waiting_welcomecard{display:flex;justify-content:center;align-items:center}.waiting_welcomecard h1{width:70%;text-align:center}.box_share{width:100%;display:flex}.box_share .sharelink{width:100%}.duo_package{width:100%;display:flex;flex-direction:column;gap:1vh}.head_flatcard{display:flex;justify-content:space-between}.head_flatcard h1{color:#fff;font-family:Alice,serif;font-weight:400;font-style:normal;font-size:2rem}.players_list{display:flex;flex-direction:column;color:#fff}@media (min-width: 720px){.dashboard_section{width:100%;height:100vh;display:grid;grid-template-columns:15% 85%;overflow-y:hidden;background-color:#fff}.content_dashboard{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;padding-left:3%;padding-right:3%;gap:1vh;background-color:var(--color-backgraund);border-top-left-radius:5vh;border-bottom-left-radius:5vh}.welcomecard{padding:0%;display:grid;grid-template-columns:36% 28% 36%}.img_welcome{width:100%;height:auto}.box_share{width:100%;display:flex;justify-content:flex-end}.box_share .sharelink{width:50%}.duo_package{width:100%;flex-direction:column;gap:1vh;display:grid;grid-template-columns:60% 40%}}.sidebar_section{background-color:#fff}.sidebar{position:fixed;top:0;left:-50vw;width:50vw;height:86vh;background-color:#fff;transition:left .3s ease;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;padding-top:15vh;padding-bottom:2vh}.sidebar button{background-color:transparent}.sidebar.open{left:0}.toggle{position:fixed;top:5vw;left:5vw;z-index:1001;font-size:2.5rem}.sidebar nav{padding-left:5vw}.sidebar nav ul{list-style-type:none;padding:0}.sidebar nav ul li{margin:15px 0}.sidebar nav ul li a,.sidebar button{text-decoration:none;color:#000;font-size:1.2rem;font-weight:500;border:none;cursor:pointer}@media (min-width: 720px){.sidebar_section{display:flex}.toggle{display:none}.sidebar{position:static;top:0;left:0;width:100%;height:100%}.sidebar nav{padding-left:2vw}.sidebar nav ul li a:hover,.sidebar button:hover{color:gray}}.state_mun{display:grid;grid-template-columns:1fr;gap:1vw}.data_names_form h3{color:var(--color-primary)}@media (min-width: 1024px){.state_mun{display:grid;grid-template-columns:1fr 1fr;gap:1vw}}.home_section{width:100%}.welcomecard{width:100%;display:flex}@media (min-width: 720px){.img_welcome{width:20%;height:auto}.welcomecard{align-items:center}}.flat_card{border-radius:2vh;width:100%;height:auto;padding:2vw}@media (min-width: 720px){.flat_card{padding:1vw}}.gift_section{width:100%;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.gift{width:50%;height:25vh;position:relative;cursor:pointer}.caja{width:100%;display:flex;justify-content:center}.caja img{width:110%;height:auto}.tapa_section{width:100%;display:flex;position:relative}.tapa{width:100%;display:flex;justify-content:center;transform-origin:left bottom;transition:transform .5s ease-in-out}.tapa img{width:95%;height:auto}.scret_friend{width:100%;bottom:0;display:flex;justify-content:center;position:absolute;transform:scaleY(0);transform-origin:bottom;transition:transform .5s ease-in-out}.scret_friend h1{margin-bottom:-.5vh}.scret_friend h1:hover{color:#686868}.gift.abierto .tapa{transform-origin:left bottom;transform:rotate(-75deg)}.gift.abierto .scret_friend{transform:scaleY(1)}@media (min-width: 720px){.gift_section{width:100%;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.gift{width:20%;height:20vh;position:relative;cursor:pointer}.caja img{width:110%;height:auto}.tapa_section{width:100%;display:flex;position:relative}.tapa{width:100%;display:flex;justify-content:center;transform-origin:left bottom;transition:transform .5s ease-in-out}.tapa img{width:95%;height:auto}.scret_friend{width:100%;bottom:0;display:flex;justify-content:center;position:absolute;transform:scaleY(0);transform-origin:bottom;transition:transform .5s ease-in-out}.scret_friend h1{margin-bottom:-.5vh}.scret_friend h1:hover{color:#686868}.gift.abierto .tapa{transform-origin:left bottom;transform:rotate(-75deg)}.gift.abierto .scret_friend{transform:scaleY(1)}}#loading-bar{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden}#loading-bar-inner{width:0%;height:100%;background-color:var(--color-acent);border-radius:5px;animation:loading 2s linear infinite}@keyframes loading{0%{width:0%}to{width:100%}}.action_bar{display:flex;flex-direction:row;justify-content:end;width:100%}.userdata_section{width:100%;display:flex;flex-direction:column;grid-template-columns:47% 47%;gap:1vh}.data_wichlist_card{display:flex;flex-direction:column}.data_wichlist_card p{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.2rem}.data_user{display:flex;flex-direction:column}.name_user span{display:flex;font-size:1.3rem}.adrress_user{display:flex;flex-direction:column}.adrress_user span{font-size:1.3rem}.action_data_user{display:flex;justify-content:end}.adrress_user p{font-size:1.3rem}.ic_list{width:9vh;height:9vh}.ic_ref{display:flex}.gift_item{width:100%;height:auto;display:flex;align-items:center;flex-direction:row;gap:2vh}.gift_item span{font-size:1.3rem}.message_data{padding:2vh}.message_data p,.message_data span{font-size:1.3rem}@media (min-width: 720px){.userdata_section{width:100%;display:grid;grid-template-columns:45% 45%;gap:10%}.data_user{display:flex;flex-direction:column}.ic_list{width:12vh;height:12vh}}.text_button{padding-left:3vh;padding-right:3vh;background-color:transparent;border:solid 1px var(--color-acent);cursor:pointer;font-size:1.2rem;color:#3f3f3f}.text_button:hover{color:var(--color-acent)}.text_button:active{transform:scale(.8)}.notifications_section{width:100%}.notifications_card{display:flex;flex-direction:column;gap:1vh}.item_notification{padding-top:1vh;padding-bottom:1vh;border-bottom:solid 1px rgb(196,196,196)}