<!DOCTYPE html>

<head>

<title>NOVUM IP LAW | Propiedad Intelectual e Industrial</title>

<style>

:root{

--bg:#0b0f19;

--bg2:#0f172a;

--card:rgba(255,255,255,.06);

--card2:rgba(255,255,255,.09);

--stroke:rgba(255,255,255,.14);

--text:rgba(255,255,255,.88);

--muted:rgba(255,255,255,.68);

--muted2:rgba(255,255,255,.55);

--accent:#3b82f6;

--accent2:#60a5fa;

--gold:#d4b06a;

--shadow: 0 18px 50px rgba(0,0,0,.45);

--radius:18px;

--max:1120px;

}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{

margin:0;

font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

color:var(--text);

background: radial-gradient(1100px 650px at 20% 0%, rgba(59,130,246,.22), transparent 60%),

radial-gradient(900px 520px at 85% 20%, rgba(212,176,106,.18), transparent 55%),

linear-gradient(180deg, var(--bg), var(--bg2));

}

a{color:inherit}

.container{max-width:var(--max); margin:0 auto; padding:0 22px}

.header{

position:sticky; top:0; z-index:50;

backdrop-filter: blur(14px);

background: rgba(11,15,25,.6);

border-bottom: 1px solid rgba(255,255,255,.08);

}

.nav{

display:flex; align-items:center; justify-content:space-between;

gap:14px; padding:14px 0;

}

.brand{display:flex; align-items:center; gap:12px; text-decoration:none}

.brand img{width:40px; height:40px; border-radius:10px; background:#fff; object-fit:contain}

.brand .name{font-family: "Cormorant Garamond", serif; letter-spacing:.06em; font-weight:700; font-size:18px}

.brand .sub{display:block; font-family: Inter, sans-serif; font-size:12px; color:var(--muted2); letter-spacing:.08em}

.menu{display:flex; gap:16px; align-items:center; flex-wrap:wrap; justify-content:flex-end}

.menu a{font-size:13px; color:var(--muted); text-decoration:none; padding:8px 10px; border-radius:10px}

.menu a:hover{background:rgba(255,255,255,.06); color:var(--text)}

.lang{

display:flex; gap:8px; align-items:center;

}

.btn{

border:1px solid rgba(255,255,255,.14);

background: rgba(255,255,255,.05);

color: var(--text);

padding:9px 12px;

border-radius:12px;

cursor:pointer;

font-size:13px;

transition: transform .15s ease, background .15s ease, border-color .15s ease;

}

.btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22)}

.btn.primary{background: linear-gradient(135deg, rgba(59,130,246,.95), rgba(96,165,250,.85)); border-color: transparent; color: #061427}

.btn.primary:hover{filter:brightness(1.03)}

.btn.ghost{background:transparent}

.btn.active{background: rgba(59,130,246,.24); border-color: rgba(96,165,250,.55)}

.hero{padding:58px 0 26px}

.hero-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:24px; align-items:stretch}

.kicker{

display:inline-flex; gap:10px; align-items:center;

padding:8px 12px; border-radius:999px;

border:1px solid rgba(255,255,255,.12);

background: rgba(255,255,255,.04);

color: var(--muted);

font-size:13px;

}

.kicker .dot{width:8px; height:8px; border-radius:50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(212,176,106,.14)}

h1{

margin:14px 0 10px;

font-family: "Cormorant Garamond", serif;

font-size: 54px;

line-height: 1.02;

letter-spacing:.03em;

}

.lede{margin:0 0 18px; font-size:16px; color:var(--muted); max-width:60ch}

.tagline{font-style:italic; color: rgba(255,255,255,.78)}

.hero-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}

.hero-card{

position:relative;

border-radius: var(--radius);

background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));

border: 1px solid rgba(255,255,255,.12);

box-shadow: var(--shadow);

overflow:hidden;

}

.hero-card-inner{padding:18px}

.stat-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px}

.stat{

padding:14px;

border-radius: 14px;

background: rgba(0,0,0,.22);

border:1px solid rgba(255,255,255,.10);

}

.stat .big{font-size:18px; font-weight:700}

.stat .small{font-size:12px; color:var(--muted2); margin-top:2px}

