a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}.navbar{max-width:100vw;min-height:8vh;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.navbar img{height:60px;width:auto}.btn-afiliado{background:#06c;border:none;padding:.7rem 1.5rem;color:#fff;font-weight:700;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.btn-afiliado:hover{background:#0052a3}@media (max-width: 768px){.navbar{padding:0 1rem}.navbar img{height:50px}.btn-afiliado{padding:.5rem 1rem;font-size:.8rem}}main{margin:0;padding:0;font-family:Arial,sans-serif}.hero-section{background-image:url(./hero_actualizado-kIwFGXk9.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:91.9vh;position:relative;display:flex;align-items:center;padding:0 2rem}.hero-section:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;gap:4rem}.hero-text{flex:1;color:#fff;max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;margin:0;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-title-highlight{font-size:3.5rem;font-weight:700;margin:0 0 1.5rem;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-description{margin:1.5rem 0 2rem;font-size:1.1rem;line-height:1.4}.hero-description p{margin:.3rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-button{background:#dc3545;color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .3s ease;text-transform:uppercase}.hero-button:hover{background:#c82333}.credential-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;padding:1.5rem;color:#fff;width:320px;box-shadow:0 8px 32px #0000004d;transform:perspective(1000px) rotateY(-5deg);transition:transform .3s ease}.credential-card:hover{transform:perspective(1000px) rotateY(0)}.card-header{margin-bottom:1.5rem}.logo-small{display:flex;align-items:center;gap:.5rem}.logo-circles{display:flex;gap:2px}.circle{width:12px;height:12px;border-radius:50%}.circle.blue{background:#06c}.circle.light-blue{background:#66b3ff}.logo-text{display:flex;flex-direction:column;font-size:.7rem;font-weight:700;line-height:1}.card-body{margin-bottom:1.5rem}.member-info h3{margin:0;font-size:1.2rem;font-weight:700}.member-id{font-size:.9rem;margin:.5rem 0;opacity:.9}.card-details{margin-top:1rem}.card-details p{margin:.3rem 0;font-size:.85rem}.card-footer{border-top:1px solid rgba(255,255,255,.3);padding-top:1rem;font-size:.75rem}.phone-numbers{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.emergency{background:#dc3545;padding:.2rem .5rem;border-radius:3px;font-weight:700}.attention{background:#28a745;padding:.2rem .5rem;border-radius:3px;font-weight:700}.website{text-align:right;font-weight:700;opacity:.9}.phone-banner{position:absolute;bottom:2rem;left:2rem;background:#1e3a8a;color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;z-index:3;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.phone-banner:hover{transform:translateY(-2px)}@media (max-width: 768px){.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-title,.hero-title-highlight{font-size:2.5rem}.credential-card{width:100%;max-width:320px;transform:none}.hero-section{padding:1rem}}.soy-afiliado-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;padding:20px}.soy-afiliado-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%}img{margin-bottom:10px}.portal-section{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:25px}.portal-icon{width:50px;height:50px;border:2px solid #00bfff;border-radius:50%;display:flex;justify-content:center;align-items:center}.portal-text{text-align:left}.portal-label{display:block;color:#00bfff;font-size:14px;font-weight:400}.soy-afiliado-title{display:block;color:#00bfff;font-size:24px;font-weight:400}.description{color:#666;font-size:16px;line-height:1.5;margin-bottom:40px;max-width:400px;margin-left:auto;margin-right:auto}.buttons-section{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.btn-credencial{background:#1976d2;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-credencial:hover{background:#1565c0;transform:translateY(-2px)}.btn-volver{background:#00bfff;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.footer-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:14px;cursor:pointer;transition:color .3s ease}.footer-link:hover{color:#1976d2}@media (max-width: 768px){.soy-afiliado-content{padding:30px 20px}.description{font-size:14px}.btn-credencial,.btn-volver{font-size:14px;padding:12px 25px}}.mi-credencial-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;padding:20px}.mi-credencial-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%}img{margin:8px}.form-section{display:flex;flex-direction:column;gap:20px;align-items:center}.dni-input{width:100%;max-width:300px;padding:15px 20px;border:2px solid #e0e0e0;border-radius:25px;font-size:16px;text-align:center;outline:none;transition:border-color .3s ease}.dni-input:focus{border-color:#1976d2}.dni-input::placeholder{color:#999}.btn-ver-credencial{background:#1976d2;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;min-width:200px}.btn-ver-credencial:hover{background:#1565c0;transform:translateY(-2px)}.btn-volver{background:#00bfff;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;min-width:200px}.btn-volver:hover{background:#00a5e6;transform:translateY(-2px)}@media (max-width: 768px){.mi-credencial-content{padding:30px 20px}.dni-input{font-size:14px;padding:12px 18px}.btn-ver-credencial,.btn-volver{font-size:14px;padding:12px 25px;min-width:180px}}.credencial-display-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;padding:20px}.credencial-card{background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:20px;padding:30px;max-width:400px;width:100%;color:#fff;box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;position:relative;overflow:hidden}.credencial-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.credencial-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.credencial-header{margin-bottom:25px}.credencial-logo{display:flex;align-items:center;gap:15px}.logo-dots-white{display:flex;flex-direction:column;gap:3px}.dot-white{width:8px;height:8px;background-color:#fff;border-radius:50%}.dot-white.large{width:12px;height:12px;border:2px solid white;background-color:transparent}.logo-text-white{display:flex;flex-direction:column;font-weight:700;line-height:1}.logo-text-white span:first-child{font-size:16px}.logo-text-white span:nth-child(2){font-size:14px}.logo-text-white span:last-child{font-size:12px}.credencial-info{margin-bottom:20px}.afiliado-nombre{font-size:24px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.credencial-numero{font-size:18px;font-weight:700;margin:0 0 15px}.credencial-details p{margin:8px 0;font-size:14px}.credencial-details strong{font-weight:700}.credencial-legal{font-size:10px;line-height:1.3;margin:20px 0;opacity:.9}.credencial-legal p{margin:2px 0}.credencial-buttons{display:flex;gap:10px;margin:20px 0}.emergency-button,.attention-button{flex:1;padding:10px;border-radius:8px;text-align:center;font-size:10px;font-weight:700;line-height:1.2}.emergency-button{background-color:#d32f2f}.attention-button{background-color:#00bcd4}.emergency-button span,.attention-button span{display:block}.btn-volver-credencial{width:100%;padding:12px;background-color:#fff;color:#1565c0;border:none;border-radius:25px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;margin-top:15px}.btn-volver-credencial:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 480px){.credencial-card{margin:10px;padding:20px;transform:none}.credencial-card:hover{transform:none}.afiliado-nombre{font-size:20px}.credencial-numero{font-size:16px}}