:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--base-color: #4c4a95;--contrast-color: #c0c3ff;--accent-color: #ff9804;--accent-color-contrast: #ffead0;--background-color: white}#root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}body{margin:0;padding:0;background-color:#fbfafb}.card-container{position:relative;width:250px;height:350px;background:rgba(255,255,255,.15);margin:20px;box-shadow:0 15px 35px #0003;border-radius:15px;display:flex;justify-content:center;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:0,5s}.card-container:hover{transform:translateY(-30px);transition:.4s}li{list-style:none}.card{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:90%}.li{list-style:none}.imgs{margin:10px;position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;object-fit:cover}.automatic{display:flex;width:100vw;height:55vh;animation:slide 18s infinite}.slider-imag{min-width:100%;min-height:400px}.grid-card{max-width:max-content;display:flex;flex-direction:row}.cookieCard2{width:300px;height:350px;background:rgb(235,191,111);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden;margin:2em}.cookieCard2:before{width:150px;height:250px;content:"";background:#f6931e;position:absolute;z-index:1;border-radius:50%;right:-25%;top:-25%}.editButton{background-color:#4d4a95;transition-duration:.2s;border:none;color:#f1f1f1;cursor:pointer;font-weight:600;z-index:2}.editButton:hover{background-color:#706cd7;transition-duration:.2s}.card-image-container{width:100%;display:flex;justify-content:center;align-items:center;text-align:center}.card-image{max-width:150px;object-fit:cover}input,select{height:30px;font-size:medium;margin-top:15px}.precio{width:15%}.button-new{border-radius:5px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#fff;border:5px solid #4d4a95;width:20%;font-size:large}.button-new:hover{cursor:pointer;border:2px solid #e9e9e9;background-color:#4d4a95;color:#f1f1f1;font-size:larger}.head-prod{display:flex;justify-content:space-between;padding:5px}h1{margin-top:40px;display:flex;color:#4d4a95;justify-content:left}.tag-container{display:flex;flex-direction:column;width:20%;border:1px solid grey;border-radius:5px;margin-right:20px;padding:20px}.cookieCard{width:250px;height:320px;background:rgb(235,191,111);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:20px;position:relative;overflow:hidden}.cookieCard:before{width:150px;height:250px;content:"";background:#f6931e;position:absolute;z-index:1;border-radius:50%;right:-25%;top:-25%}.cookieHeading{font-size:1.5em;font-weight:600;color:#080808;z-index:2}.cookieDescription{font-size:.9em;color:#0d0d0d;z-index:2}.cookieDescription a{color:#0f0f0f}.editButton{padding:11px 20px;background-color:#4d4a95;transition-duration:.2s;border:none;color:#f1f1f1;cursor:pointer;font-weight:600;z-index:2}.deleButton{padding:11px 20px;background-color:#f0f0f5;color:#f6931e;transition-duration:.2s;border:none;cursor:pointer;font-weight:600;z-index:2}.editButton:hover{background-color:#f0f0f5;color:#4d4a95;transition-duration:.2s}.deleButton:hover{background-color:#f6931e;color:#f1f1f1;transition-duration:.2s}.card-footer{display:flex;justify-content:space-between;padding:10px}.button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;cursor:pointer}.button--processing{background-color:#ffc107;color:#333;cursor:pointer}.button--finish{background-color:#28a745;color:#fff;cursor:pointer}.button--disable{background-color:#ccc;color:#666;cursor:not-allowed}.grid{width:85vw;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.fav{margin-top:10px;display:flex;justify-content:flex-start}.button-add{border-radius:5px;padding:5px;margin-bottom:10px;background-color:#fff;border:1px solid #4d4a95;width:100%}.button-add:hover{cursor:pointer;border:1px solid #e9e9e9;background-color:#4d4a95;color:#f1f1f1}.button-new{border-radius:5px;padding:10px;margin-top:10px;margin-bottom:10px;background-color:#fff;border:1px solid #4d4a95;width:20%}.button-new:hover{cursor:pointer;border:1px solid #e9e9e9;background-color:#4d4a95;color:#f1f1f1}.head-prod{margin-right:10%;display:flex;justify-content:space-between}.set-p{margin-top:4%;font-size:larger;font-style:italic}header{padding:50px}.main-container{display:flex;flex-direction:row;background-color:#dad7d7}header{padding:0}.logo{height:150px;width:auto}.tag{border-radius:5px;padding:5px;margin-bottom:10px;background-color:#fff;border:1px solid #4d4a95;width:100%}.tag:hover{cursor:pointer;border:1px solid #e9e9e9;background-color:#4d4a95;color:#f1f1f1}.active{background-color:#714aff;color:#fff}.tag-container{display:flex;flex-direction:column;width:45%;border:1px solid grey;border-radius:0%;margin-right:20px;padding:20px}.preferences{--border-width: 5px;display:flex;flex-direction:column;align-items:center;max-width:500px;border:solid var(--border-width) var(--base-color);border-radius:40px;margin:30px;padding:30px;font-size:1.3em}.preferences__message{color:gray}.preferences__message--error{cursor:pointer;border:solid 3px #ff0000;border-radius:40px;padding:1em;color:var(--base-color);background-color:var(--accent-color-contrast)}.preferences__logout-button{background-color:red;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.preferences__logout-button:hover{background-color:#c00}.preferences__logout-button:active{background-color:#a00}.form{display:flex;flex-direction:column;align-items:center;margin:1em}.form__avatar{max-width:300px;border:solid var(--border-width) var(--accent-color);border-radius:50%}.form__section{display:flex;width:100%}.form__section--text{justify-content:space-between;margin-bottom:1em}.form__section--avatar{flex-direction:column;align-items:center;margin-bottom:2em}.form__input-file{display:none}.form__button{cursor:pointer;border-radius:40px;background-color:var(--background-color);width:fit-content;padding:10px}.form__button:hover{background-color:var(--accent-color)}.carousel{display:flex;width:100%;animation:slide 18s infinite}.carousel__image{min-width:100%}@keyframes slide{0%{transform:translate(0)}25%{transform:translate(0)}30%{transform:translate(-100%)}50%{transform:translate(-100%)}55%{transform:translate(-200%)}75%{transform:translate(-200%)}80%{transform:translate(-300%)}to{transform:translate(-300%)}}.tickets{display:flex;flex-direction:column;align-items:center;min-height:100vh}.detail-ticket{font-family:Arial,sans-serif;width:100%;border-collapse:collapse}.detail-ticket__row{background-color:var(--contrast-color)}.detail-ticket__row--contrast{background-color:var(--accent-color-contrast)}.detail-ticket__header-cell{background-color:var(--base-color);color:#fff;text-align:left;padding:10px}.detail-ticket__data-cell{text-align:left;padding:5px}.detail-ticket__total-row{background-color:var(--accent-color);font-weight:700}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:10vh;background-color:var(--base-color);color:#fff}.header{--font-size: 1.3em;--height-header: 75px;display:flex;align-items:center;justify-content:space-around;height:var(--height-header);width:100%;padding-top:2em;background:var(--base-color)}.header__logo{height:var(--height-header)}.header__navbar{list-style:none;display:flex;padding:0;margin:0}.header__navbar-item{margin-left:10px}.header__navbar-link{text-decoration:none;font-size:var(--font-size);font-weight:700;color:var(--contrast-color)}.header__navbar-link:hover{color:#fff}.header__title{font-size:3.2em;color:#fff}.header__user{text-decoration:none;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:large;color:var(--contrast-color)}.header__user:hover{color:#fff}.header__avatar{width:43px;height:42px}.header__username{font-size:var(--font-size);margin:0%}.Navigation{--font-size: 1.3em;--height-header: 75px;display:flex;align-items:center;justify-content:space-around;height:var(--height-header);width:100%;padding-top:2em;background:var(--base-color)}.logo{height:calc(var(--height-header) + 10px)}.Title{font-size:3.2em;color:#fff}.login{text-decoration:none;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:large;color:var(--contrast-color)}.login:hover{color:#fff}.text-login{font-size:var(--font-size);margin:0%}.sign-in-container{margin-top:10vh;display:flex;flex-direction:column;align-items:center}.sign-in-form{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.2);box-shadow:0 15px 35px #0003;padding:30px 20px;border-radius:15px}.input-form{background:rgba(255,255,255,.5);font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-radius:5px;border-bottom:1px solid #000;margin:25px 0}.input-form:focus{outline:none}.btn-form,.back{width:165px;height:50px;border-radius:5px;letter-spacing:.5px;font-size:15px;background-color:#4c4a95;color:#fff;font-weight:bolder;border:none;cursor:pointer;margin-top:15px}.back{width:100px;background-color:#000;margin-top:5vh}