.ribbon{

position:absolute; inset: -120px -120px auto auto;

width:260px; height:260px;

background: radial-gradient(circle at 30% 30%, rgba(212,176,106,.30), transparent 60%),

radial-gradient(circle at 70% 70%, rgba(59,130,246,.28), transparent 60%);

transform: rotate(22deg);

}

.section{padding:38px 0}

.section h2{

margin:0 0 10px;

font-family: "Cormorant Garamond", serif;

font-size: 34px;

letter-spacing:.02em;

}

.section p{margin:0 0 10px; color:var(--muted); max-width:75ch}

.cards{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:16px}

.card{

border-radius: 16px;

background: var(--card);

border:1px solid rgba(255,255,255,.12);

padding:16px;

transition: transform .16s ease, background .16s ease, border-color .16s ease;

}

.card:hover{transform: translateY(-2px); background: var(--card2); border-color: rgba(255,255,255,.20)}

.card h3{margin:0 0 6px; font-size:15px}

.card p{margin:0; font-size:13px; color:var(--muted2)}

.pills{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}

.pill{font-size:12px; padding:8px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); color: rgba(255,255,255,.75)}

.split{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start}

.panel{

border-radius: var(--radius);

padding:18px;

background: rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.12);

}

.list{margin:10px 0 0; padding:0; list-style:none}

.list li{padding:10px 0; border-bottom:1px solid rgba(255,255,255,.10); color: var(--muted)}

.list li:last-child{border-bottom:none}

.cta{

border-radius: 22px;

padding:22px;

border:1px solid rgba(255,255,255,.14);

background: linear-gradient(135deg, rgba(59,130,246,.18), rgba(212,176,106,.14));

display:flex; align-items:center; justify-content:space-between; gap:14px;

}

.cta strong{display:block; font-size:16px}

.cta span{color:var(--muted); font-size:13px}

.footer{

margin-top:30px;

padding:26px 0 40px;

border-top:1px solid rgba(255,255,255,.10);

color: var(--muted2);

font-size: 12px;

}

.footer-grid{display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap}

.hidden{display:none}

@media (max-width: 980px){

.hero-grid{grid-template-columns:1fr}

h1{font-size:44px}

.cards{grid-template-columns: 1fr}

.split{grid-template-columns:1fr}

.menu{display:none}

}

</style>

</head>

<body>

<div>

<span class="name">NOVUM IP LAW</span>

<span class="sub">Intellectual Property Counsel</span>

</div>

</a>

<a href="#services">Servicios</a>

<a href="#approach">Enfoque</a>

<a href="#about">Firma</a>

<a href="#contact">Contacto</a>

</nav>

<a class="btn primary" href="#contact">Agendar</a>

</div>

</header>

<div>

<span class="kicker"><span class="dot"></span> Propiedad Intelectual e Industrial · Estrategia & Defensa</span>

<h1>Donde tus ideas se convierten en activos.</h1>

<p class="lede">Protegemos marcas, patentes, diseños, derechos de autor y secretos empresariales con un enfoque práctico: claridad, velocidad y control de riesgos.</p>

<p class="tagline">Soluciones IP para empresas, creadores e innovación.</p>

<a class="btn primary" href="#contact">Solicitar consulta</a>

<a class="btn ghost" href="#services">Ver servicios</a>

</div>

<span class="pill">Marcas</span>

<span class="pill">Patentes</span>

<span class="pill">Derechos de autor</span>

<span class="pill">Licencias</span>

<span class="pill">Oposiciones y defensa</span>

<span class="pill">Portafolios IP</span>

</div>

<strong style="color: rgba(255,255,255,.92)">Estrategia antes que trámite.</strong>

<div>Diseñamos rutas claras para proteger, monetizar y defender tus intangibles.</div>

</div>

<div class="big">Mapa de riesgos</div>

<div class="small">Búsquedas, viabilidad, clases y alcance.</div>

</div>

<div class="big">Ejecución</div>

<div class="small">Registro, licencias, vigilancia y defensa.</div>

</div>

<div class="big">Orden</div>

<div class="small">Portafolios, renovaciones y evidencia.</div>

</div>

<div class="big">Negocio</div>

<div class="small">Cláusulas IP en contratos y M&A.</div>

</div>

</aside>

</div>

</section>

<h2>Servicios</h2>

<p>Un portafolio IP sólido reduce litigios, mejora valor de marca y facilita expansión regional e internacional.</p>

