{"id":5696,"date":"2023-08-07T11:50:55","date_gmt":"2023-08-07T11:50:55","guid":{"rendered":"http:\/\/ai-hub-inner-page-features-1.local\/?page_id=36"},"modified":"2026-06-02T15:47:57","modified_gmt":"2026-06-02T13:47:57","slug":"sobre","status":"publish","type":"page","link":"https:\/\/tunelockr.com\/es\/about\/","title":{"rendered":"TuneLockr : technologie de protection musicale"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5696\" class=\"elementor elementor-5696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947001f e-flex e-con-boxed e-con e-parent\" data-id=\"947001f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d63a1a elementor-widget elementor-widget-html\" data-id=\"8d63a1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT HERO\nNEW DA \/ STORYTELLING \/ TRUST\n========================================================= -->\n\n<section class=\"tl-about-hero\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-glow tl-about-glow-1\"><\/div>\n  <div class=\"tl-about-glow tl-about-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-inner\">\n\n    <!-- =========================================================\n    LEFT\n    ========================================================== -->\n\n    <div class=\"tl-about-content\">\n\n      <!-- BADGE -->\n      <div class=\"tl-about-badge\">\n\n        \ud83d\udee1\ufe0f Acerca de TuneLockr\n\n      <\/div>\n\n      <!-- TITLE -->\n      <h1 class=\"tl-about-title\">\n\n        Una creaci\u00f3n puede viajar por todo el mundo en cuesti\u00f3n de segundos.\n\n      <\/h1>\n\n      <!-- TEXT -->\n      <p class=\"tl-about-text\">\n\n        Hoy en d\u00eda, un beat, una topline, una demo o una idea musical puede enviarse, compartirse, republicarse o reutilizarse al instante.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        Sin embargo, la mayor\u00eda de los creadores siguen sin disponer de una prueba sencilla, r\u00e1pida y moderna para proteger su trabajo antes de publicarlo.\n\n      <\/p>\n\n      <p class=\"tl-about-text\">\n\n        TuneLockr naci\u00f3 para resolver este problema: permitir a los artistas, beatmakers, productores y autores demostrar sus creaciones en el momento exacto en que empiezan a circular.\n\n      <\/p>\n\n      <!-- TRUST -->\n      <div class=\"tl-about-trust\">\n\n        <div class=\"tl-about-pill\">\n          \ud83e\uddec Blockchain Tezos\n        <\/div>\n\n        <div class=\"tl-about-pill\">\n          \u2714 Certificado con sello de tiempo\n        <\/div>\n\n        <div class=\"tl-about-pill\">\n          \ud83c\uddea\ud83c\uddfa Cumple eIDAS\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <div class=\"tl-about-actions\">\n\n        <a href=\"https:\/\/app.tunelockr.com\/depot\"\n           class=\"tl-about-btn-primary\">\n\n          \ud83d\ude80 Proteger mi creaci\u00f3n\n\n        <\/a>\n\n        <a href=\"https:\/\/app.tunelockr.com\/\"\n           class=\"tl-about-btn-secondary\">\n\n          Descubrir la plataforma\n\n        <\/a>\n\n      <\/div>\n\n      <!-- NOTE -->\n      <div class=\"tl-about-note\">\n\n        \u26a1 Registro inmediato \u2022 \ud83d\udd12 Privado \u2022 \ud83d\udcc4 V\u00e1lido de por vida\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT\n    ========================================================== -->\n\n    <div class=\"tl-about-visual\">\n\n      <div class=\"tl-about-frame\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/TuneLockr3.png\"\n          alt=\"Interfaz TuneLockr\">\n\n      <\/div>\n\n      <!-- FLOATING CARD -->\n      <div class=\"tl-about-floating\">\n\n        <div class=\"tl-about-floating-top\">\n\n          <div class=\"tl-about-floating-icon\">\n            \u26d3\ufe0f\n          <\/div>\n\n          <div>\n\n            <div class=\"tl-about-floating-title\">\n              Prueba de blockchain\n            <\/div>\n\n            <div class=\"tl-about-floating-sub\">\n              Marcado de tiempo seguro\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tl-about-floating-line\"><\/div>\n\n        <div class=\"tl-about-floating-proof\">\n\n          \u2714 Certificado PDF verificable\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-hero{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-glow-1{\n\n  width:420px;\n  height:420px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.06);\n\n  bottom:-100px;\n  right:-80px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    1.1fr .9fr;\n\n  gap:70px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-title{\n\n  font-size:clamp(3rem,6vw,6rem);\n\n  line-height:.92;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 30px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-text{\n\n  max-width:720px;\n\n  font-size:1.06rem;\n  line-height:1.95;\n\n  color:#6b7280;\n\n  margin:\n    0 0 22px;\n}\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n.tl-about-trust{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:12px;\n\n  margin:\n    38px 0;\n}\n\n\/* =========================================================\nPILLS\n========================================================= *\/\n\n.tl-about-pill{\n\n  padding:\n    .88rem 1rem;\n\n  border-radius:18px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 12px 30px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nACTIONS\n========================================================= *\/\n\n.tl-about-actions{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:14px;\n\n  margin-bottom:18px;\n}\n\n\/* =========================================================\nBUTTONS\n========================================================= *\/\n\n.tl-about-btn-primary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.4rem;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f97316,\n      #fb923c\n    );\n\n  color:#ffffff;\n\n  text-decoration:none;\n\n  font-size:.94rem;\n  font-weight:900;\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.18);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-btn-primary:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n.tl-about-btn-secondary{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.3rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.06);\n\n  color:#111827;\n\n  text-decoration:none;\n\n  font-size:.92rem;\n  font-weight:800;\n}\n\n\/* =========================================================\nNOTE\n========================================================= *\/\n\n.tl-about-note{\n\n  color:#6b7280;\n\n  font-size:.84rem;\n  font-weight:600;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-visual{\n\n  position:relative;\n}\n\n\/* =========================================================\nFRAME\n========================================================= *\/\n\n.tl-about-frame{\n\n  position:relative;\n\n  border-radius:38px;\n\n  overflow:hidden;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 50px 100px rgba(15,23,42,.10);\n}\n\n.tl-about-frame img{\n\n  width:100%;\n  height:auto;\n\n  display:block;\n}\n\n\/* =========================================================\nFLOATING\n========================================================= *\/\n\n.tl-about-floating{\n\n  position:absolute;\n\n  left:-30px;\n  bottom:30px;\n\n  width:260px;\n\n  padding:\n    20px;\n\n  border-radius:28px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  backdrop-filter:blur(16px);\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.10);\n}\n\n\/* =========================================================\nFLOATING TOP\n========================================================= *\/\n\n.tl-about-floating-top{\n\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-floating-icon{\n\n  width:52px;\n  height:52px;\n\n  border-radius:18px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:#fff7ed;\n\n  color:#f97316;\n\n  font-size:1.3rem;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-floating-title{\n\n  color:#111827;\n\n  font-size:.92rem;\n  font-weight:850;\n}\n\n.tl-about-floating-sub{\n\n  color:#6b7280;\n\n  font-size:.76rem;\n\n  margin-top:4px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-floating-line{\n\n  width:100%;\n  height:1px;\n\n  background:\n    rgba(15,23,42,.06);\n\n  margin:\n    16px 0;\n}\n\n\/* =========================================================\nPROOF\n========================================================= *\/\n\n.tl-about-floating-proof{\n\n  color:#111827;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .tl-about-inner{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-title{\n\n    font-size:2.8rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-actions{\n\n    flex-direction:column;\n  }\n\n  .tl-about-btn-primary,\n  .tl-about-btn-secondary{\n\n    width:100%;\n  }\n\n  .tl-about-floating{\n\n    position:relative;\n\n    left:auto;\n    bottom:auto;\n\n    width:100%;\n\n    margin-top:20px;\n  }\n\n\n}\n.tl-about-text{\n  color:#111827 !important;\n}\n\n.tl-about-note{\n  color:#111827 !important;\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e370c e-flex e-con-boxed e-con e-parent\" data-id=\"67e370c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fdd695 elementor-widget elementor-widget-html\" data-id=\"5fdd695\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 2\nTHE MODERN CREATOR PROBLEM\n========================================================= -->\n\n<section class=\"tl-about-problem\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-problem-glow tl-about-problem-glow-1\"><\/div>\n  <div class=\"tl-about-problem-glow tl-about-problem-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-problem-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-head\">\n\n      <div class=\"tl-about-problem-badge\">\n        \u26a0\ufe0f El problema hoy\n      <\/div>\n\n      <h2 class=\"tl-about-problem-title\">\n\n        Las creaciones se difunden m\u00e1s r\u00e1pido que su propia protecci\u00f3n.\n\n      <\/h2>\n\n      <p class=\"tl-about-problem-text\">\n\n        Un beat enviado por Discord, una topline compartida por mensaje, una demo enviada a un sello, un fragmento publicado en TikTok o un proyecto mandado a un colaborador: hoy en d\u00eda, una creaci\u00f3n puede ser copiada, republicada, reutilizada o modificada en pocos minutos.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-grid\">\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83c\udfa7\n        <\/div>\n\n        <h3>\n          Demos en circulaci\u00f3n\n        <\/h3>\n\n        <p>\n\n          Las canciones, beats y maquetas suelen enviarse antes de estar protegidas.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card tl-about-problem-card-center\">\n\n        <div class=\"tl-about-problem-live\">\n          Muy frecuente\n        <\/div>\n\n        <div class=\"tl-about-problem-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          Reposts y reutilizaciones\n        <\/h3>\n\n        <p>\n\n          Una idea musical puede ser retomada, transformada o difundida sin cr\u00e9dito.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83e\udd1d\n        <\/div>\n\n        <h3>\n          Colaboraciones poco claras\n        <\/h3>\n\n        <p>\n\n          Sin una prueba clara, los conflictos entre artistas, productores o autores se vuelven complicados.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- =========================================================\n      CARD\n      ========================================================== -->\n\n      <div class=\"tl-about-problem-card\">\n\n        <div class=\"tl-about-problem-icon\">\n          \ud83e\udde0\n        <\/div>\n\n        <h3>\n          Explosi\u00f3n de la IA\n        <\/h3>\n\n        <p>\n\n          Los contenidos generados, remezclados o reinterpretados hacen que la prueba de origen sea a\u00fan m\u00e1s esencial.\n\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    QUOTE\n    ========================================================== -->\n\n    <div class=\"tl-about-problem-quote\">\n\n      <div class=\"tl-about-problem-line\"><\/div>\n\n      <p>\n\n        El derecho de autor existe autom\u00e1ticamente.\n        <strong>\n          Pero sin una prueba clara, demostrar la prioridad se vuelve dif\u00edcil.\n        <\/strong>\n\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-problem{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-problem-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-problem-glow-1{\n\n  width:340px;\n  height:340px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-120px;\n  left:-120px;\n}\n\n.tl-about-problem-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-problem-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1240px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-problem-head{\n\n  max-width:920px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-problem-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-problem-title{\n\n  font-size:clamp(2.8rem,5vw,5.2rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-problem-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-problem-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:24px;\n\n  margin-bottom:70px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-problem-card{\n\n  position:relative;\n\n  padding:\n    32px 28px;\n\n  border-radius:30px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    border-color .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-problem-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  border-color:\n    rgba(249,115,22,.16);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-problem-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-problem-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .38rem .65rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-problem-icon{\n\n  width:70px;\n  height:70px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.12),\n      rgba(255,255,255,.03)\n    );\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#fdba74;\n\n  font-size:1.8rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-problem-card h3{\n\n  font-size:1.18rem;\n\n  line-height:1.15;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-problem-card p{\n\n  font-size:.92rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.68);\n\n  margin:0;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-problem-quote{\n\n  max-width:920px;\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-problem-line{\n\n  width:120px;\n  height:1px;\n\n  margin:\n    0 auto\n    28px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(249,115,22,.6),\n      transparent\n    );\n}\n\n\/* =========================================================\nQUOTE TEXT\n========================================================= *\/\n\n.tl-about-problem-quote p{\n\n  margin:0;\n\n  font-size:1.2rem;\n  line-height:1.9;\n\n  color:rgba(255,255,255,.82);\n}\n\n.tl-about-problem-quote strong{\n\n  color:#ffffff;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-problem-grid{\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-problem-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-problem-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-problem-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-problem-grid{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-problem-card{\n\n    padding:28px 22px;\n  }\n\n  .tl-about-problem-quote p{\n\n    font-size:1rem;\n\n    line-height:1.8;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0735b08 elementor-widget elementor-widget-html\" data-id=\"0735b08\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 3\nWHY TUNELOCKR EXISTS\n========================================================= -->\n\n<section class=\"tl-about-origin\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-origin-glow tl-about-origin-glow-1\"><\/div>\n  <div class=\"tl-about-origin-glow tl-about-origin-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-origin-inner\">\n\n    <!-- =========================================================\n    LEFT\n    ========================================================== -->\n\n    <div class=\"tl-about-origin-content\">\n\n      <div class=\"tl-about-origin-badge\">\n        \ud83d\ude80 Por qu\u00e9 existe TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-origin-title\">\n\n        La protecci\u00f3n musical deb\u00eda ser instant\u00e1nea, moderna y accesible.\n\n      <\/h2>\n\n      <p class=\"tl-about-origin-text\">\n\n        Durante a\u00f1os, proteger una creaci\u00f3n significaba: procedimientos largos, plataformas complejas, pruebas dif\u00edciles de obtener y tr\u00e1mites a menudo desalentadores para los artistas independientes.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        Mientras tanto, las creaciones segu\u00edan circulando por todas partes: Discord, Dropbox, TikTok, WhatsApp, sellos, colaboradores, redes sociales y plataformas de streaming.\n\n      <\/p>\n\n      <p class=\"tl-about-origin-text\">\n\n        TuneLockr fue creado para responder a esta nueva realidad: permitir a los creadores proteger sus obras antes de que empiecen a circular.\n\n      <\/p>\n\n      <!-- QUOTE -->\n      <div class=\"tl-about-origin-quote\">\n\n        \u201cUna prueba sencilla, inmediata y segura deber\u00eda existir desde el primer intercambio.\u201d\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT\n    ========================================================== -->\n\n    <div class=\"tl-about-origin-side\">\n\n      <!-- CARD 1 -->\n      <div class=\"tl-about-origin-card\">\n\n        <div class=\"tl-about-origin-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          Instant\u00e1neo\n        <\/h3>\n\n        <p>\n\n          Dep\u00f3sito r\u00e1pido, prueba inmediata, protecci\u00f3n antes de la difusi\u00f3n.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"tl-about-origin-card tl-about-origin-card-center\">\n\n        <div class=\"tl-about-origin-live\">\n          Infraestructura moderna\n        <\/div>\n\n        <div class=\"tl-about-origin-icon\">\n          \ud83e\uddec\n        <\/div>\n\n        <h3>\n          Blockchain Tezos\n        <\/h3>\n\n        <p>\n\n          Trazado de tiempo seguro, certificado verificable y trazabilidad de las pruebas.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"tl-about-origin-card\">\n\n        <div class=\"tl-about-origin-icon\">\n          \ud83c\udf0d\n        <\/div>\n\n        <h3>\n          Pensado para creadores\n        <\/h3>\n\n        <p>\n\n          Artistas, beatmakers, productores, topliners, autores e independientes.\n\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-origin{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-origin-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-origin-glow-1{\n\n  width:360px;\n  height:360px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  top:-160px;\n  left:-120px;\n}\n\n.tl-about-origin-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-80px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-origin-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    1.1fr .9fr;\n\n  gap:70px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-origin-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-origin-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-origin-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 22px;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-origin-quote{\n\n  margin-top:38px;\n\n  padding:\n    28px 30px;\n\n  border-radius:28px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  border:\n    1px solid rgba(255,255,255,.05);\n\n  color:#ffffff;\n\n  font-size:1.05rem;\n  line-height:1.8;\n\n  font-weight:700;\n\n  letter-spacing:-0.02em;\n\n  box-shadow:\n    0 30px 70px rgba(15,23,42,.12);\n}\n\n\/* =========================================================\nSIDE\n========================================================= *\/\n\n.tl-about-origin-side{\n\n  display:grid;\n\n  gap:24px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-origin-card{\n\n  position:relative;\n\n  padding:\n    34px 30px;\n\n  border-radius:32px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.05);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-origin-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 64px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-origin-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  box-shadow:\n    0 30px 70px rgba(249,115,22,.08);\n}\n\n.tl-about-origin-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .42rem .75rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-origin-icon{\n\n  width:74px;\n  height:74px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff7ed,\n      #ffedd5\n    );\n\n  border:\n    1px solid rgba(249,115,22,.10);\n\n  box-shadow:\n    0 18px 40px rgba(249,115,22,.08);\n\n  font-size:1.9rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-origin-card h3{\n\n  font-size:1.3rem;\n\n  line-height:1.08;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-origin-card p{\n\n  font-size:.94rem;\n  line-height:1.85;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .tl-about-origin-inner{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-origin-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-origin-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-origin-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-origin-card{\n\n    padding:28px 24px;\n  }\n\n  .tl-about-origin-quote{\n\n    padding:24px;\n\n    font-size:.98rem;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05bdff2 e-flex e-con-boxed e-con e-parent\" data-id=\"05bdff2\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6b940b elementor-widget elementor-widget-html\" data-id=\"c6b940b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 4\nHOW THE PROOF WORKS\n========================================================= -->\n\n<section class=\"tl-about-proof\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-proof-glow tl-about-proof-glow-1\"><\/div>\n  <div class=\"tl-about-proof-glow tl-about-proof-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-proof-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-head\">\n\n      <div class=\"tl-about-proof-badge\">\n        \ud83e\uddec C\u00f3mo funciona la prueba\n      <\/div>\n\n      <h2 class=\"tl-about-proof-title\">\n\n        Una infraestructura moderna dise\u00f1ada para proteger las creaciones digitales.\n\n      <\/h2>\n\n      <p class=\"tl-about-proof-text\">\n\n        Cada dep\u00f3sito de TuneLockr genera una huella criptogr\u00e1fica \u00fanica, vinculada a tu creaci\u00f3n, y luego es fechada mediante una infraestructura de blockchain segura.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-timeline\">\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          01\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udcc2\n          <\/div>\n\n          <h3>\n            Dep\u00f3sito del archivo\n          <\/h3>\n\n          <p>\n\n            Tu m\u00fasica, beat, letra, proyecto de MAO o documento se env\u00eda a un espacio seguro.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          02\n        <\/div>\n\n        <div class=\"tl-about-proof-card tl-about-proof-card-center\">\n\n          <div class=\"tl-about-proof-live\">\n            Blockchain\n          <\/div>\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83e\uddec\n          <\/div>\n\n          <h3>\n            Creaci\u00f3n de la huella\n          <\/h3>\n\n          <p>\n\n            Se genera una firma criptogr\u00e1fica \u00fanica y luego se fecha en la blockchain de Tezos.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          03\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udcc4\n          <\/div>\n\n          <h3>\n            Certificado PDF\n          <\/h3>\n\n          <p>\n\n            Recibes una prueba con fecha, verificable y almacenada en tu espacio personal.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- STEP -->\n      <div class=\"tl-about-proof-step\">\n\n        <div class=\"tl-about-proof-number\">\n          04\n        <\/div>\n\n        <div class=\"tl-about-proof-card\">\n\n          <div class=\"tl-about-proof-icon\">\n            \ud83d\udd12\n          <\/div>\n\n          <h3>\n            Protecci\u00f3n duradera\n          <\/h3>\n\n          <p>\n\n            Tus certificados permanecen vinculados a tus creaciones y son accesibles en cualquier momento.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    BOTTOM\n    ========================================================== -->\n\n    <div class=\"tl-about-proof-bottom\">\n\n      <div class=\"tl-about-proof-quote\">\n\n        El contenido de tus obras permanece privado: solo se utiliza la huella criptogr\u00e1fica para crear la prueba.\n\n      <\/div>\n\n      <!-- TRUST -->\n      <div class=\"tl-about-proof-trust\">\n\n        <div class=\"tl-about-proof-pill\">\n          \u2714 Fechado seguro\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83e\uddec Blockchain Tezos\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83c\uddea\ud83c\uddfa Cumple eIDAS\n        <\/div>\n\n        <div class=\"tl-about-proof-pill\">\n          \ud83d\udd12 Archivos privados\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-proof{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-proof-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-proof-glow-1{\n\n  width:340px;\n  height:340px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-120px;\n  left:-120px;\n}\n\n.tl-about-proof-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-100px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-proof-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1280px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-proof-head{\n\n  max-width:920px;\n\n  margin:\n    0 auto\n    80px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-proof-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-proof-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-proof-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nTIMELINE\n========================================================= *\/\n\n.tl-about-proof-timeline{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:24px;\n\n  margin-bottom:80px;\n}\n\n\/* =========================================================\nSTEP\n========================================================= *\/\n\n.tl-about-proof-step{\n\n  position:relative;\n}\n\n\/* =========================================================\nNUMBER\n========================================================= *\/\n\n.tl-about-proof-number{\n\n  margin-bottom:16px;\n\n  color:\n    rgba(249,115,22,.8);\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-proof-card{\n\n  position:relative;\n\n  height:100%;\n\n  padding:\n    32px 28px;\n\n  border-radius:30px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-proof-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-proof-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-proof-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  padding:\n    .38rem .65rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.65rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.tl-about-proof-icon{\n\n  width:72px;\n  height:72px;\n\n  border-radius:24px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.12),\n      rgba(255,255,255,.03)\n    );\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#fdba74;\n\n  font-size:1.9rem;\n\n  margin-bottom:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-proof-card h3{\n\n  font-size:1.18rem;\n\n  line-height:1.15;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-proof-card p{\n\n  font-size:.92rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.68);\n\n  margin:0;\n}\n\n\/* =========================================================\nBOTTOM\n========================================================= *\/\n\n.tl-about-proof-bottom{\n\n  max-width:980px;\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\/* =========================================================\nQUOTE\n========================================================= *\/\n\n.tl-about-proof-quote{\n\n  margin-bottom:34px;\n\n  font-size:1.15rem;\n  line-height:1.9;\n\n  color:rgba(255,255,255,.84);\n\n  font-weight:600;\n}\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n.tl-about-proof-trust{\n\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n\n  gap:14px;\n}\n\n\/* =========================================================\nPILLS\n========================================================= *\/\n\n.tl-about-proof-pill{\n\n  padding:\n    .9rem 1rem;\n\n  border-radius:18px;\n\n  background:\n    rgba(255,255,255,.05);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  color:#ffffff;\n\n  font-size:.82rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-proof-timeline{\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-proof-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-proof-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-proof-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-proof-timeline{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-proof-card{\n\n    padding:28px 22px;\n  }\n\n  .tl-about-proof-quote{\n\n    font-size:1rem;\n\n    line-height:1.8;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4f04a6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4f04a6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-276b3ad elementor-widget elementor-widget-html\" data-id=\"276b3ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 ABOUT SECTION 5\nWHAT TUNELOCKR PROTECTS\nDIFFERENT \/ VISUAL \/ COMPLEMENTARY\n========================================================= -->\n\n<section class=\"tl-about-assets\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-assets-glow tl-about-assets-glow-1\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-assets-inner\">\n\n    <!-- =========================================================\n    LEFT VISUAL\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-visual\">\n\n      <!-- CENTRAL CIRCLE -->\n      <div class=\"tl-about-assets-core\">\n\n        <div class=\"tl-about-assets-core-icon\">\n          \ud83d\udee1\ufe0f\n        <\/div>\n\n        <div class=\"tl-about-assets-core-title\">\n          TuneLockr\n        <\/div>\n\n        <div class=\"tl-about-assets-core-sub\">\n          Protecci\u00f3n creativa\n        <\/div>\n\n      <\/div>\n\n      <!-- FLOATING ITEMS -->\n\n      <div class=\"tl-about-assets-float tl-float-1\">\n        \ud83c\udfb5 M\u00fasicas\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-2\">\n        \ud83c\udfa7 Beats\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-3\">\n        \ud83d\udcdd Letras\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-4\">\n        \ud83c\udfbc Partituras\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-5\">\n        \ud83d\udca1 Toplines\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-6\">\n        \ud83d\udcc2 Proyectos MAO\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-7\">\n        \ud83e\udd1d Splits\n      <\/div>\n\n      <div class=\"tl-about-assets-float tl-float-8\">\n        \ud83d\udcc4 Documentos\n      <\/div>\n\n    <\/div>\n\n    <!-- =========================================================\n    RIGHT CONTENT\n    ========================================================== -->\n\n    <div class=\"tl-about-assets-content\">\n\n      <div class=\"tl-about-assets-badge\">\n        \ud83c\udfa8 Lo que protege TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-assets-title\">\n\n        Toda creaci\u00f3n merece una prueba.\n\n      <\/h2>\n\n      <p class=\"tl-about-assets-text\">\n\n        TuneLockr no protege \u00fanicamente temas terminados. Las primeras ideas, maquetas, demos, toplines, proyectos en proceso, colaboraciones o documentos creativos tambi\u00e9n pueden ser depositados.\n\n      <\/p>\n\n      <p class=\"tl-about-assets-text\">\n\n        En realidad, la mayor\u00eda de los conflictos surgen mucho antes del lanzamiento oficial: durante el intercambio privado, una colaboraci\u00f3n, el env\u00edo de un beat o una difusi\u00f3n anticipada.\n\n      <\/p>\n\n      <!-- LIST -->\n      <div class=\"tl-about-assets-list\">\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 M\u00fasicas y masters\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Beats e instrumentales\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Toplines y melod\u00edas\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Textos y letras\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Stems y proyectos MAO\n        <\/div>\n\n        <div class=\"tl-about-assets-item\">\n          \u2714 Contratos y splits\n        <\/div>\n\n      <\/div>\n\n      <!-- CTA -->\n      <a href=\"https:\/\/app.tunelockr.com\/depot\"\n         class=\"tl-about-assets-btn\">\n\n        \ud83d\ude80 Depositar una creaci\u00f3n\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-assets{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5,\n      #ffffff\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-assets-glow{\n\n  position:absolute;\n\n  width:380px;\n  height:380px;\n\n  top:-140px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-assets-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    120px 24px;\n\n  display:grid;\n\n  grid-template-columns:\n    .95fr 1.05fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================================================\nVISUAL\n========================================================= *\/\n\n.tl-about-assets-visual{\n\n  position:relative;\n\n  width:100%;\n  height:640px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\/* =========================================================\nCORE\n========================================================= *\/\n\n.tl-about-assets-core{\n\n  position:relative;\n  z-index:3;\n\n  width:240px;\n  height:240px;\n\n  border-radius:999px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  background:\n    linear-gradient(\n      135deg,\n      #111827,\n      #0b0b0c\n    );\n\n  box-shadow:\n    0 40px 100px rgba(15,23,42,.18);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  text-align:center;\n}\n\n\/* =========================================================\nCORE ICON\n========================================================= *\/\n\n.tl-about-assets-core-icon{\n\n  font-size:3rem;\n\n  margin-bottom:12px;\n}\n\n\/* =========================================================\nCORE TEXT\n========================================================= *\/\n\n.tl-about-assets-core-title{\n\n  color:#ffffff;\n\n  font-size:1.4rem;\n  font-weight:900;\n\n  letter-spacing:-0.04em;\n}\n\n.tl-about-assets-core-sub{\n\n  margin-top:6px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:.84rem;\n}\n\n\/* =========================================================\nFLOATS\n========================================================= *\/\n\n.tl-about-assets-float{\n\n  position:absolute;\n\n  padding:\n    1rem 1.1rem;\n\n  border-radius:20px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 18px 40px rgba(15,23,42,.08);\n\n  color:#111827;\n\n  font-size:.86rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nPOSITIONS\n========================================================= *\/\n\n.tl-float-1{ top:40px; left:90px; }\n.tl-float-2{ top:120px; right:40px; }\n.tl-float-3{ top:280px; left:0; }\n.tl-float-4{ bottom:160px; right:10px; }\n.tl-float-5{ bottom:40px; left:120px; }\n.tl-float-6{ top:200px; right:120px; }\n.tl-float-7{ bottom:260px; left:80px; }\n.tl-float-8{ bottom:80px; right:90px; }\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-assets-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-assets-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-assets-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:\n    0 0 24px;\n}\n\n\/* =========================================================\nLIST\n========================================================= *\/\n\n.tl-about-assets-list{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:14px;\n\n  margin:\n    40px 0;\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-assets-item{\n\n  padding:\n    1rem 1rem;\n\n  border-radius:18px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 10px 24px rgba(15,23,42,.04);\n\n  color:#111827;\n\n  font-size:.88rem;\n  font-weight:750;\n}\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n.tl-about-assets-btn{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    1.05rem 1.45rem;\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f97316,\n      #fb923c\n    );\n\n  color:#ffffff;\n\n  text-decoration:none;\n\n  font-size:.94rem;\n  font-weight:900;\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.18);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-assets-btn:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 30px 64px rgba(249,115,22,.24);\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n  .tl-about-assets-inner{\n\n    grid-template-columns:1fr;\n\n    gap:70px;\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-assets-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-assets-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-assets-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-assets-visual{\n\n    height:520px;\n  }\n\n  .tl-about-assets-core{\n\n    width:180px;\n    height:180px;\n  }\n\n  .tl-about-assets-float{\n\n    font-size:.72rem;\n\n    padding:\n      .75rem .85rem;\n  }\n\n  .tl-about-assets-list{\n\n    grid-template-columns:1fr;\n  }\n\n  .tl-about-assets-btn{\n\n    width:100%;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e7eccf e-flex e-con-boxed e-con e-parent\" data-id=\"2e7eccf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66115e9 elementor-widget elementor-widget-html\" data-id=\"66115e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TEAM SECTION\nPREMIUM TEAM GRID\n========================================================= -->\n\n<section class=\"tl-about-team\">\n\n  <!-- GLOW -->\n  <div class=\"tl-about-team-glow\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-team-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-team-head\">\n\n      <div class=\"tl-about-team-badge\">\n        \ud83d\udc65 El equipo de TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-team-title\">\n\n        Un equipo apasionado por la protecci\u00f3n de los creadores.\n\n      <\/h2>\n\n      <p class=\"tl-about-team-text\">\n\n        Desarrolladores, creativos, especialistas en producto, blockchain y m\u00fasica: TuneLockr re\u00fane perfiles complementarios bajo una misma misi\u00f3n: proteger las creaciones digitales.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    GRID\n    ========================================================== -->\n\n    <div class=\"tl-about-team-grid\">\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Alex Mercer\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Alex Mercer\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            CEO y Visi\u00f3n de Producto\n          <\/div>\n\n          <p>\n\n            Visi\u00f3n de producto, infraestructura creativa y experiencia de usuario.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Sophie Klein\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Sophie Klein\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Legal &amp; Derechos de Autor\n          <\/div>\n\n          <p>\n\n            Derechos de autor, cumplimiento y protecci\u00f3n de obras digitales.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member tl-about-member-center\">\n\n        <div class=\"tl-about-member-live\">\n          Equipo Central\n        <\/div>\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Marcus Lee\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Marcus Lee\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Ingeniero Blockchain\n          <\/div>\n\n          <p>\n\n            Infraestructura Tezos, seguridad criptogr\u00e1fica y trazabilidad blockchain.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Lina Morel\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Lina Morel\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Alianzas Creativas\n          <\/div>\n\n          <p>\n\n            Relaci\u00f3n con artistas, comunidad creativa y colaboraciones.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      MEMBER\n      ========================================================== -->\n\n      <div class=\"tl-about-member\">\n\n        <div class=\"tl-about-member-image\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/images.unsplash.com\/photo-1504593811423-6dd665756598?q=80&w=1200&auto=format&fit=crop\"\n            alt=\"Daniel Scott\">\n\n        <\/div>\n\n        <div class=\"tl-about-member-content\">\n\n          <h3>\n            Daniel Scott\n          <\/h3>\n\n          <div class=\"tl-about-member-role\">\n            Seguridad &amp; Infraestructura\n          <\/div>\n\n          <p>\n\n            Arquitectura en la nube, confidencialidad y seguridad de datos.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-team{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fffaf5 0%,\n      #ffffff 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOW\n========================================================= *\/\n\n.tl-about-team-glow{\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  top:-180px;\n  right:-140px;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.08);\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-team-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1320px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-team-head{\n\n  max-width:900px;\n\n  margin:\n    0 auto\n    70px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-team-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  border:\n    1px solid rgba(249,115,22,.12);\n\n  color:#c2410c;\n\n  font-size:.74rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-team-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#111827;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-team-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:#374151;\n\n  margin:0;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.tl-about-team-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:22px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-member{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:34px;\n\n  background:#ffffff;\n\n  border:\n    1px solid rgba(15,23,42,.05);\n\n  box-shadow:\n    0 24px 54px rgba(15,23,42,.05);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-member:hover{\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 34px 70px rgba(15,23,42,.08);\n}\n\n\/* =========================================================\nCENTER\n========================================================= *\/\n\n.tl-about-member-center{\n\n  border:\n    1px solid rgba(249,115,22,.14);\n\n  box-shadow:\n    0 30px 70px rgba(249,115,22,.08);\n}\n\n.tl-about-member-live{\n\n  position:absolute;\n\n  top:18px;\n  right:18px;\n\n  z-index:3;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#111827;\n\n  color:#ffffff;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\nIMAGE\n========================================================= *\/\n\n.tl-about-member-image{\n\n  position:relative;\n\n  aspect-ratio:1\/1;\n\n  overflow:hidden;\n}\n\n.tl-about-member-image img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  display:block;\n}\n\n\/* =========================================================\nCONTENT\n========================================================= *\/\n\n.tl-about-member-content{\n\n  padding:\n    24px 22px 26px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-member-content h3{\n\n  font-size:1.08rem;\n\n  line-height:1.1;\n\n  letter-spacing:-0.03em;\n\n  font-weight:900;\n\n  color:#111827;\n\n  margin:\n    0 0 8px;\n}\n\n.tl-about-member-role{\n\n  color:#f97316;\n\n  font-size:.78rem;\n  font-weight:800;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n.tl-about-member-content p{\n\n  font-size:.88rem;\n  line-height:1.75;\n\n  color:#6b7280;\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:1200px){\n\n  .tl-about-team-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:768px){\n\n  .tl-about-team-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-team-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-team-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-team-grid{\n\n    grid-template-columns:1fr;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb4edf e-flex e-con-boxed e-con e-parent\" data-id=\"7fb4edf\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c47d2d6 elementor-widget elementor-widget-html\" data-id=\"c47d2d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================================\nTUNELOCKR \u2014 TIMELINE SECTION\nPREMIUM HISTORY TIMELINE\n========================================================= -->\n\n<section class=\"tl-about-timeline\">\n\n  <!-- GLOWS -->\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-1\"><\/div>\n  <div class=\"tl-about-timeline-glow tl-about-timeline-glow-2\"><\/div>\n\n  <!-- INNER -->\n  <div class=\"tl-about-timeline-inner\">\n\n    <!-- =========================================================\n    HEAD\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-head\">\n\n      <div class=\"tl-about-timeline-badge\">\n        \u23f3 La evoluci\u00f3n de TuneLockr\n      <\/div>\n\n      <h2 class=\"tl-about-timeline-title\">\n\n        Construir una infraestructura moderna para los creadores.\n\n      <\/h2>\n\n      <p class=\"tl-about-timeline-text\">\n\n        Desde sus inicios, TuneLockr evoluciona con una misi\u00f3n clara: hacer la protecci\u00f3n de las creaciones m\u00e1s r\u00e1pida, m\u00e1s accesible y adaptada a la era digital.\n\n      <\/p>\n\n    <\/div>\n\n    <!-- =========================================================\n    TIMELINE\n    ========================================================== -->\n\n    <div class=\"tl-about-timeline-wrap\">\n\n      <!-- LINE -->\n      <div class=\"tl-about-timeline-line\"><\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2019\n          <\/div>\n\n          <h3>\n            Primeros hallazgos\n          <\/h3>\n\n          <p>\n\n            Observaci\u00f3n de las dificultades que enfrentan los artistas independientes para probar la anterioridad de sus creaciones.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2020\n          <\/div>\n\n          <h3>\n            Desarrollo de la infraestructura\n          <\/h3>\n\n          <p>\n\n            Construcci\u00f3n de los primeros sistemas de dep\u00f3sito, huella criptogr\u00e1fica y sellado de tiempo seguro.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item tl-about-timeline-item-center\">\n\n        <div class=\"tl-about-timeline-dot tl-about-timeline-dot-active\"><\/div>\n\n        <div class=\"tl-about-timeline-live\">\n          Etapa clave\n        <\/div>\n\n        <div class=\"tl-about-timeline-card tl-about-timeline-card-center\">\n\n          <div class=\"tl-about-timeline-year\">\n            2022\n          <\/div>\n\n          <h3>\n            Integraci\u00f3n con la blockchain Tezos\n          <\/h3>\n\n          <p>\n\n            Despliegue de una infraestructura blockchain que permite un sellado de tiempo moderno, verificable y duradero.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            2024\n          <\/div>\n\n          <h3>\n            Crecimiento internacional\n          <\/h3>\n\n          <p>\n\n            Miles de creaciones protegidas en m\u00e1s de 170 pa\u00edses por artistas, beatmakers y productores.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- =========================================================\n      ITEM\n      ========================================================== -->\n\n      <div class=\"tl-about-timeline-item\">\n\n        <div class=\"tl-about-timeline-dot\"><\/div>\n\n        <div class=\"tl-about-timeline-card\">\n\n          <div class=\"tl-about-timeline-year\">\n            Hoy en d\u00eda\n          <\/div>\n\n          <h3>\n            Nueva generaci\u00f3n de protecci\u00f3n\n          <\/h3>\n\n          <p>\n\n            TuneLockr sigue evolucionando para acompa\u00f1ar a los creadores en un mundo dominado por la IA y los contenidos digitales.\n\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.tl-about-timeline{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      180deg,\n      #111827 0%,\n      #0b0b0c 100%\n    );\n\n  isolation:isolate;\n}\n\n\/* =========================================================\nGLOWS\n========================================================= *\/\n\n.tl-about-timeline-glow{\n\n  position:absolute;\n\n  border-radius:999px;\n\n  filter:blur(120px);\n\n  pointer-events:none;\n}\n\n.tl-about-timeline-glow-1{\n\n  width:380px;\n  height:380px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  top:-180px;\n  left:-120px;\n}\n\n.tl-about-timeline-glow-2{\n\n  width:260px;\n  height:260px;\n\n  background:\n    rgba(59,130,246,.05);\n\n  bottom:-120px;\n  right:-100px;\n}\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n.tl-about-timeline-inner{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1180px;\n\n  margin:0 auto;\n\n  padding:\n    110px 24px;\n}\n\n\/* =========================================================\nHEAD\n========================================================= *\/\n\n.tl-about-timeline-head{\n\n  max-width:860px;\n\n  margin:\n    0 auto\n    90px;\n\n  text-align:center;\n}\n\n\/* =========================================================\nBADGE\n========================================================= *\/\n\n.tl-about-timeline-badge{\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    .55rem .95rem;\n\n  border-radius:999px;\n\n  background:\n    rgba(249,115,22,.10);\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  color:#fdba74;\n\n  font-size:.72rem;\n  font-weight:850;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n\n  margin-bottom:28px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.tl-about-timeline-title{\n\n  font-size:clamp(2.8rem,5vw,5rem);\n\n  line-height:.94;\n\n  letter-spacing:-0.08em;\n\n  font-weight:950;\n\n  color:#ffffff;\n\n  margin:\n    0 0 28px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-text{\n\n  font-size:1.05rem;\n  line-height:1.95;\n\n  color:rgba(255,255,255,.74);\n\n  margin:0;\n}\n\n\/* =========================================================\nTIMELINE WRAP\n========================================================= *\/\n\n.tl-about-timeline-wrap{\n\n  position:relative;\n\n  display:flex;\n  flex-direction:column;\n\n  gap:34px;\n}\n\n\/* =========================================================\nLINE\n========================================================= *\/\n\n.tl-about-timeline-line{\n\n  position:absolute;\n\n  top:0;\n  bottom:0;\n  left:20px;\n\n  width:2px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(249,115,22,.5),\n      rgba(255,255,255,.08)\n    );\n}\n\n\/* =========================================================\nITEM\n========================================================= *\/\n\n.tl-about-timeline-item{\n\n  position:relative;\n\n  padding-left:70px;\n}\n\n\/* =========================================================\nDOT\n========================================================= *\/\n\n.tl-about-timeline-dot{\n\n  position:absolute;\n\n  top:28px;\n  left:11px;\n\n  width:20px;\n  height:20px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.16);\n\n  border:\n    3px solid #111827;\n\n  z-index:2;\n}\n\n\/* =========================================================\nACTIVE DOT\n========================================================= *\/\n\n.tl-about-timeline-dot-active{\n\n  background:#f97316;\n\n  box-shadow:\n    0 0 24px rgba(249,115,22,.7);\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.tl-about-timeline-card{\n\n  position:relative;\n\n  padding:\n    32px 34px;\n\n  border-radius:34px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.06);\n\n  backdrop-filter:blur(10px);\n\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease;\n}\n\n.tl-about-timeline-card:hover{\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 30px 60px rgba(0,0,0,.30);\n}\n\n\/* =========================================================\nCENTER CARD\n========================================================= *\/\n\n.tl-about-timeline-card-center{\n\n  border:\n    1px solid rgba(249,115,22,.16);\n\n  box-shadow:\n    0 24px 54px rgba(249,115,22,.08);\n}\n\n.tl-about-timeline-live{\n\n  position:absolute;\n\n  top:16px;\n  right:20px;\n\n  padding:\n    .42rem .72rem;\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:#111827;\n\n  font-size:.64rem;\n  font-weight:850;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n\n  z-index:3;\n}\n\n\/* =========================================================\nYEAR\n========================================================= *\/\n\n.tl-about-timeline-year{\n\n  color:#fdba74;\n\n  font-size:.82rem;\n  font-weight:900;\n\n  letter-spacing:.16em;\n  text-transform:uppercase;\n\n  margin-bottom:14px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.tl-about-timeline-card h3{\n\n  font-size:1.4rem;\n\n  line-height:1.05;\n\n  letter-spacing:-0.04em;\n\n  font-weight:900;\n\n  color:#ffffff;\n\n  margin:\n    0 0 14px;\n}\n\n.tl-about-timeline-card p{\n\n  font-size:.96rem;\n  line-height:1.85;\n\n  color:rgba(255,255,255,.70);\n\n  margin:0;\n}\n\n\/* =========================================================\nRESPONSIVE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .tl-about-timeline-inner{\n\n    padding:\n      80px 20px;\n  }\n\n  .tl-about-timeline-title{\n\n    font-size:2.5rem;\n\n    line-height:.98;\n  }\n\n  .tl-about-timeline-text{\n\n    font-size:.98rem;\n\n    line-height:1.8;\n  }\n\n  .tl-about-timeline-item{\n\n    padding-left:58px;\n  }\n\n  .tl-about-timeline-card{\n\n    padding:26px 24px;\n  }\n\n  .tl-about-timeline-card h3{\n\n    font-size:1.18rem;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8c3713 e-flex e-con-boxed e-con e-parent\" data-id=\"d8c3713\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1511593 elementor-widget elementor-widget-html\" data-id=\"1511593\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section id=\"tunelockr-eternal-proof\">\n\n  <div class=\"tlp-grid\">\n\n    <!-- VISUEL -->\n\n    <div class=\"tlp-visual\">\n\n      <div class=\"tlp-cert\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre7.png\"\n          alt=\"Certificado TuneLockr\"\n        >\n\n      <\/div>\n\n      <div class=\"tlp-storage\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/tunelockr.com\/wp-content\/uploads\/2024\/01\/Free-Photo-Free-photo-top-view-hard-drive-with-orange-light-2024-01-03-18-05-45.png\"\n          alt=\"Protecci\u00f3n Blockchain\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CONTENU -->\n\n    <div class=\"tlp-content\">\n\n      <div class=\"tlp-badge\">\n        Blockchain Tezos\n      <\/div>\n\n      <h2 class=\"tlp-title\">\n        Una protecci\u00f3n\n        <span>eterna.<\/span>\n      <\/h2>\n\n      <p class=\"tlp-text\">\n        Cada registro en TuneLockr queda guardado en la blockchain de Tezos para crear una prueba de anterioridad confiable, con sello de tiempo y verificable en cualquier momento.\n      <\/p>\n\n      <div class=\"tlp-list\">\n\n        <div class=\"tlp-item\">\n          \u2713 Sello de tiempo certificado\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Verificable en cualquier momento\n        <\/div>\n\n        <div class=\"tlp-item\">\n          \u2713 Protecci\u00f3n duradera\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tlp-proof\">\n\n        <strong>\n          El derecho de autor existe autom\u00e1ticamente.\n        <\/strong>\n\n        <p>\n          TuneLockr a\u00f1ade una prueba blockchain permanente que te permite demostrar tu anterioridad de forma sencilla.\n        <\/p>\n\n      <\/div>\n\n      <a\n        href=\"https:\/\/app.tunelockr.com\/depot\"\n        class=\"tlp-btn\"\n      >\n        \ud83d\udee1\ufe0f Proteger mi obra\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\n\/* =========================\nSECTION ISOL\u00c9E\n========================= *\/\n\n#tunelockr-eternal-proof{\n\n  padding:100px 24px;\n\n  background:\n  linear-gradient(\n    180deg,\n    #ffffff 0%,\n    #fffaf5 100%\n  );\n\n  overflow:hidden;\n}\n\n\/* =========================\nLAYOUT\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-grid{\n\n  max-width:1180px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1fr;\n\n  gap:90px;\n\n  align-items:center;\n}\n\n\/* =========================\nVISUELS\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-visual{\n\n  position:relative;\n}\n\n#tunelockr-eternal-proof .tlp-visual::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  border-radius:999px;\n\n  background:#fb923c;\n\n  opacity:.12;\n\n  filter:blur(120px);\n\n  top:50%;\n  left:50%;\n\n  transform:\n  translate(-50%,-50%);\n}\n\n\/* CERTIFICAT *\/\n\n#tunelockr-eternal-proof .tlp-cert{\n\n  position:relative;\n\n  z-index:2;\n\n  padding:24px;\n\n  border-radius:32px;\n\n  background:\n  rgba(255,255,255,.65);\n\n  backdrop-filter:\n  blur(10px);\n\n  border:\n  1px solid rgba(255,255,255,.7);\n\n  box-shadow:\n  0 30px 80px rgba(15,23,42,.08);\n}\n\n#tunelockr-eternal-proof .tlp-cert img{\n\n  width:100%;\n\n  display:block;\n}\n\n\/* IMAGE FLOTTANTE *\/\n\n#tunelockr-eternal-proof .tlp-storage{\n\n  position:absolute;\n\n  width:240px;\n\n  right:-10px;\n  bottom:-20px;\n\n  overflow:hidden;\n\n  border-radius:24px;\n\n  border:8px solid #fff;\n\n  box-shadow:\n  0 24px 60px rgba(15,23,42,.15);\n\n  z-index:3;\n}\n\n#tunelockr-eternal-proof .tlp-storage img{\n\n  width:100%;\n\n  display:block;\n}\n\n\/* =========================\nCONTENU\n========================= *\/\n\n#tunelockr-eternal-proof .tlp-badge{\n\n  display:inline-flex;\n\n  padding:10px 16px;\n\n  border-radius:999px;\n\n  background:#fff7ed;\n\n  color:#c2410c;\n\n  font-size:14px;\n\n  font-weight:700;\n\n  margin-bottom:20px;\n}\n\n#tunelockr-eternal-proof .tlp-title{\n\n  margin:0 0 20px;\n\n  font-size:clamp(42px,5vw,72px);\n\n  line-height:.95;\n\n  font-weight:900;\n\n  letter-spacing:-0.05em;\n\n  color:#0f172a;\n}\n\n#tunelockr-eternal-proof .tlp-title span{\n\n  display:block;\n\n  color:#f97316;\n}\n\n#tunelockr-eternal-proof .tlp-text{\n\n  margin:0 0 28px;\n\n  color:#475569;\n\n  font-size:17px;\n\n  line-height:1.9;\n}\n\n\/* LISTE *\/\n\n#tunelockr-eternal-proof .tlp-list{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:14px;\n\n  margin-bottom:32px;\n}\n\n#tunelockr-eternal-proof .tlp-item{\n\n  color:#0f172a;\n\n  font-weight:600;\n}\n\n\/* PREUVE *\/\n\n#tunelockr-eternal-proof .tlp-proof{\n\n  padding:24px;\n\n  border-radius:22px;\n\n  background:#fff;\n\n  border:\n  1px solid rgba(15,23,42,.06);\n\n  box-shadow:\n  0 12px 40px rgba(15,23,42,.05);\n\n  margin-bottom:30px;\n}\n\n#tunelockr-eternal-proof .tlp-proof strong{\n\n  display:block;\n\n  margin-bottom:8px;\n\n  color:#0f172a;\n}\n\n#tunelockr-eternal-proof .tlp-proof p{\n\n  margin:0;\n\n  color:#64748b;\n\n  line-height:1.8;\n}\n\n\/* CTA *\/\n\n#tunelockr-eternal-proof .tlp-btn{\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 24px;\n\n  border-radius:16px;\n\n  background:#f97316;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-weight:800;\n\n  transition:.25s;\n}\n\n#tunelockr-eternal-proof .tlp-btn:hover{\n\n  transform:\n  translateY(-2px);\n}\n\n\/* =========================\nMOBILE\n========================= *\/\n\n@media(max-width:980px){\n\n  #tunelockr-eternal-proof .tlp-grid{\n\n    grid-template-columns:1fr;\n\n    gap:60px;\n  }\n\n  #tunelockr-eternal-proof .tlp-storage{\n\n    position:relative;\n\n    width:100%;\n\n    right:auto;\n    bottom:auto;\n\n    margin-top:20px;\n  }\n\n  #tunelockr-eternal-proof .tlp-title{\n\n    font-size:42px;\n  }\n\n}\n\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udee1\ufe0f \u00c0 propos de TuneLockr Une cr\u00e9ation peut circuler dans le monde entier en quelques secondes. Aujourd\u2019hui, un beat, une topline, une d\u00e9mo ou une id\u00e9e musicale peut \u00eatre envoy\u00e9e, partag\u00e9e, repost\u00e9e ou r\u00e9utilis\u00e9e instantan\u00e9ment. Pourtant, la majorit\u00e9 des cr\u00e9ateurs ne disposent toujours pas d\u2019une preuve simple, rapide et moderne pour prot\u00e9ger leur travail avant [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6683,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5696","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/5696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/comments?post=5696"}],"version-history":[{"count":72,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/5696\/revisions"}],"predecessor-version":[{"id":8644,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/pages\/5696\/revisions\/8644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/media\/6683"}],"wp:attachment":[{"href":"https:\/\/tunelockr.com\/es\/wp-json\/wp\/v2\/media?parent=5696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}