@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Cormorant+SC:wght@600;700&display=swap');


  .lottc-root{
    --lottc-bg:#0a0a0a;
    --lottc-surface:#131310;
    --lottc-surface2:#181815;
    --lottc-ivory:#ece6d8;
    --lottc-muted:#8a8475;
    --lottc-faint:#4d4a40;
    --lottc-gold:#c79a3f;
    --lottc-gold-dim:#7d602a;
    --lottc-green:#3f7d4f;
    --lottc-green-bright:#4fae66;
    --lottc-line:#262420;
    --lottc-line-soft:#1c1a16;
    --ff-d: 'Cormorant SC', serif;
    --ff-b: 'Cormorant Garamond', serif;
    background:var(--lottc-bg);
    color:var(--lottc-ivory);
    width:100%;
    box-sizing:border-box;
    overflow-x:hidden;
    position:relative;
  }
  .lottc-root *{box-sizing:border-box;}
  .lottc-root .lottc-serif{font-family:'Cormorant Garamond', 'Cormorant SC', serif;}
  .lottc-root .lottc-mono{font-family:'JetBrains Mono',monospace;}

  .lottc-grain{
    position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;
    background-image:radial-gradient(circle at 1px 1px, #fff 1px, transparent 0);
    background-size:3px 3px;
  }

  /* ===== HERO ===== */
  .lottc-hero{
    position:relative;z-index:1;
    padding:6.5rem 6vw 4rem;
    border-bottom:1px solid var(--lottc-line);
    background:
      radial-gradient(ellipse 900px 500px at 85% -10%, rgba(199,154,63,.08), transparent 60%);
  }

  /* Fondo con imagen */
.lotsc-hero::before{
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.92) 0%,
            rgba(0, 0, 0, 0.80) 35%,
            rgba(0, 0, 0, 0.55) 65%,
            rgba(0, 0, 0, 0.70) 100%
        ),
        url('/empresas/transferencia-de-certificacion/assets/images/fondo_hero.png')
        center center / cover no-repeat;

    z-index: -2;
}
  .lottc-hero-eyebrow{
    display:flex;align-items:center;gap:.6rem;
    font-family:'JetBrains Mono',monospace;
    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--lottc-gold);margin-bottom:1.6rem;
  }
  .lottc-hero-eyebrow::before{
    content:'';width:7px;height:7px;border-radius:50%;
    background:var(--lottc-green-bright);
    box-shadow:0 0 0 0 rgba(79,174,102,.6);
    animation:lottc-pulse 2.2s infinite;
  }
  @keyframes lottc-pulse{
    0%{box-shadow:0 0 0 0 rgba(79,174,102,.55);}
    70%{box-shadow:0 0 0 9px rgba(79,174,102,0);}
    100%{box-shadow:0 0 0 0 rgba(79,174,102,0);}
  }
  .lottc-hero h1{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;
    font-weight:600;
    font-size:clamp(2.4rem,5.5vw,4.4rem);
    line-height:1.02;
    margin:0 0 1.3rem;
    letter-spacing:-.01em;
    max-width:15ch;
  }
  .lottc-hero h1 em{
    font-style:italic;color:var(--lottc-gold);font-weight:500;
  }
  .lottc-hero p{
    font-size:1.02rem;line-height:1.7;color:var(--lottc-muted);
    max-width:54ch;margin:0 0 2.6rem;
  }
  .lottc-hero p strong{color:var(--lottc-ivory);font-weight:500;}

  .lottc-stats-row{
    display:flex;flex-wrap:wrap;gap:1px;
    background:var(--lottc-line);
    border:1px solid var(--lottc-line);
    max-width:760px;
  }
  .lottc-stat{
    flex:1;min-width:170px;
    background:var(--lottc-surface);
    padding:1.3rem 1.4rem;
  }
  .lottc-stat-num{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:1.85rem;font-weight:600;color:var(--lottc-ivory);
    display:block;line-height:1.1;margin-bottom:.4rem;
  }
  .lottc-stat-num.lottc-green-txt{color:var(--lottc-green-bright);}
  .lottc-stat-label{
    font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lottc-muted);
  }

  /* ===== DEFINICION / BASE ===== */
  .lottc-legal{
    position:relative;z-index:1;
    padding:4rem 6vw;
    border-bottom:1px solid var(--lottc-line);
    display:grid;grid-template-columns:.85fr 1.4fr;gap:3.5rem;
    background:var(--lottc-surface);
  }
  .lottc-legal-side{position:relative;}
  .lottc-legal-tag{
    font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--lottc-gold);margin-bottom:1rem;display:block;
  }
  .lottc-legal-side h2{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:1.7rem;font-weight:600;line-height:1.2;margin:0;color:var(--lottc-ivory);
  }
  .lottc-legal-body p{
    font-size:.96rem;line-height:1.75;color:#bdb7a8;margin:0 0 1.1rem;
  }
  .lottc-legal-body p strong{color:var(--lottc-ivory);font-weight:500;}
  .lottc-clause{
    margin-top:1.4rem;
    border-left:2px solid var(--lottc-gold);
    padding:.95rem 1.3rem;
    background:rgba(199,154,63,.07);
    font-size:.92rem;line-height:1.7;color:#d8cfc2;
  }
  .lottc-clause b{color:var(--lottc-ivory);}

  /* ===== PROCESO / PASOS ===== */
  .lottc-process{
    position:relative;z-index:1;
    padding:4.5rem 6vw 1rem;
  }
  .lottc-process-head{margin-bottom:2.2rem;}
  .lottc-process-head h2{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:2rem;font-weight:600;margin:0;color:var(--lottc-ivory);
  }
  .lottc-process-head h2 span{color:var(--lottc-gold);}
  .lottc-process-sub{font-size:.85rem;color:var(--lottc-muted);margin-top:.4rem;max-width:60ch;}

  .lottc-steps{
    border-top:1px solid var(--lottc-line);
    margin-top:1rem;
  }
  .lottc-step{
    position:relative;
    display:grid;
    grid-template-columns:64px 1fr;
    align-items:start;
    gap:1.2rem;
    padding:1.4rem 1rem;
    border-bottom:1px solid var(--lottc-line-soft);
    transition:background .2s ease, padding-left .2s ease;
  }
  .lottc-step:hover{background:var(--lottc-surface);padding-left:1.4rem;}
  .lottc-step-num{
    font-family:'JetBrains Mono',monospace;
    font-size:.78rem;color:var(--lottc-faint);
    transition:color .2s ease;
    padding-top:.15rem;
  }
  .lottc-step:hover .lottc-step-num{color:var(--lottc-gold);}
  .lottc-step-body h3{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:1.05rem;font-weight:600;margin:0 0 .4rem;color:var(--lottc-ivory);
  }
  .lottc-step-body p{
    font-size:.92rem;line-height:1.7;color:#bdb7a8;margin:0;max-width:68ch;
  }

  /* ===== DOCUMENTO CTA ===== */
  .lottc-doc{
    position:relative;z-index:1;
    margin:3rem 6vw 0;
    border:1px solid var(--lottc-line);
    background:var(--lottc-surface2);
    padding:1.8rem 2rem;
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;
  }
  .lottc-doc-info{display:flex;align-items:center;gap:1rem;}
  .lottc-doc-icon{
    width:46px;height:46px;border-radius:50%;flex-shrink:0;
    border:1.5px solid var(--lottc-gold-dim);
    display:flex;align-items:center;justify-content:center;
  }
  .lottc-doc-icon svg{width:20px;height:20px;color:var(--lottc-gold);}
  .lottc-doc-title{font-size:.96rem;color:var(--lottc-ivory);font-weight:500;margin:0 0 .25rem;}
  .lottc-doc-sub{font-size:.78rem;color:var(--lottc-muted);margin:0;}
  .lottc-doc-link{
    display:inline-flex;align-items:center;gap:.6rem;
    font-family:'JetBrains Mono',monospace;
    font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
    color:var(--lottc-bg);background:var(--lottc-gold);
    padding:.85rem 1.3rem;text-decoration:none;flex-shrink:0;
    transition:background .2s ease;
  }
  .lottc-doc-link:hover{background:#dcb35a;}
  .lottc-doc-link svg{transition:transform .2s ease;}
  .lottc-doc-link:hover svg{transform:translateY(2px);}

  /* ===== ACREDITACION SEAL ===== */
  .lottc-seal{
    position:relative;z-index:1;
    margin:4rem 6vw 5rem;
    border:1px solid var(--lottc-line);
    background:var(--lottc-surface);
    padding:2.6rem 2.6rem;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:2.5rem;
    align-items:start;
  }
  .lottc-seal-mark{
    width:64px;height:64px;border-radius:50%;
    border:1.5px solid var(--lottc-gold-dim);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .lottc-seal-mark svg{width:30px;height:30px;color:var(--lottc-gold);}
  .lottc-seal h3{
    font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:1.35rem;font-weight:600;margin:0 0 .6rem;color:var(--lottc-ivory);
  }
  .lottc-seal p{font-size:.9rem;line-height:1.7;color:var(--lottc-muted);margin:0 0 1.5rem;max-width:64ch;}
  .lottc-seal-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;
    background:var(--lottc-line);border:1px solid var(--lottc-line);
  }
  .lottc-norm-cell{
    background:var(--lottc-surface2);padding:1rem 1.1rem;
    display:flex;flex-direction:column;gap:.5rem;
  }
  .lottc-norm-name{
    font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--lottc-ivory);
  }
  .lottc-norm-link{
    font-size:.74rem;color:var(--lottc-gold);text-decoration:none;letter-spacing:.02em;
    display:inline-flex;align-items:center;gap:.3rem;
  }
  .lottc-norm-link:hover{text-decoration:underline;}
  .lottc-seal-note{
    font-size:.78rem;color:var(--lottc-faint);margin-top:1.4rem;line-height:1.6;max-width:70ch;
  }

  @media (max-width:760px){
    .lottc-hero{padding:4.5rem 5vw 3rem;}
    .lottc-legal{grid-template-columns:1fr;gap:2rem;padding:3rem 5vw;}
    .lottc-process{padding:3rem 5vw 1rem;}
    .lottc-doc{margin:3rem 5vw 0;padding:1.5rem;flex-direction:column;align-items:flex-start;}
    .lottc-doc-link{width:100%;justify-content:center;}
    .lottc-seal{grid-template-columns:1fr;margin:3rem 5vw;padding:2rem;}
  }

  @media (prefers-reduced-motion:reduce){
    .lottc-hero-eyebrow::before{animation:none;}
    .lottc-step,.lottc-doc-link svg{transition:none;}
  }