@charset "UTF-8";:root{--blue-500: #2563eb;--blue-300: #60a5fa;--blue-200: #bfdbfe;--blue-400: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--black-soft: #1e1e1e;--white: #ffffff;--radius-lg: 18px;--radius-md: 12px;--container-max: 1200px;--glass: rgba(255, 255, 255, .7)}*{box-sizing:border-box}html,body{height:100%}body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Poppins,Helvetica,sans-serif;color:var(--black-soft);background:var(--white);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;-webkit-tap-highlight-color:transparent}.container{width:90%;max-width:var(--container-max);margin:0 auto}.site-header{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#ffffffb3,#ffffff80);border-bottom:1px solid rgba(30,30,30,.04)}.header-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--black-soft)}.logo{height:36px;width:auto}.brand-text{font-weight:700;font-family:Poppins,sans-serif;font-size:1.05rem}.nav{display:flex;gap:18px;align-items:center}.nav.is-open{display:flex}.nav-link{color:var(--black-soft);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:10px;transition:all .18s ease}.nav-link:hover{background:#2563eb0f;transform:translateY(-2px)}.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:var(--black-soft);margin:4px 0;border-radius:2px}.hero{padding:72px 0}.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}.eyebrow{color:var(--blue-500);font-weight:600;margin:0;font-family:Poppins,sans-serif}.hero-title{font-family:Poppins,sans-serif;font-size:clamp(2.1rem,4.5vw,3.2rem);margin:6px 0 8px;letter-spacing:-.01em}.hero-sub{color:#1e1e1ec7;max-width:48ch;margin-bottom:18px;font-size:1.05rem}.hero-ctas{display:flex;gap:12px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-family:Poppins,sans-serif;transition:all .25s cubic-bezier(.2,.9,.3,1);box-shadow:none;border:1px solid transparent}.btn.small{padding:8px 12px;font-size:.95rem}.btn.primary{background:linear-gradient(135deg,var(--blue-500),var(--blue-300));color:#fff;box-shadow:0 8px 24px #2563eb1f}.btn.primary:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2563eb24}.btn.ghost{background:transparent;border:1px solid rgba(30,30,30,.06);color:var(--black-soft)}.btn.ghost:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.hero-meta{color:#1e1e1e99;font-size:.95rem}.media-card{background:linear-gradient(180deg,#fffffff5,#fafafa);border-radius:var(--radius-lg);padding:8px;box-shadow:0 12px 40px #0a0a0a0f;position:relative;overflow:hidden}.media-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-lg) - 8px);transform:translateZ(0);transition:transform .6s cubic-bezier(.2,.9,.3,1)}.media-card:hover img{transform:scale(1.03) translateY(-6px)}.media-accent{position:absolute;bottom:-30px;right:-30px;width:160px;height:160px;background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.35),transparent 40%);filter:blur(20px);pointer-events:none}.section{padding:64px 0}.section-alt{background:linear-gradient(180deg,#fbfdff,#fff)}.section-header{max-width:820px;margin-bottom:28px}.section-header h2{font-family:Poppins,sans-serif;margin:0 0 6px;font-size:1.5rem}.section-header .muted{color:#1e1e1e99}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.project-card.hogenco{grid-column:2}.card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-md);padding:14px;box-shadow:0 8px 30px #0c0c0c0a;transition:transform .28s ease,box-shadow .28s ease;overflow:hidden}.project-card{height:100%}.card-body{display:flex;flex-direction:column;flex:1}.card:hover{transform:translateY(-8px);box-shadow:0 24px 40px #0c0c0c0f}.credit-inline{font-size:.85rem;color:#1e1e1eb3;margin-left:8px}.credit-inline a{color:var(--blue-500);text-decoration:none;font-weight:500}.credit-inline a:hover{color:var(--blue-300)}.card-media{width:100%;height:clamp(160px,22vw,220px);object-fit:cover;object-position:center;border-radius:10px;background-color:#f5f5f5}.card-body{padding:12px 4px;gap:10px}.card h3{margin:6px 0 8px;font-size:1.05rem}.card p.muted{color:#1e1e1ea6;font-size:.95rem;margin:0}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{display:inline-block;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:9999px;background:#60a5fa1f;color:var(--black-soft);border:1px solid rgba(96,165,250,.25);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .2s ease}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px #60a5fa26}.tag--personal{background:#2563eb1a;color:var(--blue-500);border-color:#2563eb33}.tag--freelance{background:#ffb8001f;color:#b97d00;border-color:#ffb80040}.tag--empresa{background:#1e1e1e14;color:var(--black-soft);border-color:#1e1e1e26}.tag--publico{background:#2ecc7126;color:#218c52;border-color:#2ecc7140}.tag--privado{background:#e74c3c1a;color:#b82e2e;border-color:#e74c3c40}.btn.actual{position:relative;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--blue-500),var(--blue-300)) border-box;color:var(--blue-600);font-weight:600;box-shadow:0 0 12px #2563eb33;animation:pulse-blue 3s infinite ease-in-out;transition:all .3s ease}.btn.actual:hover{transform:translateY(-2px);box-shadow:0 0 22px #60a5fa59;color:var(--blue-700)}@keyframes pulse-blue{0%,to{box-shadow:0 0 12px #2563eb33}50%{box-shadow:0 0 22px #60a5fa59}}.card-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(30,30,30,.06)}.credit{font-size:.88rem;color:#1e1e1e8c;margin:0}.credit a{color:var(--blue-500);text-decoration:none;font-weight:500;transition:color .2s ease}.credit a:hover{color:var(--blue-300)}.store-links{display:flex;gap:10px;align-items:center;margin-left:auto}.store-icon svg{width:22px;height:22px;opacity:.7;transition:all .25s ease}.store-icon:hover svg{opacity:1;transform:scale(1.1);filter:drop-shadow(0 2px 6px rgba(37,99,235,.15))}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:22px;box-shadow:none;border:1px solid rgba(30,30,30,.06);background:var(--white);transform:none;transition:box-shadow .28s ease,border-color .28s ease,background .28s ease}.service-card:hover{transform:none;box-shadow:0 4px 15px #0c0c0c0a;border-color:#2563eb4d;background:#fcfdff}.service-card .icon{font-size:1.8rem;padding:10px;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--blue-400),var(--blue-200)) border-box;box-shadow:0 8px 24px #60a5fa1f}.site-footer{padding:30px 0;border-top:1px solid rgba(30,30,30,.04);margin-top:40px}.footer-grid{display:flex;justify-content:space-between;align-items:center}.footer-grid .muted.small{color:#1e1e1e99;margin:6px 0 0}.footer-links a{display:inline-block;margin-right:12px;color:var(--black-soft);text-decoration:none;font-weight:500}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr 320px;gap:22px}.cards-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.header-inner{padding:12px 0}.nav{display:none;position:absolute;top:calc(100% + 8px);right:5%;flex-direction:column;align-items:stretch;min-width:220px;padding:12px;border-radius:var(--radius-md);background:#fffffff5;border:1px solid rgba(30,30,30,.08);box-shadow:0 18px 40px #0c0c0c14}.nav-toggle{display:block}.nav.is-open{display:flex}.hero-grid{grid-template-columns:1fr;gap:18px}.media-card{order:-1}.cards-grid{grid-template-columns:1fr}.project-card.hogenco{grid-column:auto}.card-actions{flex-wrap:wrap}.store-links{margin-left:0;width:100%;justify-content:flex-start}.services-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column;gap:12px;align-items:flex-start}}a:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:3px}