*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Oxygen}html,body,#root{height:100%}#root{display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.app-main>*{flex:1}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;background:#78401f;z-index:100;position:fixed;top:0;left:0;right:0;box-sizing:border-box}.Title{flex:1;text-align:center}.Title h1{margin:0;color:#fff;font-size:clamp(1.1rem,2.3vw,1.8rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 #2a190e,0 2px 0 #2a190e,0 0 12px rgba(0,0,0,.35)}.buttons{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.icon{display:none;width:50px;height:50px;color:#fff}.buttons a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.03em;padding:.5rem .9rem;border:2px solid var(--brass-dark);border-radius:6px;background:#1a3d2e;box-shadow:inset 0 1px #ffffff26,0 3px 5px #00000059;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.buttons a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:inset 0 1px #ffffff26,0 6px 9px #00000059}.buttons a:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000059,0 2px 4px #00000059}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#1a3d2e;box-shadow:0 8px 16px #0006;z-index:100}.mobile-menu a{color:#fff;text-decoration:none;font-weight:700;padding:1rem 1.5rem;display:block;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:860px){.navbar{justify-content:center;padding:.9rem;display:flex}.icon{display:block}.buttons{display:none}.mobile-menu.active{display:flex;flex-direction:column;animation:slideDown .3s ease}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.draggable-item{position:absolute;top:30%;left:45%;display:grid;grid-template-columns:1fr auto;max-height:200px;max-width:100px}.OpenMenu{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;max-height:200px;max-width:100px}.button{border-radius:.375rem;height:4rem;width:8rem;color:#fff;transition:background-color .2s ease,box-shadow .2s ease;border:none;cursor:pointer;font-size:clamp(.78rem,.65rem + .55vw,1rem);background-color:#1a3d2e;z-index:20}.button:hover{background-color:#14532d}.button.red{background-color:#6b1f2a}.button.red:hover{background-color:#945c6e}.image-container{width:150px;height:300px;background-color:transparent;cursor:grab;z-index:10;transform-style:preserve-3d;overflow:hidden}.hidden{display:none}.half-hidden-buttom{clip-path:inset(50% 0 0 0)}.half-hidden-top{clip-path:inset(0 0 50% 0)}.image-container:hover{box-shadow:0 20px 25px -5px #0000001a}.image-container img{width:100%;height:100%;object-fit:contain;object-position:center}.rotate-0{transform:rotate(0)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.transform-left{transform:perspective(1000px) rotateY(50deg)}.rotate-0.transform-left{transform:rotate(0) perspective(1000px) rotateY(50deg)}.transform-right{transform:perspective(1000px) rotateY(-50deg)}.transform-up{transform:perspective(1000px) rotateX(-50deg)}.transform-down{transform:perspective(1000px) rotateX(50deg)}@media(max-width:900px){.image-container{width:10rem;height:auto}.OpenMenu{padding:1rem}.button{font-size:.95rem;height:3rem;width:5.2rem}}.main-caja{background-image:url(/sand.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh}.button{background-color:#1a3d2e;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.select-container{background-color:#393838;padding:2rem;margin-top:3rem}.select-container h1{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem;text-transform:uppercase;letter-spacing:.1em}.god-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:auto;margin:0 auto 2rem}.god-item{background:#2a2a2a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;border:2px solid #444;transition:transform .2s ease,border-color .2s ease}.god-item:hover{transform:translateY(-5px);border-color:#1a3d2e}.god-item img{width:100%;height:600px;object-fit:contain;object-position:center;border-radius:6px}.button-container{display:flex;justify-content:center;gap:1rem}.god-item a{color:#fff;cursor:pointer;padding:.5rem 1rem;background:#1a3d2e;border:none;border-radius:4px;text-decoration:none;font-weight:600}.god-item a.added{background:#6b1f2a}.god-item a.added:hover{background:#945c6e}.god-item a:hover{background:#138a5e}.select-button:hover{background:#138a5e;transform:translateY(-2px)}.select-button:active{transform:translateY(0)}@media(max-width:1200px){.god-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.god-list{grid-template-columns:repeat(2,1fr);gap:1rem}.god-item img{height:150px}}@media(max-width:480px){.god-list{grid-template-columns:1fr}}.main-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5}.main-login h1{margin-bottom:20px;color:#333}.login-form{display:flex;flex-direction:column;gap:15px;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-form input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.login-form input:focus{outline:none;border-color:#4a90e2}.login-form button{padding:12px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.login-form button:hover{background-color:#357abd}.Form-Container{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;width:1100px}.Form-Container h1{font-size:2rem;margin-bottom:1.5rem;color:#333;text-align:center}.Patient-Form{display:flex;flex-direction:column;gap:1rem}.Patient-Form input[type=text]{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.Patient-Form input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.Patient-Form button[type=submit]{padding:.875rem;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.Patient-Form button[type=submit]:hover{background-color:#357abd;transform:translateY(-1px)}.Patient-Form button[type=submit]:active{transform:translateY(0)}@media(max-width:768px){.Form-Container{padding:1rem;width:300px}.Form-Container h1{font-size:1.5rem}.Patient-Form input[type=text]{font-size:.9rem}.Patient-Form button[type=submit]{font-size:.9rem;padding:.75rem}}.list-Container{width:1170px}.list-Container h1{font-size:2rem;margin-bottom:1.5rem;color:#333;text-align:center}.patient-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.patient-card h2{margin:0 0 .35rem;font-size:1.05rem;color:#0f172a}.patient-card p{margin:0;color:#475569;font-size:.92rem;line-height:1.45;padding-bottom:1rem}.link{background-color:#cecfd0;border:1px solid #2c2c2e;padding:.8rem;border-radius:8px}.link-wrapper{display:flex;align-items:center;gap:.5rem}.copy-icon{cursor:pointer;color:#5e89e6;width:2rem;height:2rem}.copy-icon:hover{color:#3b66c1;transform:scale(1.1)}.actions-row{display:flex;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}.button-list{border:none;border-radius:9px;padding:.62rem .9rem;font-weight:600;cursor:pointer;transition:transform .08s ease,filter .18s ease,box-shadow .18s ease}.button-list:active{transform:translateY(1px)}.button-primary{background:#5e89e6;color:#fff}.button-primary:hover{filter:brightness(1.06);box-shadow:0 6px 12px #2563eb47}.button-update{background:#69c073;color:#fff}.button-update:hover{filter:brightness(1.06);box-shadow:0 6px 12px #0ea5a447}.button-danger{background:#ef5b5b;color:#fff}.button-danger:hover{filter:brightness(1.06);box-shadow:0 6px 12px #ef444447}.updateLink{margin-top:.65rem;padding:.6rem;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}.updateLink p{margin:0 0 .55rem;font-size:.84rem;color:#334155;word-break:break-all}@media(max-width:640px){.list-Container{max-width:332px}.link-wrapper{flex-direction:column;align-items:flex-start}.link{padding:.2rem}.actions-row{flex-direction:column}.button-list{width:100%}}.dashboard-container{display:flex;flex-direction:column;align-items:center;padding:5rem;gap:2rem;background-color:#f1f0f0}.list-wrapper{display:flex;flex-direction:column;gap:2rem}.dashboard-title{font-size:3rem;color:#333}@media(max-width:768px){.dashboard-container{padding:2rem}.dashboard-title{font-size:2rem;text-align:center}.list-wrapper{max-width:400px;margin:0 auto}}