@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Judson:wght@400;700&family=Montagu+Slab:opsz,wght@16..144,100..700&display=swap";:root{--bg:#fff;--text:#2d2d2d;--accent:#8b5704;--white:#fff;--gray-light:#d1d1d1;--success:#1ea81e;--shadow:0 7px 15px #00000014}#root{height:100vh}*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}body{color:var(--text);background-color:#fff;min-height:100vh;font-family:Montagu Slab,serif;position:relative}body:before{content:"";z-index:-1;opacity:7;background:linear-gradient(to top right,#cccccc4d 35%,#b77c237c 50%,#cccccc4d 65%) 0 0/250% 250%;width:100%;height:100%;animation:15s infinite moveGradient;position:fixed;top:0;left:0;transform:scale(1.3);-webkit-mask-image:url(/fondo%20JHCoffe.svg);mask-image:url(/fondo%20JHCoffe.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes moveGradient{0%{background-position:0 100%}50%{background-position:100% 0}to{background-position:0 100%}}.app-container{flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;display:flex;overflow:hidden}header.top-bar{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-top:calc(3vh - 17px);margin-bottom:35px;display:flex}.logo-section{align-items:center;gap:15px;display:flex}.logo-img{object-fit:contain;width:clamp(40px,6vw,60px);height:clamp(40px,6vw,60px)}.logo-text{font-family:Montagu Slab,serif;font-size:clamp(20px,5vw,27px);font-weight:700}.nav-pill-container{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:3vh}.nav-pill{background:var(--white);box-shadow:var(--shadow);border:1px solid #d1d1d1;border-radius:50px;gap:5px;padding:8px;display:flex}.nav-pill button{cursor:pointer;color:#1a1a1a;z-index:1;background:0 0;border:none;border-radius:50px;padding:12px 25px;font-size:18px;font-weight:600;position:relative}.nav-pill button:before{content:"";opacity:0;z-index:-1;background-image:linear-gradient(#b16d00,#6b4200);border-radius:50px;transition:opacity .2s,transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(.7)}.nav-pill button.active{color:#fff}.nav-pill button.active:before{opacity:1;transform:scale(1)}.filter-bar{background:var(--white);width:100%;max-width:1000px;box-shadow:var(--shadow);z-index:2;border:1px solid #d1d1d1;border-radius:25px;align-items:center;gap:20px;padding:15px 25px;display:flex;position:fixed}.Separador{z-index:1;background:linear-gradient(#fff 50%,#fff0);width:100%;height:15vh;position:fixed}@media (width<=768px){.Separador{height:23vh;min-height:215px;display:none}}.filter-btn{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:15px;padding:10px 30px;font-size:18px;font-weight:500}.search-container{flex:1;position:relative}.search-container input{background:#f5f5f5;border:1px solid #ccc;border-radius:15px;outline:none;width:100%;padding:10px 25px;font-size:18px}.btn-add-circle{background-color:var(--success);color:#fff;cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;width:55px;height:45px;transition:transform .2s;display:flex;box-shadow:0 4px 10px #1ea81e4d}.btn-add-circle:hover{transform:scale(1.1)}.RegistrosContainer{background:#fff0;border-radius:25px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin-top:20px;padding:0 10px 10vh;display:flex;overflow:auto}.RegistrosContainer::-webkit-scrollbar{display:none}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;width:100%;max-width:1250px;margin:15vh 0;display:grid}.card-item{background:var(--white);aspect-ratio:1.5;border:1px solid #d1d1d1;border-radius:25px;flex-direction:column;justify-content:space-between;max-width:80vw;padding:30px;transition:transform .2s;display:flex}.card-item:hover{transform:translateY(-5px)}@media (width<=768px){.filter-bar{border-radius:30px;flex-flow:column wrap;justify-content:center;align-items:center;gap:10px;width:calc(100vw - 55px);display:flex;position:relative;transform:scale(.95)}.filter-bar button,.filter-bar div{width:100%}.nav-pill{order:3;transform:scale(.7)}.nav-pill-container{position:relative;top:0}header.top-bar{flex-direction:column;margin-bottom:0}.RegistrosContainer{padding-bottom:10vh}.Separador{width:calc(100% - 12vw)}.card-grid{width:95%;margin-top:25px}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:30px;width:100%;max-width:500px;padding:40px;position:relative;box-shadow:0 20px 40px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.modal-header h2{color:var(--accent);font-size:clamp(25px,3vw,32px)}.modal-header button{cursor:pointer;color:#999;background:0 0;border:none}form label{color:#555;margin-bottom:8px;font-weight:600;display:block}form input,form select{border:1px solid #ddd;border-radius:15px;outline:none;width:100%;margin-bottom:20px;padding:12px 20px;font-size:1rem}form input:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;margin-top:20px;display:flex}.btn-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:transform .2s;display:flex}.btn-save:hover{transform:scale(1.05)}.card-item{position:relative}.card-actions{opacity:0;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:15px;right:15px}.card-item:hover .card-actions{opacity:1}.card-actions button{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:50%;padding:8px;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000001a}.card-actions button:hover{background:#f5f5f5;transform:scale(1.1)}.card-actions button:nth-child(2):hover{color:#ef4444;border-color:#fecaca}.card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.card-footer strong{font-family:Montagu Slab,serif;font-size:1.4rem;font-weight:700}.card-footer span:last-child{font-family:Montagu Slab,serif;font-weight:700}.pagination-container{z-index:1;background:linear-gradient(#fff0,#fff 50%);justify-content:center;align-items:center;width:calc(100% - 12vw);display:flex;position:fixed;bottom:-2px}.pagination-controls{justify-content:center;align-items:center;gap:20px;margin:30px 0;display:flex}.pagination-controls button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:15px;padding:10px 25px;font-size:medium;font-weight:600;transition:all .3s}.pagination-controls button:hover:not(:disabled){background:#555;transform:scale(1.05)}.pagination-controls button:disabled{cursor:not-allowed;background:#9f9f9f}.pagination-controls span{color:#333;font-size:clamp(8px,.9rem,14px);font-weight:700}@media (width<=768px){.pagination-controls span{font-size:clamp(8px,.9rem,10px)}.pagination-controls button{padding:10px 25px;font-size:x-small}}