@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-background-main: linear-gradient(to right, #2c6f7a, #368694, #5ab0bd);--color-brand-blue: #4db6c9;--color-brand-orange: #f08270;--color-text-light: #ffffff;--color-text-dark: #333;--color-text-muted: #666;--color-card-bg: rgba(255, 255, 255, .95);--color-card-border: rgba(255, 255, 255, .3)}.portal-container[data-v-30264d16]{background:var(--color-background-main);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;gap:20px}.header[data-v-30264d16]{text-align:center;color:var(--color-text-light)}.cards-container[data-v-30264d16]{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:800px;margin-top:auto;margin-bottom:auto;width:100%}.footer[data-v-30264d16]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fffc;font-size:.9rem;padding-top:20px}.header h1[data-v-30264d16]{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;margin-top:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card h2[data-v-30264d16]{font-family:Playfair Display,serif;font-size:1.8rem;color:var(--color-text-dark);margin-bottom:15px;font-weight:600}.header p[data-v-30264d16]{margin-top:5px;font-size:1.1rem;opacity:.9}.card[data-v-30264d16]{background:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;width:300px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003;border:1px solid var(--color-card-border);position:relative;overflow:hidden;display:flex;flex-direction:column}.card-content[data-v-30264d16]{flex-grow:1;display:flex;flex-direction:column;align-items:center}.card[data-v-30264d16]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.card[data-v-30264d16]:hover:before{left:100%}.card[data-v-30264d16]:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d}.card-icon[data-v-30264d16]{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.card-icon img[data-v-30264d16]{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.card:hover .card-icon img[data-v-30264d16]{transform:scale(1.15)}.card p[data-v-30264d16]{color:var(--color-text-muted);font-size:1rem;line-height:1.5;margin-bottom:25px}.card-button[data-v-30264d16]{color:var(--color-text-light);border:none;padding:12px 40px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:100%;max-width:200px;margin:0 auto;display:block;flex-shrink:0}.card-button[data-v-30264d16]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.sistema-x .card-button[data-v-30264d16]{background:var(--color-brand-blue)}.sistema-x .card-button[data-v-30264d16]:hover{background:var(--color-text-light);color:var(--color-brand-blue)}.sistema-y .card-button[data-v-30264d16]{background:var(--color-brand-orange)}.sistema-y .card-button[data-v-30264d16]:hover{background:var(--color-text-light);color:var(--color-brand-orange)}.privacy-link[data-v-30264d16]{display:inline-block;color:#ffffffe6;text-decoration:none;padding:10px 40px;border:1px solid rgba(255,255,255,.3);border-radius:20px;transition:all .3s ease;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.privacy-link[data-v-30264d16]:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.cards-container[data-v-30264d16]{gap:30px;align-items:center}.card[data-v-30264d16]{width:280px;padding:30px 20px}.header h1[data-v-30264d16]{font-size:2rem}}[data-v-30264d16] .ripple{position:absolute;border-radius:50%;background:#ffffff80;pointer-events:none;animation:ripple-30264d16 .6s linear}@keyframes ripple-30264d16{to{transform:scale(2);opacity:0}}body{margin:0}