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


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

.lotsc-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 ===== */
.lotsc-hero{
    position: relative;
    z-index: 1;
    overflow: hidden;

    padding: 6.5rem 6vw 4rem;
    border-bottom: 1px solid var(--lotsc-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/suspension-de-certificacion/assets/images/fondo_hero.png')
        center center / cover no-repeat;

    z-index: -2;
}

/* Textura opcional estilo dashboard premium */
.lotsc-hero::after{
    content: "";
    position: absolute;
    inset: 0;

    background:
        repeating-linear-gradient(
            180deg,
            rgba(255,255,255,.015) 0,
            rgba(255,255,255,.015) 1px,
            transparent 1px,
            transparent 4px
        );

    opacity: .35;
    pointer-events: none;
    z-index: -1;
}
.lotsc-hero-eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 12px;

    color: #00e5ff;
    font-size: 0.78rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.45em;

    position: relative;
}

/* Cuadrado celeste */
.lotsc-hero-eyebrow::before{
    content: "";
    width: 10px;
    height: 10px;
    background: #00e5ff;
    box-shadow: 0 0 12px rgba(0,229,255,.8);
    flex-shrink: 0;
}

/* Punto animado */
.lotsc-hero-eyebrow::after{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00e5ff;
    box-shadow: 0 0 8px rgba(0,229,255,.9);
    margin-left: 6px;
}
.lotsc-hero-eyebrow.is-off::after{
    opacity: 0.15;
    box-shadow: none;
}
@keyframes lotsc-pulse{
0%{box-shadow:0 0 0 0 rgba(200,74,63,.55);}
70%{box-shadow:0 0 0 9px rgba(200,74,63,0);}
100%{box-shadow:0 0 0 0 rgba(200,74,63,0);}
}
.lotsc-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:14ch;
}
.lotsc-hero h1 em{
font-style:italic;color:var(--lotsc-gold);font-weight:500;
}
.lotsc-hero p{
font-size:1.02rem;line-height:1.7;color:var(--lotsc-muted);
max-width:48ch;margin:0 0 2.6rem;text-align:justify;text-align-last:start;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;word-break:normal;overflow-wrap:break-word;
}
.lotsc-hero p strong{color:var(--lotsc-ivory);font-weight:500;}

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

/* ===== MOTIVO / BASE LEGAL ===== */
.lotsc-legal{
position:relative;z-index:1;
padding:4rem 6vw;
border-bottom:1px solid var(--lotsc-line);
display:grid;grid-template-columns:1fr;gap:1.5rem;
background:var(--lotsc-surface);
}

.lotsc-legal-side{position:relative;}
.lotsc-legal-tag{
font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
color:var(--lotsc-gold);margin-bottom:1rem;display:block;
}
.lotsc-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(--lotsc-ivory);
}
.lotsc-legal-body p{
font-size:.96rem;line-height:1.75;color:#bdb7a8;margin:0 0 1.1rem;text-align:justify;text-align-last:start;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;word-break:normal;overflow-wrap:break-word;
}
.lotsc-legal-body p strong{color:var(--lotsc-ivory);font-weight:500;}
.lotsc-clause{
margin-top:1.4rem;
border-left:2px solid var(--lotsc-red);
padding:.95rem 1.3rem;
background:rgba(163,59,53,.07);
font-size:.92rem;line-height:1.7;color:#d8cfc2;
}
.lotsc-clause b{color:var(--lotsc-ivory);}

/* ===== ARCHIVO / SEARCH ===== */
.lotsc-archive{
position:relative;z-index:1;
padding:4.5rem 6vw 2rem;
}
.lotsc-archive-head{
display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:1rem;
margin-bottom:2.2rem;
}
.lotsc-archive-head h2{
font-family:'Cormorant Garamond', 'Cormorant SC', serif;font-size:2rem;font-weight:600;margin:0;color:var(--lotsc-ivory);
}
.lotsc-archive-head h2 span{color:var(--lotsc-gold);}
.lotsc-archive-sub{font-size:.85rem;color:var(--lotsc-muted);margin-top:.4rem;text-align:justify;text-align-last:start;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;word-break:normal;overflow-wrap:break-word;}

