:root{--ink-strong: #0f173d;--ink-soft: #4b4d5f;--panel-line: rgba(255, 255, 255, .48);--glass: rgba(255, 255, 255, .28);--shadow-soft: 0 26px 54px rgba(38, 45, 80, .16);--frontend-glow: 111, 225, 255;--backend-glow: 136, 246, 151;--database-glow: 255, 213, 120;--cloud-glow: 255, 201, 102}body{margin:0;font-family:Poppins,sans-serif;color:var(--ink-strong);background:linear-gradient(180deg,#ececef,#e8e8ed 34%,#dadce2)}.hero{position:relative;overflow:hidden;padding:1.3rem 0 4rem}.hero:before{content:"";position:absolute;inset:300px 0 auto;height:520px;background:linear-gradient(180deg,#fff0,#14162124 18%,#1416215c),radial-gradient(circle at 12% 28%,rgba(214,198,166,.34),transparent 22%),radial-gradient(circle at 46% 18%,rgba(70,81,104,.38),transparent 18%),radial-gradient(circle at 78% 32%,rgba(44,49,68,.3),transparent 18%),linear-gradient(90deg,#d7cab647 0 15%,#3940542e 15% 19%,#d2d2d62e 19% 21%,#363b4a38 21% 28%,#cdcdd126 28% 31%,#20243047 31% 72%,#d6d6d929 72% 76%,#282d3d47 76% 100%);filter:blur(12px);transform:scale(1.06);pointer-events:none}.brand-card{width:min(178px,calc(100% - 2rem));margin:0 auto .9rem;padding:.7rem .8rem .85rem;display:grid;place-items:center;gap:.1rem;background:#ffffff9e;border:1px solid rgba(255,255,255,.8);border-radius:18px;box-shadow:0 10px 30px #1f243f14;backdrop-filter:blur(10px);position:relative;z-index:1}.brand-logo{width:88px;height:auto}.brand-card strong{font-size:.95rem;text-transform:lowercase;letter-spacing:.03em}.brand-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#53556a}.perfil{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;align-items:center}.foto-perfil{width:210px;height:210px;object-fit:cover;border-radius:50%;border:8px solid rgba(205,212,255,.82);box-shadow:0 0 0 5px #ecf0ff99,0 18px 40px #22274424}.texto{max-width:780px}.nombre{margin:0 0 .45rem;font-size:clamp(2.2rem,4.7vw,4rem);line-height:1.02;color:#0d1438}.rol{margin:0 0 .75rem;color:#565762;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.descripcion,.colaboracion{margin:0;color:#1e2130;line-height:1.45;font-size:clamp(1rem,1.5vw,1.08rem)}.colaboracion{margin-top:.6rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.15rem}.cta{min-width:220px;padding:.92rem 1.45rem;border-radius:999px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.cta:hover{transform:translateY(-1px)}.cta[type=button]{cursor:pointer}.cta-primary{color:#fff;background:linear-gradient(135deg,#4fe0e7eb,#41a7dbc7);border:1px solid rgba(170,255,255,.72);box-shadow:0 0 0 2px #c5ffff33,0 10px 26px #43d4e157,inset 0 1px #ffffff59}.cta-secondary{color:#101426;background:linear-gradient(180deg,#ffffffb8,#dedfe6e0);border:1px solid rgba(148,149,161,.52);box-shadow:0 8px 20px #3c3d4e24}body.modal-open{overflow:hidden}.contact-modal{width:min(680px,calc(100% - 1.5rem));padding:0;border:0;border-radius:28px;background:transparent;color:inherit;box-shadow:0 36px 70px #0e12224d}.contact-modal::backdrop{background:radial-gradient(circle at top,rgba(109,217,235,.18),transparent 30%),#090e189e;backdrop-filter:blur(8px)}.contact-modal-shell{position:relative;overflow:hidden;padding:1.4rem;border:1px solid rgba(255,255,255,.6);border-radius:inherit;background:linear-gradient(160deg,#f6f9fcf5,#e1e7f1e6),radial-gradient(circle at top right,rgba(124,226,236,.2),transparent 36%)}.contact-modal-shell:before{content:"";position:absolute;inset:auto -10% -18% 36%;height:180px;border-radius:50%;background:#52d6e84d;filter:blur(32px);pointer-events:none}.contact-modal-close{position:absolute;top:1rem;right:1rem;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(175,190,209,.9);border-radius:50%;background:#ffffffd6;color:#18314b;font-size:1.4rem;line-height:1;cursor:pointer}.contact-modal-copy,.contact-form{position:relative;z-index:1}.contact-modal-copy{margin-bottom:1.2rem;padding-right:3rem}.contact-modal-kicker{display:inline-flex;margin-bottom:.6rem;padding:.34rem .72rem;border-radius:999px;background:#ffffffb8;border:1px solid rgba(196,223,232,.9);color:#396381;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-modal-copy h2{margin:0 0 .45rem;font-size:clamp(1.7rem,3vw,2.4rem);color:#0d1830}.contact-modal-copy p{margin:0;max-width:52ch;color:#425068;line-height:1.6}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.contact-field{display:grid;gap:.45rem}.contact-field span{color:#253249;font-size:.88rem;font-weight:700}.contact-field input,.contact-field select,.contact-field textarea{width:100%;padding:.88rem .95rem;border:1px solid rgba(179,196,216,.95);border-radius:16px;background:#ffffffc7;color:#122033;font:inherit;box-sizing:border-box;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#4cb6d6f2;box-shadow:0 0 0 4px #5cd3e82e;background:#fffffff2}.contact-field textarea{min-height:140px;resize:vertical}.contact-field-full,.contact-actions{grid-column:1 / -1}.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.15rem}.contact-submit,.contact-cancel{min-width:170px;padding:.9rem 1.2rem;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.contact-submit{border:1px solid rgba(128,227,240,.9);color:#fff;background:linear-gradient(135deg,#58d7e8,#4797dc);box-shadow:0 14px 28px #48a6dc4d}.contact-cancel{border:1px solid rgba(177,187,204,.9);color:#1f3048;background:#ffffffb3}.skills-stage{position:relative;z-index:1;max-width:1180px;margin:1.8rem auto 0;padding:0 1rem}.skills-panel{position:relative;overflow:hidden;padding:.9rem 1rem 1.2rem;border-radius:18px;background:linear-gradient(180deg,#12141c2e,#ffffff24);border:1px solid var(--panel-line);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.skills-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0d143d,#0b0d140d 16%,#fff0 34%),radial-gradient(circle at 12% 62%,rgba(236,234,223,.48),transparent 20%),radial-gradient(circle at 48% 36%,rgba(80,87,102,.42),transparent 22%),radial-gradient(circle at 74% 58%,rgba(44,48,61,.44),transparent 20%),linear-gradient(90deg,#e7e1d052 0 12%,#53576333 12% 16%,#dddddd24 16% 18%,#3a3d4738 18% 29%,#3539452e 29% 71%,#cdcdcd24 71% 73%,#272a3342 73% 100%);filter:blur(10px);pointer-events:none}.skills-panel h2{margin:0;font-size:clamp(1.9rem,2.9vw,2.8rem);color:#121521}.skills-header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.75fr);gap:1.25rem 2rem;align-items:end;margin-bottom:1.6rem}.skills-kicker{display:inline-flex;margin-bottom:.55rem;padding:.34rem .78rem;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.68);color:#47506b;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skills-header p{margin:0;max-width:42ch;color:#2a3042;font-size:1rem;line-height:1.6;justify-self:end}.skills-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;gap:1.35rem}.skill-group{position:relative;isolation:isolate;overflow:hidden;min-height:auto;padding:1.15rem;border-radius:24px;border:1px solid rgba(255,255,255,.52);background:linear-gradient(180deg,#ffffff94,#f1f4f957),radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 42%);box-shadow:inset 0 1px #ffffff85,0 14px 28px #1b1d2a14}.skill-group:before{content:"";position:absolute;inset:auto -10% -42% 30%;height:160px;border-radius:50%;opacity:.22;filter:blur(28px);pointer-events:none}.skill-group[data-group=frontend]:before{background:rgba(var(--frontend-glow),.9)}.skill-group[data-group=backend]:before{background:rgba(var(--backend-glow),.9)}.skill-group[data-group=database]:before,.skill-group[data-group=cloud]:before{background:rgba(var(--database-glow),.86)}.skill-group-head{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;margin-bottom:1rem}.skill-group-mark{width:14px;height:14px;margin-top:.35rem;border-radius:999px;box-shadow:0 0 0 6px #ffffff29}.skill-group[data-group=frontend] .skill-group-mark{background:rgb(var(--frontend-glow))}.skill-group[data-group=backend] .skill-group-mark{background:rgb(var(--backend-glow))}.skill-group[data-group=database] .skill-group-mark,.skill-group[data-group=cloud] .skill-group-mark{background:rgb(var(--database-glow))}.skill-group h3{margin:0 0 .22rem;color:#111727;font-size:1.22rem}.skill-group p{margin:0;color:#4f576b;line-height:1.5;font-size:.95rem}.skill-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;list-style:none;margin:0;padding:0}.skill-chip{display:flex;align-items:center;gap:.72rem;min-height:62px;padding:.8rem .85rem;border-radius:18px;border:1px solid rgba(255,255,255,.7);background:#ffffff9e;box-shadow:inset 0 1px #ffffffa6,0 12px 20px #1e233714}.skill-chip[data-group=frontend]{box-shadow:inset 0 1px #ffffffa6,0 0 0 1px rgba(var(--frontend-glow),.16),0 12px 20px #1e233714}.skill-chip[data-group=backend]{box-shadow:inset 0 1px #ffffffa6,0 0 0 1px rgba(var(--backend-glow),.16),0 12px 20px #1e233714}.skill-chip[data-group=database],.skill-chip[data-group=cloud]{box-shadow:inset 0 1px #ffffffa6,0 0 0 1px rgba(var(--database-glow),.16),0 12px 20px #1e233714}.skill-icon{width:28px;height:28px;flex:0 0 auto;object-fit:contain}.skill-chip[data-group=frontend] .skill-icon{filter:drop-shadow(0 0 8px rgba(var(--frontend-glow),.24))}.skill-chip[data-group=backend] .skill-icon{filter:drop-shadow(0 0 8px rgba(var(--backend-glow),.24))}.skill-chip[data-group=database] .skill-icon,.skill-chip[data-group=cloud] .skill-icon{filter:drop-shadow(0 0 8px rgba(var(--database-glow),.22))}.skill-text{color:#121722;font-size:.92rem;font-weight:700;line-height:1.2}.skill-token{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:13px;background:#21253714;color:#202436;font-size:.74rem;font-weight:800;letter-spacing:.08em}.titulo{margin:2.7rem 0 1.1rem;text-align:center;color:#122033;font-size:clamp(1.5rem,2.5vw,2rem)}.grid-proyectos.fancy{display:grid;grid-template-columns:1fr;gap:1.4rem;max-width:1120px;margin:0 auto;padding:0 1rem}.project-box{background:linear-gradient(180deg,#ffffffb8,#e9f1f9d6);border:1px solid rgba(255,255,255,.82);border-radius:22px;padding:1.25rem 1.3rem;box-shadow:0 18px 36px #1b1d2a1a}.project-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.75rem}.project-title{display:flex;align-items:center;gap:.75rem;margin:0;color:#111f33;font-size:1.15rem}.project-mark{display:inline-grid;place-items:center;min-width:46px;height:34px;padding:0 .5rem;border-radius:12px;background:#ffffffbd;border:1px solid rgba(205,220,236,.9);color:#4b6078;font-size:.68rem;font-weight:700;letter-spacing:.08em}.project-badge{flex-shrink:0;padding:.3rem .72rem;border-radius:999px;border:1px solid rgba(163,186,214,.92);background:#ffffffc7;color:#355173;font-size:.82rem;font-weight:700}.project-desc{margin:.45rem 0 1rem;color:#535a71;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;margin:0 0 1rem;padding:0}.tag{padding:.42rem .8rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 20px #17263a1f}.tag[data-group=frontend]{background:linear-gradient(135deg,#28a9d7,#3f7cff)}.tag[data-group=backend]{background:linear-gradient(135deg,#37b86c,#118a5f)}.tag[data-group=database]{background:linear-gradient(135deg,#f1ae39,#d08316)}.tag[data-group=cloud]{background:linear-gradient(135deg,#5288ff,#3e5ce0)}.tag[data-group=neutral]{background:linear-gradient(135deg,#7d91a9,#5f728a)}.project-cta{display:inline-block;padding:.58rem .92rem;border-radius:12px;background:#ffffffc2;border:1px solid rgba(168,189,214,.92);color:#24456f;font-weight:700;text-decoration:none;transition:transform .18s ease,background-color .18s ease}.project-cta:hover{transform:translateY(-1px);background:#ffffffeb}.footer-contacto{display:flex;justify-content:center;gap:.95rem;padding:2rem 1rem 3rem}.footer-contacto a{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:#ffffffb8;border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 28px #1c2b431f}.footer-contacto img{width:22px;height:22px}@media (min-width: 880px){.grid-proyectos.fancy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1080px){.skills-header{grid-template-columns:1fr}.skills-header p{justify-self:start;max-width:56ch}.skills-grid{grid-template-columns:1fr}}@media (max-width: 760px){.perfil{grid-template-columns:1fr;text-align:center;gap:1.4rem}.foto-perfil{margin:0 auto}.hero-actions{justify-content:center}.skills-panel{padding:.9rem .8rem 1rem}.contact-modal-shell{padding:1.15rem}.contact-form{grid-template-columns:1fr}.contact-field-full,.contact-actions{grid-column:auto}.skill-group{padding:1rem}.skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.nombre{font-size:2.3rem}.cta{width:100%;min-width:0}.contact-modal{width:min(100% - 1rem,680px)}.contact-modal-copy{padding-right:2.4rem}.contact-submit,.contact-cancel{width:100%}.skills-header p{font-size:.94rem}.skill-group-head{grid-template-columns:1fr;gap:.45rem}.skill-group-mark{margin-top:0}.skill-list{grid-template-columns:1fr}.skill-chip{min-height:58px}.project-head{flex-direction:column;align-items:flex-start}.project-cta{margin-bottom:.55rem}}