html,body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;box-sizing:border-box}.BoxInicial{height:auto;width:100vw;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;padding:8px 0 80px}.BoxSecundario{opacity:0;animation:fadeIn 1s ease-out forwards;position:relative;overflow:hidden;border-radius:30px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accordion-container{border-radius:1rem;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 6px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.accordion-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s ease}.accordion-question{font-weight:500;font-size:1.1rem;text-align:left}.accordion-icon{transition:transform .3s ease}.accordion-icon-open{transform:rotate(180deg)}.accordion-content{overflow:hidden;transition:all .3s ease-in-out}.accordion-answer{padding:1.5rem;line-height:1.6}.background-image{background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;width:100%;position:fixed;top:0;left:0;z-index:-1}@media (max-width: 820px){.background-image{background-attachment:scroll;height:auto;min-height:100vh}.accordion-question{font-size:1rem}.accordion-button,.accordion-answer{padding:1rem}}::-webkit-input-placeholder{color:#eee}.wrapper{position:relative;max-width:100%;width:60%;margin:auto auto 70px;height:65vh;display:grid;grid-template-columns:1fr 1fr;border:2px solid #f8e9c8;box-shadow:0 0 15px 5px #96873233,0 0 25px 10px #ddd7a01a,0 0 35px 15px #f8ffb61a}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:300px;height:100%;margin:0 auto}.title{font-size:200%;margin-bottom:10%;font-family:Georgia,serif;font-weight:700;letter-spacing:1px}.inp{padding-bottom:10px;border-bottom:2px solid #eee;width:80%}.input{border:none;outline:none;background:none;width:100%;margin-top:40px;padding-right:10px;font-size:17px;color:#0ef}.submit{border:none;outline:none;width:100%;margin-top:25px;padding:10px 0;font-size:20px;border-radius:40px;letter-spacing:1px;cursor:pointer;background:linear-gradient(45deg,#ffd900,#f8dfc8);color:#000;font-weight:700}.submit:hover{background:linear-gradient(45deg,#d4b502,#f8dfc8)}.link{color:#0ef;text-decoration:none}.banner{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(to right,#f8e9c8,#ffd900);clip-path:polygon(0 0,100% 0,100% 100%,60% 100%);padding-right:70px;text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;z-index:-1}.wel_text{font-size:225%;margin-top:-10%;line-height:50px;font-family:Georgia,serif;font-weight:700}.para{margin-top:10px;font-size:18px;line-height:24px;letter-spacing:1px}@media (max-width: 900px){.wrapper{max-width:100%;height:auto;grid-template-columns:1fr;padding:20px}.form{max-width:100%;height:100%}.wel_text{display:none}.title{font-size:28px;color:#fff;-webkit-text-stroke:2px #000000}.input{font-size:16px}.submit{font-size:18px}.para{font-size:16px}}@media (max-width: 480px){.wrapper{margin-bottom:50px}.title{font-size:24px;color:#fff;-webkit-text-stroke:2px #000000}.input{font-size:14px}.submit{font-size:16px}}.faq-container{width:100%;max-width:4xl;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.category-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;transition:all .3s ease;font-weight:500;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a}.category-button:hover{transform:translateY(-2px)}.category-button-active{background-color:#ffd900;color:#000;box-shadow:0 4px 6px #0000004d}.category-button-inactive{background-color:#eba64ba2;color:#fff}.category-button-inactive:hover{background-color:#ffd900;color:#000}@media (max-width: 820px){.category-buttons{flex-direction:column;align-items:center}.category-button{width:100%;max-width:300px}.accordion-question{font-size:1rem}.accordion-button,.accordion-answer{padding:1rem}}@media (max-width: 480px){.faq-container{padding:1rem}.category-buttons{flex-direction:column}}