.lotsc-search-wrap{
position:relative;
border:1px solid var(--lotsc-line);
background:var(--lotsc-surface2);
display:flex;align-items:center;
padding:0 1rem;
min-width:300px;
transition:border-color .25s ease;
}
.lotsc-search-wrap:focus-within{border-color:var(--lotsc-gold-dim);}
.lotsc-search-wrap svg{flex-shrink:0;opacity:.55;}
.lotsc-search-input{
background:transparent;border:none;outline:none;color:var(--lotsc-ivory);
font-family:'JetBrains Mono',monospace;font-size:.88rem;
padding:.95rem .8rem;width:100%;
}
.lotsc-search-input::placeholder{color:var(--lotsc-faint);}
.lotsc-search-count{
font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--lotsc-gold);
border-left:1px solid var(--lotsc-line);padding-left:.9rem;white-space:nowrap;
}

/* ===== LEDGER LIST ===== */
.lotsc-ledger{
border-top:1px solid var(--lotsc-line);
margin-top:1rem;
}
.lotsc-row{
position:relative;
display:grid;
grid-template-columns:64px 1fr auto;
align-items:center;
gap:1.2rem;
padding:1.05rem 1rem;
border-bottom:1px solid var(--lotsc-line-soft);
text-decoration:none;
color:inherit;
overflow:hidden;
transition:background .2s ease, padding-left .2s ease;
}
.lotsc-row:hover{background:var(--lotsc-surface);padding-left:1.4rem;}
.lotsc-row.lotsc-hide{display:none;}

.lotsc-row-num{
font-family:'JetBrains Mono',monospace;
font-size:.78rem;color:var(--lotsc-faint);
transition:color .2s ease;
}
.lotsc-row:hover .lotsc-row-num{color:var(--lotsc-gold);}

.lotsc-row-name{
font-size:.96rem;
line-height:1.4;
color:var(--lotsc-ivory);
font-weight:400;
letter-spacing:.005em;
padding-right:1rem;
}
.lotsc-row-name mark{
background:transparent;color:var(--lotsc-gold);font-weight:500;
}

.lotsc-row-action{
display:flex;align-items:center;gap:.6rem;
font-family:'JetBrains Mono',monospace;
font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--lotsc-muted);
white-space:nowrap;
flex-shrink:0;
}
.lotsc-row-action svg{transition:transform .2s ease;opacity:.7;}
.lotsc-row:hover .lotsc-row-action{color:var(--lotsc-ivory);}
.lotsc-row:hover .lotsc-row-action svg{transform:translateY(2px);opacity:1;}

.lotsc-stamp{
position:absolute;
right:7%;
top:50%;
transform:translateY(-50%) rotate(-11deg) scale(.7);
font-family:'JetBrains Mono',monospace;
font-size:.62rem;letter-spacing:.14em;
color:var(--lotsc-red-bright);
border:1.5px solid var(--lotsc-red-bright);
padding:.2rem .55rem;
border-radius:3px;
opacity:0;
pointer-events:none;
transition:opacity .25s ease, transform .25s ease;
background:rgba(163,59,53,.06);
}
.lotsc-row:hover .lotsc-stamp{opacity:.85;transform:translateY(-50%) rotate(-11deg) scale(1);}

.lotsc-empty{
display:none;
padding:3.5rem 1rem;text-align:center;color:var(--lotsc-muted);
font-family:'JetBrains Mono',monospace;font-size:.85rem;
}
.lotsc-empty.lotsc-show{display:block;}

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

@media (max-width:760px){
.lotsc-hero{padding:4.5rem 5vw 3rem;}
.lotsc-legal{grid-template-columns:1fr;gap:2rem;padding:3rem 5vw;}
.lotsc-archive{padding:3rem 5vw 1rem;}
.lotsc-archive-head{flex-direction:column;align-items:flex-start;}
.lotsc-search-wrap{width:100%;}
.lotsc-row{grid-template-columns:40px 1fr;}
.lotsc-row-action{display:none;}
.lotsc-stamp{display:none;}
.lotsc-seal{grid-template-columns:1fr;margin:3rem 5vw;padding:2rem;}
}

@media (prefers-reduced-motion:reduce){
.lotsc-hero-eyebrow::before{animation:none;}
.lotsc-row,.lotsc-stamp,.lotsc-row-action svg{transition:none;}
}