:root{--acento: #5b4cf0;--acento-2: #0ea5e9;--fondo: #eef0f6;--tarjeta: #ffffff;--texto: #161a2c;--suave: #646b84;--linea: #e4e6ef;--boton: #f3f4f9}body[data-tema=oscuro]{--fondo: #070913;--tarjeta: #121628;--texto: #eef0fb;--suave: #9aa2c0;--linea: #262c46;--boton: #1a1f37}body[data-tema=color]{--tarjeta: rgba(255, 255, 255, .96)}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--texto);font:16px/1.5 Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--fondo)}body[data-tema=color]{background:linear-gradient(160deg,var(--acento),var(--acento-2))}a{color:inherit}.tarjeta{width:min(100%,460px);margin:0 auto;padding:0 0 28px;background:var(--tarjeta);box-shadow:0 30px 80px #12163224}@media(min-width:520px){body{padding:32px 0}.tarjeta{overflow:hidden;border-radius:26px}}.portada{position:relative;padding:118px 26px 8px;text-align:center}.portada:before{content:"";position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(135deg,var(--acento),var(--acento-2))}.portada:after{content:"";position:absolute;inset:0 0 auto;height:150px;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 90% 120%,rgba(255,255,255,.25),transparent 40%)}.foto{position:relative;z-index:1;display:grid;width:132px;height:132px;margin:0 auto 14px;overflow:hidden;place-items:center;border:5px solid var(--tarjeta);border-radius:50%;background:var(--boton);box-shadow:0 12px 30px #12163233}.foto img{width:100%;height:100%;object-fit:cover}.iniciales{color:var(--acento);font-size:44px;font-weight:800;letter-spacing:-.02em}h1{position:relative;margin:0;font-size:28px;line-height:1.15;letter-spacing:-.02em}.cargo{margin:6px 0 0;color:var(--suave);font-weight:600}.frase{margin:12px auto 0;max-width:340px;color:var(--suave);font-size:15px}.acciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;padding:22px 22px 0}.accion{display:grid;justify-items:center;gap:6px;padding:14px 6px 12px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--linea);border-radius:16px;background:var(--boton);transition:transform .15s,border-color .15s}.accion svg{width:24px;height:24px;fill:var(--acento)}.accion:hover{transform:translateY(-2px);border-color:var(--acento)}.principales{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 22px 0}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 16px;white-space:nowrap;color:var(--texto);font:inherit;font-weight:800;border:1px solid var(--linea);border-radius:14px;background:var(--boton);cursor:pointer}.boton svg{width:20px;height:20px;fill:currentColor}.boton.primario{color:#fff;border:0;background:linear-gradient(135deg,var(--acento),var(--acento-2));box-shadow:0 10px 24px color-mix(in srgb,var(--acento) 35%,transparent)}.bloque{margin:22px 22px 0;padding:18px;border:1px solid var(--linea);border-radius:18px}.bloque h2{margin:0 0 12px;color:var(--suave);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.datos{display:grid;gap:4px}.dato{display:flex;align-items:center;gap:12px;padding:8px 4px;overflow-wrap:anywhere;text-decoration:none;border-radius:10px}.dato:hover{background:var(--boton)}.dato svg{flex:none;width:36px;height:36px;padding:8px;fill:var(--acento);border-radius:11px;background:var(--boton)}.servicios{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.servicios li{padding:6px 12px;font-size:14px;font-weight:600;border-radius:99px;background:var(--boton)}.redes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:22px 22px 0}.red{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--linea);border-radius:14px;background:var(--boton)}.red span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.red svg{width:22px;height:22px;fill:var(--texto)}.red:hover{border-color:var(--acento)}.red:hover svg{fill:var(--acento)}.pie{margin-top:26px;color:var(--suave);font-size:12px;text-align:center}a:focus-visible,button:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.aviso{position:fixed;bottom:20px;left:50%;z-index:5;max-width:calc(100% - 32px);margin:0;padding:12px 16px;color:#fff;font-size:14px;font-weight:600;border-radius:12px;background:#161a2c;opacity:0;transform:translate(-50%,12px);transition:.2s;pointer-events:none}.aviso.visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}