.institution-card{position:relative;background:#fff;border-radius:var(--card-border-radius);padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color-50);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.institution-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(1,96,117,.15);border-color:var(--secondary-color)}.institution-card:hover .card-glow{opacity:1;transform:scale(1.1)}.institution-card:hover .card-shimmer{opacity:1;animation:cardShimmer 2s ease-in-out}.institution-card:hover .card-arrow{transform:translateX(4px);opacity:1}.institution-card:hover .institution-description,.institution-card:hover .institution-name{color:#fff}.institution-card:active{transform:translateY(-4px) scale(1.01)}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--card-border-radius);opacity:0;transition:all .3s ease;z-index:-1;filter:blur(8px)}.card-content{position:relative;display:flex;align-items:center;gap:1.5rem;z-index:2}.institution-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px}.institution-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.institution-icon .institution-logo{width:48px;height:48px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.institution-info{flex:1 1;text-align:left}.institution-info .institution-name{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;transition:color .3s ease}.institution-info .institution-description{font-size:.95rem;color:var(--soft-gray);margin:0 0 .5rem;line-height:1.4}.institution-info .institution-location{font-size:.85rem;color:var(--primary-color);margin:0 0 .25rem;font-weight:500}.institution-info .institution-stats{font-size:.8rem;color:var(--secondary-color);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border-radius:12px;opacity:.6;transform:translateX(0);transition:all .3s ease}.card-arrow svg{color:var(--primary-color);transform:rotate(-90deg)}.card-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none}@keyframes cardShimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.institution-card{padding:1.5rem}.institution-card .card-content{gap:1rem}.institution-card .institution-icon{width:56px;height:56px;border-radius:16px}.institution-card .institution-info .institution-name{font-size:1.1rem}.institution-card .institution-info .institution-description{font-size:.9rem}}.doctor-chip{position:relative;background:#fff;border-radius:20px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:2px solid var(--border-color);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;align-items:center;gap:1rem;min-width:280px}.doctor-chip:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(1,96,117,.12);border-color:var(--secondary-color)}.doctor-chip:hover .chip-glow{opacity:.6;transform:scale(1.1)}.doctor-chip:hover .chip-shimmer{opacity:1;animation:chipShimmer 1.5s ease-in-out}.doctor-chip:hover .doctor-name{color:var(--primary-color)}.doctor-chip.selected{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 5,var(--secondary-color) 5);transform:scale(1.02)}.doctor-chip.selected .chip-glow{opacity:1}.doctor-chip.selected .doctor-name{color:var(--primary-color);font-weight:600}.doctor-chip.selected .selection-indicator{opacity:1;transform:scale(1)}.doctor-chip:active{transform:translateY(-2px) scale(1.01)}.chip-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:20px;opacity:0;transition:all .3s ease;z-index:-1;filter:blur(6px)}.doctor-avatar{flex-shrink:0;width:56px;height:56px;border-radius:16px;overflow:hidden}.doctor-avatar .doctor-photo{width:100%;height:100%;object-fit:cover;border-radius:16px}.doctor-avatar .doctor-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--border-color),var(--soft-gray));border-radius:16px}.doctor-avatar .doctor-placeholder svg{color:#fff}.doctor-info{flex:1 1;text-align:left}.doctor-info .doctor-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem;transition:color .3s ease}.doctor-info .doctor-specialty{font-size:.9rem;color:var(--primary-color);margin:0 0 .25rem;font-weight:500}.doctor-info .doctor-experience{font-size:.8rem;color:var(--soft-gray);margin:0;font-style:italic}.selection-indicator{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:12px;opacity:0;transform:scale(.8);transition:all .3s ease}.selection-indicator svg{color:#fff;transform:rotate(-90deg)}.chip-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none}@keyframes chipShimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.doctor-chip{padding:.8rem 1rem;gap:.8rem;min-width:240px}.doctor-chip .doctor-avatar{width:48px;height:48px;border-radius:14px}.doctor-chip .doctor-avatar .doctor-photo,.doctor-chip .doctor-avatar .doctor-placeholder{border-radius:14px}.doctor-chip .doctor-info .doctor-name{font-size:1rem}.doctor-chip .doctor-info .doctor-specialty{font-size:.85rem}.doctor-chip .doctor-info .doctor-experience{font-size:.75rem}.doctor-chip .selection-indicator{width:28px;height:28px;border-radius:10px}}.doctor-selection{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem}.doctor-selection-content{max-width:900px;width:100%;text-align:center}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:3rem;color:var(--primary-color);font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05)}.back-button svg{transform:rotate(90deg)}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(1,96,117,.1);border-color:var(--secondary-color)}.selection-header{margin-bottom:3rem}.selection-header .icon-container{margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .2s forwards}.selection-header .icon-container svg{color:var(--primary-color);filter:drop-shadow(0 4px 12px rgba(1,96,117,.2))}.selection-header .selection-title{font-size:3rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.selection-header .selection-subtitle{font-size:1.2rem;color:var(--soft-gray);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .6s forwards}.doctors-section{margin-bottom:3rem}.doctors-grid{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out .8s forwards}.doctors-grid,.loading-doctors .loading-shimmer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.loading-doctors .shimmer-chip{height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:20px;animation:shimmer 2s infinite}.no-doctors{text-align:center;padding:3rem;color:var(--soft-gray)}.no-doctors svg{margin-bottom:1rem;opacity:.6}.no-doctors p{font-size:1.1rem;margin:0}.action-section{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .3s forwards}.action-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid var(--border-color);max-width:400px;margin:0 auto}.action-card .self-doctor-info-card-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.action-card .self-doctor-info-card-content .card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.action-card .self-doctor-info-card-content .card-content .doctor-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.action-card .self-doctor-info-card-content .card-content .doctor-summary .selected-doctor-photo{width:50px;height:50px;border-radius:12px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.1)}.action-card .self-doctor-info-card-content .card-content .doctor-summary .selected-doctor-placeholder{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.action-card .self-doctor-info-card-content .card-content .doctor-summary .selected-doctor-placeholder svg{color:#fff}.action-card .self-doctor-info-card-content .card-content .doctor-summary .doctor-details{flex:1 1;text-align:left}.action-card .self-doctor-info-card-content .card-content .doctor-summary .doctor-details .doctor-name{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.action-card .self-doctor-info-card-content .card-content .doctor-summary .doctor-details .institution-name{font-size:.9rem;color:var(--soft-gray);margin:0}.action-card .self-doctor-info-card-content .card-content .action-description{font-size:.95rem;color:var(--text-color);margin:0 0 1.5rem;line-height:1.4}.action-card .send-whatsapp-permission-request{padding:.8rem 1.5rem;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(37,211,102,.2)}.action-card .send-whatsapp-permission-request:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,211,102,.3)}.action-card .send-whatsapp-permission-request:active{transform:translateY(0)}.action-card .final-state{background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid var(--border-color);max-width:400px;margin:0 auto;padding:2.5rem 2rem;text-align:center}.action-card .final-state .success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--success-color),#20b832);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(22,158,40,.2)}.action-card .final-state .success-icon svg{color:#fff;transform:rotate(-90deg)}.action-card .final-state .final-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0 0 1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.action-card .final-state .final-message{font-size:1.1rem;color:var(--primary-color);font-weight:500;margin:0 0 .5rem}.action-card .final-state .final-note{font-size:.9rem;color:var(--soft-gray);margin:0;line-height:1.4}@media(max-width:768px){.action-card .doctor-selection{padding:1rem}.action-card .doctor-selection-content{max-width:100%}.action-card .back-button{margin-bottom:2rem;padding:.7rem 1.2rem;font-size:.9rem}.action-card .selection-header{margin-bottom:2rem}.action-card .selection-header .selection-title{font-size:2.2rem}.action-card .selection-header .selection-subtitle{font-size:1rem}.action-card .doctors-grid{grid-template-columns:1fr;gap:1rem}.action-card .action-card{max-width:90%}.action-card .action-card .doctor-summary{gap:.8rem}.action-card .action-card .doctor-summary .selected-doctor-photo,.action-card .action-card .doctor-summary .selected-doctor-placeholder{width:40px;height:40px;border-radius:10px}.action-card .action-card .doctor-summary .doctor-details .doctor-name{font-size:1rem}.action-card .action-card .doctor-summary .doctor-details .institution-name{font-size:.8rem}.action-card .action-card .action-description{font-size:.85rem;margin:0 0 1.2rem}.action-card .action-card .send-whatsapp-permission-request{padding:.7rem 1.2rem;font-size:.9rem}}.action-card .final-state{max-width:90%;padding:2rem 1.5rem}.action-card .final-state .success-icon{width:60px;height:60px;margin-bottom:1rem}.action-card .final-state .final-title{font-size:1.5rem}.action-card .final-state .final-message{font-size:1rem}.action-card .final-state .final-note{font-size:.8rem}.no-permissions-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem}.no-permissions-content{max-width:800px;width:100%;text-align:center}.welcome-section{margin-bottom:4rem}.welcome-section .icon-container{margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .2s forwards}.welcome-section .icon-container svg{color:var(--primary-color);filter:drop-shadow(0 4px 12px rgba(1,96,117,.2))}.welcome-section .welcome-title{font-size:3.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.welcome-section .welcome-subtitle{font-size:1.5rem;font-weight:500;color:var(--primary-color);margin-bottom:.5rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .6s forwards}.welcome-section .welcome-description{font-size:1.1rem;color:var(--soft-gray);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .8s forwards}.welcome-section .back-button{background:none;border:none;color:var(--primary-color);font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius);transition:all .3s ease;margin-top:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out 1s forwards}.welcome-section .back-button:hover{background:rgba(1,96,117,.1);transform:translateY(-2px)}.user-type-selection{margin-bottom:3rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out .8s forwards}.user-type-selection .user-type-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.user-type-selection .user-type-buttons .user-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--card-border-radius);padding:2.5rem 3rem;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;overflow:hidden}.user-type-selection .user-type-buttons .user-type-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);opacity:0;transition:opacity .3s ease;z-index:1}.user-type-selection .user-type-buttons .user-type-button:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(1,96,117,.2);border-color:var(--primary-color)}.user-type-selection .user-type-buttons .user-type-button:hover:before{opacity:.05}.user-type-selection .user-type-buttons .user-type-button:hover .button-icon{transform:scale(1.1)}.user-type-selection .user-type-buttons .user-type-button:hover .button-text{color:var(--primary-color)}.user-type-selection .user-type-buttons .user-type-button .button-icon{margin-bottom:1rem;transition:transform .3s ease;position:relative;z-index:2}.user-type-selection .user-type-buttons .user-type-button .button-icon img{filter:drop-shadow(0 4px 12px rgba(1,96,117,.2))}.user-type-selection .user-type-buttons .user-type-button .button-text{font-size:1.25rem;font-weight:600;color:var(--text-color);transition:color .3s ease;position:relative;z-index:2}.user-type-selection .user-type-buttons .user-type-button.professional:hover{border-color:var(--primary-color)}.user-type-selection .user-type-buttons .user-type-button.patient:hover{border-color:var(--secondary-color)}.institutions-section{margin-bottom:3rem}.institutions-grid{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out 1s forwards}.institutions-grid,.loading-institutions .loading-shimmer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.loading-institutions .shimmer-card{height:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:var(--card-border-radius);animation:shimmer 2s infinite}.footer-section{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out 1.2s forwards}.footer-section .footer-text{color:var(--soft-gray);font-size:.95rem}.footer-section .footer-text .contact-link{color:var(--primary-color);font-weight:500;cursor:pointer;text-decoration:underline;margin-left:.5rem}.footer-section .footer-text .contact-link:hover{color:var(--primary-color-dark)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.no-permissions-view{padding:1rem}.welcome-section{margin-bottom:3rem}.welcome-section .welcome-title{font-size:2.5rem}.welcome-section .welcome-subtitle{font-size:1.25rem}.user-type-selection .user-type-buttons{flex-direction:column;gap:1.5rem}.user-type-selection .user-type-buttons .user-type-button{min-width:100%;padding:2rem}.institutions-grid{grid-template-columns:1fr;gap:1rem}}