.prc{background:#f5f5f5;min-height:100vh;padding-top:90px}@media(max-width:1280px){.prc{padding-top:40px}}.prc__header{background:#0a4952;color:#fff;padding:2rem 3rem}.prc__header,.prc__header-top{align-items:center;display:flex;justify-content:center}.prc__header-top{gap:2rem}.prc__logo{max-width:140px}.prc__titulo h1{color:#fff;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.prc__titulo p{color:#fff;font-size:1.1rem;margin:0;opacity:.9}.prc__content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem}.prc__categoria{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.prc__categoria-header{align-items:center;color:#fff;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.prc__categoria-header svg{flex-shrink:0;height:28px;width:28px}.prc__categoria-header h2{font-size:1.4rem;font-weight:700;margin:0}.prc__subcategorias{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.prc__subcategoria-titulo{border-bottom:2px solid #e0e0e0;color:#0a4952;font-size:1.1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem}.prc__documentos{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.prc__documento{align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s;width:100%}.prc__documento:hover{background:#f0f7f8;border-color:#0a4952;box-shadow:0 4px 15px #0a49521a;transform:translateY(-2px)}.prc__documento-icon{flex-shrink:0;height:45px;width:45px}.prc__documento-icon svg{height:100%;width:100%}.prc__documento-info{flex:1;min-width:0}.prc__documento-nombre{color:#1a1a1a;display:block;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.prc__documento-tipo{color:#888;display:block;font-size:.8rem}.prc__documento-arrow{align-items:center;background:#e8e8e8;border-radius:50%;color:#666;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s;width:32px}.prc__documento:hover .prc__documento-arrow{background:#0a4952;color:#fff}.prc__documento-arrow svg{height:16px;width:16px}.visor{align-items:center;background:#000000d9;display:flex;justify-content:center;inset:0;padding:1rem;position:fixed;z-index:9999}.visor__container{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:100%}.visor__header{align-items:center;background:#0a4952;color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.visor__info h3{font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .25rem}.visor__info span{font-size:.85rem;opacity:.8}.visor__actions{display:flex;flex-shrink:0;gap:.5rem}.visor__btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.visor__btn:hover{background:#ffffff40;transform:scale(1.05)}.visor__btn--close:hover{background:#dc2626}.visor__btn svg{height:20px;width:20px}.visor__content{align-items:center;background:#333;display:flex;flex:1;justify-content:center;overflow:auto}.visor__content iframe{border:none;height:100%;width:100%}.visor__content img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .visor__container,.modal-leave-to .visor__container{transform:scale(.9)}@media(max-width:768px){.prc__header{padding:1.25rem 1rem}.prc__header-top{align-items:center;flex-direction:row;gap:1rem;justify-content:flex-start}.prc__logo{flex-shrink:0;max-width:60px}.prc__titulo{text-align:left}.prc__titulo h1{font-size:1.1rem;margin-bottom:.25rem}.prc__titulo p{font-size:.75rem;line-height:1.3}.prc__content{padding:1.5rem}.prc__documentos{grid-template-columns:1fr}.prc__categoria-header h2{font-size:1.2rem}.visor{padding:0}.visor__container{border-radius:0;height:100vh;max-width:100%}.visor__header{align-items:flex-start;flex-direction:column}.visor__actions{justify-content:flex-end;width:100%}}
