:root{--color-leonardo: #3a7bd5;--color-georgina: #ff9a9e;--bg-card: #fff;--bg-page: #f7fafd;--color-primary: #0a3d91;--color-secondary: #764ba2;--shadow: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--border-radius: 12px;--border-radius-large: 20px;--transition: all .3s ease;--color-leonardo-light: #7cdaf9}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-leonardo) 100%);color:#222;line-height:1.6}.App{background:#fff;max-width:1200px;margin:32px auto;border-radius:18px;box-shadow:0 8px 32px #0a3d911f;overflow:hidden}.header{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-leonardo) 100%);color:#fff;padding:32px 24px 16px;text-align:center;position:relative}.header-content{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.logo{height:64px;border-radius:var(--border-radius);background:#fff;padding:4px}.header h1{margin:.5rem 0;font-size:2rem;font-weight:700}.header p{margin:0;opacity:.9;font-size:1.1rem}.whatsapp-btn{background:#25d366;color:#fff;padding:8px 18px;border-radius:24px;text-decoration:none;font-weight:600;transition:background .2s;font-size:.9rem}.whatsapp-btn:hover{background:#128c7e}.bienvenida{padding:4rem 1rem;background:linear-gradient(135deg,#667eea 0%,var(--color-secondary) 100%);color:#fff;text-align:center}.bienvenida-content h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.bienvenida-content>p{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.profesionales-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.profesional-card-preview{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-large);padding:2rem;transition:var(--transition)}.profesional-card-preview:hover{transform:translateY(-5px)}.profesional-icon{font-size:4rem;margin-bottom:1rem}.profesional-card-preview h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.profesional-card-preview p{margin-bottom:1.5rem;opacity:.9;line-height:1.6}.ver-perfil-btn{background:white;color:#667eea;border:none;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition)}.ver-perfil-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.navegacion-profesionales{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.nav-prof-btn{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;transition:var(--transition);font-weight:500}.nav-prof-btn:hover,.nav-prof-btn.activo{background:white;color:#667eea;border-color:#fff}.cta-section{display:flex;justify-content:center;gap:18px;margin:24px 0;flex-wrap:wrap}.cta-btn{background:var(--color-primary);color:#fff;padding:12px 32px;border-radius:24px;font-size:1.1em;text-decoration:none;font-weight:600;box-shadow:0 2px 8px #0a3d9114;transition:var(--transition)}.cta-btn.secondary{background:#eaeaea;color:var(--color-primary);border:1px solid #b0b0b0}.cta-btn:hover{background:var(--color-leonardo);color:#fff;transform:translateY(-2px)}.servicios{padding:32px 24px;background:var(--bg-page);text-align:center}.servicios h2{color:#2c3e50;font-size:2.2rem;margin-bottom:2rem}.servicios-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.servicio{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition)}.servicio:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.servicio h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.3rem}.profesional-tag{display:inline-block;background:linear-gradient(135deg,#667eea 0%,var(--color-secondary) 100%);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;margin-top:.5rem}.perfil-profesional{padding:4rem 1rem;background:var(--bg-page)}.perfil-content{max-width:1000px;margin:0 auto}.perfil-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;background:white;padding:2rem;border-radius:var(--border-radius-large);box-shadow:var(--shadow)}.profesional-avatar{font-size:5rem;min-width:80px}.perfil-info h2{color:#2c3e50;font-size:2.2rem;margin-bottom:.5rem}.especialidad{color:#667eea;font-weight:600;font-size:1.1rem;margin-bottom:1rem}.descripcion{color:#666;line-height:1.7;font-size:1rem}.servicios-profesional{background:white;padding:2rem;border-radius:var(--border-radius-large);margin-bottom:2rem;box-shadow:var(--shadow)}.servicios-profesional h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.3rem}.servicios-profesional ul{list-style:none;padding:0}.servicios-profesional li{padding:.5rem 0;color:#666;font-size:1rem}.contacto-profesional{text-align:center}.contacto-profesional-btn{display:inline-block;background:linear-gradient(135deg,#667eea 0%,var(--color-secondary) 100%);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition)}.contacto-profesional-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.perfil-georgina .perfil-header{background:linear-gradient(135deg,var(--color-georgina) 0%,#fecfef 100%);color:#fff}.perfil-georgina .especialidad{color:#ffffffe6}.perfil-georgina .descripcion{color:#fffc}.perfil-profesional-leonardo .perfil-header{background:var(--color-leonardo-light);color:#064a5a}.perfil-profesional-leonardo .perfil-header .especialidad{color:#045265}.perfil-profesional-leonardo .perfil-header .descripcion{color:#0d5667}.caso-leonardo .categoria-tag{background:linear-gradient(135deg,var(--color-leonardo-light) 0%,var(--color-leonardo) 100%);color:#033a47}.caso-leonardo{border:2px solid var(--color-leonardo-light)}.galeria{padding:4rem 1rem;background:#f8f9fa}.galeria h2{text-align:center;margin-bottom:2rem;color:#2c3e50;font-size:2.5rem}.filtros{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filtro-btn{padding:.75rem 1.5rem;border:2px solid var(--color-leonardo);background:white;color:var(--color-leonardo);border-radius:50px;cursor:pointer;transition:var(--transition);font-weight:500;font-size:.9rem}.filtro-btn:hover,.filtro-btn.activo{background:var(--color-leonardo);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3a7bd54d}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.caso-card{background:white;border-radius:var(--border-radius-large);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.caso-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.caso-header{margin-bottom:1.5rem}.categoria-tag{display:inline-block;background:linear-gradient(135deg,#667eea 0%,var(--color-secondary) 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:.8rem}.caso-georgina .categoria-tag{background:linear-gradient(135deg,var(--color-georgina) 0%,#fecfef 100%)}.caso-card h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.imagen-completa{position:relative;width:100%;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1rem}.imagen-completa img{width:100%;height:200px;object-fit:cover;display:block;transition:var(--transition)}.imagen-completa:hover img{transform:scale(1.05)}.imagen-transicion img{object-fit:contain;width:100%;height:auto;max-height:200px;border-radius:15px;box-shadow:var(--shadow)}.caso-descripcion{color:#666;line-height:1.6;font-size:.95rem;margin:0}.testimonios{padding:4rem 1rem;background:white;text-align:center}.testimonios h2{color:#2c3e50;font-size:2.2rem;margin-bottom:3rem}.testimonios-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.testimonio{background:var(--bg-page);padding:2rem;border-radius:var(--border-radius-large);box-shadow:var(--shadow);transition:var(--transition)}.testimonio:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.testimonio p{font-style:italic;color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.testimonio span{color:var(--color-primary);font-weight:600}.ubicacion{padding:4rem 1rem;background:var(--bg-page);text-align:center}.ubicacion h2{color:#2c3e50;font-size:2.2rem;margin-bottom:2rem}.ubicacion p{color:#666;font-size:1.1rem;margin-bottom:1rem}.ubicacion iframe{margin-top:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.footer{background:#2c3e50;color:#fff;text-align:center;padding:2rem}.footer p{margin:0;opacity:.8}@media (max-width: 768px){.App{margin:16px;border-radius:var(--border-radius)}.perfil-header{flex-direction:column;text-align:center}.profesional-avatar{margin-bottom:1rem}.profesionales-preview{grid-template-columns:1fr}.navegacion-profesionales{flex-direction:column;align-items:center}.bienvenida-content h2{font-size:2rem}.galeria-grid{grid-template-columns:1fr;gap:1.5rem}.filtros{gap:.5rem}.filtro-btn{padding:.6rem 1.2rem;font-size:.85rem}.galeria h2{font-size:2rem}.servicios-list{grid-template-columns:1fr}}@media (max-width: 480px){.galeria{padding:3rem .5rem}.caso-card{padding:1rem;border-radius:15px}.imagen-completa img{height:150px}.header-content{flex-direction:column}.cta-section{flex-direction:column;align-items:center}}