<div class="card" role="listitem"><h3>Marcas</h3><p>Búsqueda, estrategia de clases, registro, oposiciones, nulidades y vigilancia.</p></div>

<div class="card" role="listitem"><h3>Patentes & Diseños</h3><p>Evaluación de patentabilidad, redacción/gestión y protección de diseños industriales.</p></div>

<div class="card" role="listitem"><h3>Copyright</h3><p>Registro, cesiones, licencias, enforcement digital y contratos de obra.</p></div>

<div class="card" role="listitem"><h3>Licencias</h3><p>Licenciamiento, franquicias, coexistencia, distribución y tecnología.</p></div>

<div class="card" role="listitem"><h3>Secretos empresariales</h3><p>NDA, medidas internas, cláusulas laborales y respuesta ante filtraciones.</p></div>

<div class="card" role="listitem"><h3>Contratos & Corporativo</h3><p>Cláusulas IP, compliance contractual, due diligence y soporte a inversión.</p></div>

</div>

</section>

<h2>Enfoque</h2>

<p>Tu IP debe funcionar como un activo: definimos alcance, evidencia, y un plan de defensa proporcional al riesgo.</p>

<li><strong>Diagnóstico:</strong> qué proteger, dónde y por qué.</li>

<li><strong>Estrategia:</strong> estructura de marcas, clases, y expansión.</li>

<li><strong>Ejecución:</strong> trámite + control de tiempos y costos.</li>

<li><strong>Defensa:</strong> oposición, respuesta y medidas correctivas.</li>

</ul>

</div>

<h2>Qué recibes</h2>

<p>Comunicación clara, entregables útiles y trazabilidad para decisiones internas.</p>

<li>Recomendación por escrito con opciones (conservadora / balanceada / agresiva).</li>

<li>Checklist documental y cronograma.</li>

<li>Plantillas: NDA, cesión, licencia (según caso).</li>

<li>Registro de evidencia y orden del portafolio.</li>

</ul>

</div>

</section>

<h2>Sobre la firma</h2>

<p>NOVUM IP LAW es una firma boutique enfocada en propiedad intelectual e industrial, diseñada para acompañar innovación con rigor jurídico y velocidad empresarial.</p>

<div>

<strong>¿Tienes un nombre, producto o tecnología por lanzar?</strong>

<span>Podemos revisar viabilidad de marca, riesgos y ruta de protección.</span>

</div>

<a class="btn primary" href="#contact">Hablemos</a>

</div>

</section>

<h2>Contacto</h2>

<p>Deja tu correo y una breve descripción del caso. Si ya tienes nombre/marca, incluye cómo lo usas y en qué productos/servicios.</p>

<h3>Email</h3>

<p><a href="mailto:contacto@novumiplaw.com">contacto@novumiplaw.com</a></p>

</div>

<h3>WhatsApp</h3>

<p><a href="#" aria-label="Agrega tu enlace de WhatsApp">(Agregar enlace)</a></p>

</div>

<h3>Ubicación</h3>

<p>Tegucigalpa, Honduras (por confirmar dirección)</p>

</div>

</section>

<div>Hecho para desplegarse en Cloudflare Pages.</div>

</div>

</footer>

</div>

</section>

<div>

<span class="kicker"><span class="dot"></span> Intellectual Property · Strategy & Enforcement</span>

<h1>Where your ideas become assets.</h1>

<p class="lede">We protect trademarks, patents, designs, copyright and trade secrets with a pragmatic approach: clarity, speed, and risk control.</p>

<p class="tagline">IP solutions for businesses, creators, and innovation.</p>

<a class="btn primary" href="#contact">Request a consult</a>

<a class="btn ghost" href="#services">Explore services</a>

</div>

<span class="pill">Trademarks</span>

<span class="pill">Patents</span>

<span class="pill">Copyright</span>

<span class="pill">Licensing</span>

<span class="pill">Oppositions & defense</span>

<span class="pill">IP portfolios</span>

</div>

<strong style="color: rgba(255,255,255,.92)">Strategy first.</strong>

<div>Clear routes to protect, monetize, and defend your intangibles.</div>

</div>

<div class="stat" role="listitem"><div class="big">Risk map</div><div class="small">Searches, feasibility, scope.</div></div>

<div class="stat" role="listitem"><div class="big">Execution</div><div class="small">Filing, licensing, monitoring.</div></div>

<div class="stat" role="listitem"><div class="big">Order</div><div class="small">Renewals, evidence, portfolio.</div></div>

<div class="stat" role="listitem"><div class="big">Business</div><div class="small">IP clauses in deals & contracts.</div></div>

</div>

</aside>

</div>

</section>

<h2>Services</h2>

<p>A strong IP portfolio reduces disputes, increases brand value, and supports regional/international expansion.</p>

<div class="card" role="listitem"><h3>Trademarks</h3><p>Search, class strategy, filing, oppositions, cancellations, and monitoring.</p></div>

<div class="card" role="listitem"><h3>Patents & Designs</h3><p>Patentability assessment, drafting/management, and industrial design protection.</p></div>

<div class="card" role="listitem"><h3>Copyright</h3><p>Registration, assignments, licensing, digital enforcement, work-for-hire contracts.</p></div>

<div class="card" role="listitem"><h3>Licensing</h3><p>Licenses, franchising, coexistence, distribution, and technology.</p></div>

<div class="card" role="listitem"><h3>Trade secrets</h3><p>NDAs, internal measures, employment clauses, and incident response.</p></div>

<div class="card" role="listitem"><h3>Corporate & Contracts</h3><p>IP clauses, compliance, due diligence, and deal support.</p></div>

</div>

</section>

<h2>Approach</h2>

<p>Your IP must work as an asset: we define scope, evidence, and a defense plan proportional to risk.</p>

<li><strong>Diagnosis:</strong> what to protect, where, and why.</li>

<li><strong>Strategy:</strong> brand architecture, classes, expansion.</li>

<li><strong>Execution:</strong> filing + time/cost control.</li>

<li><strong>Defense:</strong> oppositions, responses, corrective measures.</li>

</ul>

</div>

<h2>Deliverables</h2>

<p>Clear communication, actionable outputs, and decision traceability.</p>

<li>Written recommendation with options (conservative / balanced / assertive).</li>

<li>Document checklist and timeline.</li>

<li>Templates: NDA, assignment, license (as needed).</li>

<li>Evidence log and portfolio organization.</li>

</ul>

</div>

</section>

<h2>About</h2>

<p>NOVUM IP LAW is a boutique firm focused on intellectual and industrial property, built to support innovation with legal rigor and business speed.</p>

<div>

<strong>Launching a name, product, or technology?</strong>

<span>We can review trademark feasibility, risks, and your protection roadmap.</span>

</div>

</div>

</section>

<h2>Contact</h2>

<p>Share your email and a short description. If you already have a name/mark, tell us how you use it and for which goods/services.</p>

<div class="card" role="listitem"><h3>Email</h3><p><a href="mailto:contact@novumiplaw.com">contact@novumiplaw.com</a></p></div>

<div class="card" role="listitem"><h3>WhatsApp</h3><p><a href="#" aria-label="Add your WhatsApp link">(Add link)</a></p></div>

<div class="card" role="listitem"><h3>Location</h3><p>Tegucigalpa, Honduras (address TBD)</p></div>

</div>

</section>

<div>Built for Cloudflare Pages.</div>

</div>

</footer>

</div>

</section>

</main>

(function(){

const btnEs = document.querySelector('[data-lang="es"]');

const btnEn = document.querySelector('[data-lang="en"]');

const es = document.getElementById('content-es');

const en = document.getElementById('content-en');

function setLang(lang){

if(lang === 'en'){

es.classList.add('hidden');

en.classList.remove('hidden');

btnEn.classList.add('active');

btnEs.classList.remove('active');

document.documentElement.lang = 'en';

try{ localStorage.setItem('novum_lang','en'); }catch(e){}

} else {

en.classList.add('hidden');

es.classList.remove('hidden');

btnEs.classList.add('active');

btnEn.classList.remove('active');

document.documentElement.lang = 'es';

try{ localStorage.setItem('novum_lang','es'); }catch(e){}

}

btnEs && btnEs.addEventListener('click', ()=>setLang('es'));

btnEn && btnEn.addEventListener('click', ()=>setLang('en'));

try{

const saved = localStorage.getItem('novum_lang');

if(saved) setLang(saved);

}catch(e){}

})();

</script>

</body>

</html>