:root{
 --bg:#02080e;--bg2:#06121a;--panel:#0a1821;--panel2:#0d202a;--text:#f5f8fa;--muted:#a9b6bf;
 --teal:#08c3be;--teal2:#00a9a3;--line:#173641;--green:#42d392;--amber:#ffcb6b;--red:#ff8a8a;
 --max:1180px;--shadow:0 24px 70px rgba(0,0,0,.26)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),820px);margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(2,8,14,.94);border-bottom:1px solid rgba(23,54,65,.85);backdrop-filter:blur(14px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}.brand-symbol{width:42px;height:42px;object-fit:contain}.brand-copy{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand-main{font-weight:800;letter-spacing:.19em;font-size:1.03rem}.brand-by{color:var(--teal);font-weight:800;letter-spacing:.11em;font-size:.72rem}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{text-decoration:none;color:#dce4e9;font-weight:650;font-size:.94rem}.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--teal)}.nav-cta{padding:10px 16px;border:1px solid var(--teal)!important;border-radius:10px;color:#041014!important;background:var(--teal)}.nav-access{color:#fff!important}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;padding:10px;cursor:pointer}.nav-toggle span:not(.sr-only){display:block;height:2px;background:#eef4f7;margin:5px 0}
.hero{padding:82px 0 70px;background:radial-gradient(circle at 82% 20%,rgba(8,195,190,.10),transparent 30%),linear-gradient(180deg,#031018 0%,#02080e 100%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}.eyebrow{margin:0 0 13px;color:var(--teal);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:850}.hero h1,.page-hero h1{font-size:clamp(2.9rem,5.5vw,5.15rem);line-height:.99;letter-spacing:-.055em;margin:0 0 25px;max-width:820px}.hero-text{font-size:1.21rem;line-height:1.7;color:#c2ccd3;max-width:720px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid var(--line);transition:.18s ease}.btn-primary{background:var(--teal);color:#041014;border-color:var(--teal)}.btn-primary:hover{background:#1bd1cc}.btn-secondary{background:transparent;color:#fff}.btn-secondary:hover{border-color:#3f6470}.status-line{display:flex;gap:10px;align-items:center;color:#b9c5cb;margin-top:20px;font-size:.91rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(255,203,107,.1)}
.hero-visual{position:relative}.device-card{background:linear-gradient(145deg,#0c2029,#07131b);border:1px solid #1b4450;border-radius:24px;padding:15px;box-shadow:var(--shadow);transform:rotate(.5deg)}.device-card img{display:block;border-radius:14px}.mini-note{position:absolute;right:-14px;bottom:-28px;background:#07151d;border:1px solid #1b4551;border-radius:14px;padding:14px 17px;max-width:250px;box-shadow:var(--shadow);font-size:.86rem;color:#b9c5cb}.mini-note strong{display:block;color:#fff;margin-bottom:2px}
.section{padding:76px 0;border-top:1px solid rgba(23,54,65,.45)}.section-alt{background:#041019}.section-heading{max-width:790px;margin-bottom:36px}.section-heading h2,.content h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 15px}.section-heading p{color:var(--muted);font-size:1.06rem;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:26px}.card h3{font-size:1.19rem;margin:8px 0 9px}.card p{color:var(--muted);margin:0}.card-index{color:var(--teal);font-weight:850;font-size:.74rem;letter-spacing:.18em}.icon-chip{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:rgba(8,195,190,.10);border:1px solid rgba(8,195,190,.25);color:var(--teal);font-weight:900}.link-arrow{display:inline-flex;margin-top:16px;color:var(--teal);font-weight:750;text-decoration:none}.link-arrow:after{content:'→';margin-left:7px}
.problem-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.problem{border-top:2px solid var(--teal);padding:16px 12px 0;color:#c4ced4}.problem strong{color:#fff;display:block;margin-bottom:4px}
.product-showcase{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}.feature-pill{border:1px solid #21434f;background:#081821;border-radius:12px;padding:12px 13px;color:#dce5ea}.screenshot-frame{border:1px solid #1a404c;border-radius:18px;background:#07151d;padding:12px;box-shadow:var(--shadow)}.screenshot-frame img{display:block;border-radius:11px;width:100%}
.normativa-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-card{border-radius:16px;padding:25px;border:1px solid}.status-card.vigente{background:rgba(66,211,146,.07);border-color:rgba(66,211,146,.35)}.status-card.propuesto{background:rgba(255,203,107,.065);border-color:rgba(255,203,107,.34)}.status-label{font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:10px}.vigente .status-label{color:var(--green)}.propuesto .status-label{color:var(--amber)}.status-card h3{font-size:1.42rem;margin:0 0 10px}.status-card ul{margin:12px 0 0;padding-left:18px;color:#c1ccd2}.review-date{color:#8297a2;font-size:.86rem;margin-top:18px}.source-note{background:#07151d;border-left:3px solid var(--teal);padding:15px 17px;color:#b9c5cb;border-radius:0 10px 10px 0}
.latest-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.article-card{display:block;text-decoration:none;border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:15px}.article-card:hover{border-color:#285866}.article-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#8398a3;font-size:.79rem}.tag{display:inline-flex;padding:4px 8px;border-radius:99px;border:1px solid #254a55;color:#9fdedb}.article-card h3{font-size:1.28rem;line-height:1.22;margin:12px 0 9px}.article-card p{margin:0;color:var(--muted)}
.cta-band{background:linear-gradient(135deg,rgba(8,195,190,.15),rgba(8,195,190,.03));border:1px solid #1c525c;border-radius:20px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band h2{font-size:2rem;margin:0 0 8px}.cta-band p{margin:0;color:var(--muted)}
.page-hero{padding:62px 0 50px;background:radial-gradient(circle at 80% 0%,rgba(8,195,190,.08),transparent 35%)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:970px}.page-hero p.lead{font-size:1.15rem;color:#c0cbd1;max-width:820px}.breadcrumbs{font-size:.82rem;color:#8499a3;margin-bottom:20px}.breadcrumbs a{color:#a5b5bd;text-decoration:none}.breadcrumbs span{margin:0 7px;color:#47606b}
.content{max-width:850px}.content h2{font-size:2rem;margin-top:48px}.content h3{font-size:1.35rem;margin-top:30px}.content p,.content li{color:#c1ccd2}.content a{color:var(--teal)}.content strong{color:#fff}.content ul,.content ol{padding-left:22px}.content blockquote{margin:24px 0;padding:16px 18px;border-left:3px solid var(--teal);background:#07151d;color:#c9d3d8}.content-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem}.content-table th,.content-table td{padding:12px 13px;border:1px solid var(--line);vertical-align:top}.content-table th{background:#0b1b24;color:#fff;text-align:left}.content-table td{color:#c0cbd1}.legal-disclaimer{margin:34px 0;padding:15px 17px;border:1px solid #2c3e46;border-radius:11px;color:#9dafb8;font-size:.88rem}.official-sources{margin-top:34px;padding:20px;border:1px solid var(--line);background:#07151d;border-radius:14px}.official-sources h3{margin-top:0}.official-sources li{margin:8px 0}.updated{display:inline-flex;align-items:center;gap:7px;margin:4px 0 0;color:#93a6af;font-size:.85rem}.updated:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--teal)}
.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:17px 19px}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin:12px 0 2px}
.site-footer{border-top:1px solid var(--line);padding:52px 0 30px;background:#01070c}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:35px}.footer-brand{font-weight:850;letter-spacing:.16em}.footer-by{color:var(--teal)}.footer-grid p{color:#899ca6}.footer-links{display:grid;gap:9px}.footer-links a{color:#aab9c0;text-decoration:none}.footer-links a:hover{color:var(--teal)}.footer-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#e8eef1;font-weight:850;margin-bottom:12px}.footer-bottom{border-top:1px solid #10252e;margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#71858f;font-size:.83rem}.footer-bottom a{color:#8ba0aa}
@media(max-width:960px){.main-nav{gap:15px}.hero-grid,.product-showcase,.latest-grid{grid-template-columns:1fr}.hero-visual{max-width:760px}.mini-note{right:8px}.grid-3{grid-template-columns:1fr 1fr}.problem-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){html{scroll-padding-top:76px}.container,.narrow{width:min(calc(100% - 28px),var(--max))}.site-header{position:sticky}.header-inner{min-height:72px}.brand-symbol{width:36px;height:36px}.brand-main{font-size:.91rem}.brand-by{font-size:.64rem}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:14px;right:14px;padding:12px;background:#07151d;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:11px 12px;border-radius:8px}.nav-cta{text-align:center}.hero{padding:52px 0 48px}.hero-grid{gap:34px}.hero h1,.page-hero h1{font-size:clamp(2.35rem,11vw,3.25rem);line-height:1.01}.hero-text{font-size:1.04rem}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.mini-note{position:relative;right:auto;bottom:auto;margin-top:10px;max-width:none}.section{padding:56px 0}.grid-3,.grid-2,.normativa-box{grid-template-columns:1fr}.problem-strip{grid-template-columns:1fr 1fr}.product-showcase{gap:28px}.feature-list{grid-template-columns:1fr 1fr}.cta-band{display:block;padding:26px}.cta-band .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.content-table{display:block;overflow-x:auto}.page-hero{padding:42px 0 35px}.content h2{font-size:1.75rem}.screenshot-frame{padding:8px}}
@media(max-width:430px){.brand-copy{gap:5px}.brand-main{letter-spacing:.13em;font-size:.82rem}.brand-by{letter-spacing:.07em;font-size:.58rem}.problem-strip,.feature-list{grid-template-columns:1fr}.section-heading h2{font-size:2rem}.hero h1{font-size:2.45rem}.status-line{align-items:flex-start}.card{padding:21px}.product-showcase .feature-list{grid-template-columns:1fr 1fr}.feature-pill{padding:10px 8px;font-size:.83rem;text-align:center}.footer-bottom{font-size:.78rem}}


/* ==========================================================
   FICHAJES WEB V1.2 · SEGURIDAD, COMPATIBILIDAD Y AJUSTES
   ========================================================== */

/* Menos aire entre la cabecera de páginas interiores y su contenido. */
.page-hero {
  padding-bottom: 34px;
}
.page-hero + .section {
  padding-top: 52px;
}

/* La captura de Fichajes V1.2 es más panorámica y se centra. */
.screenshot-frame img[src*="captura-fichajes-v12"] {
  aspect-ratio: 1500 / 758;
  object-fit: cover;
  object-position: center top;
}

/* Pruebas técnicas resumidas en portada. */
.security-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 20px 0 6px;
}
.security-proof {
  min-width: 0;
  border: 1px solid #1e4652;
  border-radius: 14px;
  padding: 18px;
  background: linear-gradient(145deg, rgba(8,195,190,.07), rgba(7,21,29,.6));
}
.security-proof-value {
  display: block;
  color: var(--teal);
  font-size: 1.15rem;
  line-height: 1.1;
  margin-bottom: 7px;
  overflow-wrap: anywhere;
}
.security-proof-title {
  display: block;
  color: #fff;
  font-weight: 800;
  margin-bottom: 8px;
}
.security-proof p {
  margin: 0;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.48;
}

/* Página de seguridad. */
.security-layer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 34px 0 40px;
}
.security-layer {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
  padding: 24px;
}
.security-layer-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(8,195,190,.09);
  border: 1px solid rgba(8,195,190,.25);
  color: var(--teal);
  font-weight: 900;
  margin-bottom: 18px;
}
.security-layer h3 {
  margin: 0 0 10px;
  font-size: 1.12rem;
}
.security-layer p {
  margin: 0;
  color: var(--muted);
}

.security-chain {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 14px;
  border: 1px solid #1b4551;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0, rgba(8,195,190,.09), transparent 55%),
    #06131b;
  padding: 24px;
  margin: 0 0 54px;
}
.chain-node {
  min-width: 0;
  text-align: center;
  border: 1px solid #21434f;
  border-radius: 13px;
  padding: 18px 10px;
  background: #081821;
}
.chain-node span {
  display: block;
  color: var(--teal);
  font-weight: 900;
  margin-bottom: 4px;
}
.chain-node strong,
.chain-node small {
  display: block;
}
.chain-node small {
  margin-top: 4px;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.chain-arrow {
  color: var(--teal);
  font-size: 1.8rem;
  font-weight: 900;
}

.security-two-col {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 38px;
  align-items: start;
  margin: 0 0 50px;
}
.security-aside {
  border: 1px solid #1e4652;
  border-radius: 16px;
  padding: 25px;
  background: linear-gradient(145deg, rgba(8,195,190,.08), #07151d);
}
.security-aside ul {
  padding-left: 19px;
  margin: 8px 0 0;
  color: #c7d1d6;
}
.security-aside li + li {
  margin-top: 10px;
}
.technical-list code {
  color: #7ee7e3;
  font-size: .9em;
  overflow-wrap: anywhere;
}

.security-honesty {
  border-left: 4px solid var(--amber);
  border-radius: 0 16px 16px 0;
  background: rgba(255,203,107,.055);
  padding: 27px 30px;
  margin: 0 0 50px;
}
.security-honesty h2 {
  margin: 0 0 10px;
  font-size: clamp(1.7rem,3vw,2.5rem);
}
.security-honesty p:last-child {
  color: #c4ced3;
  margin-bottom: 0;
}

.security-account {
  margin-bottom: 0;
}
.security-account-points {
  display: grid;
  gap: 11px;
}
.security-account-points > div {
  border: 1px solid #21434f;
  border-radius: 13px;
  padding: 15px 17px;
  background: #081821;
}
.security-account-points strong,
.security-account-points span {
  display: block;
}
.security-account-points strong {
  color: var(--teal);
  margin-bottom: 3px;
}
.security-account-points span {
  color: var(--muted);
  font-size: .9rem;
}

@media (max-width: 1080px) {
  .security-proof-grid,
  .security-layer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .page-hero {
    padding-bottom: 26px;
  }
  .page-hero + .section {
    padding-top: 40px;
  }

  .security-proof-grid,
  .security-layer-grid,
  .security-two-col {
    grid-template-columns: 1fr;
  }

  .security-chain {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .chain-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }

  .security-layer,
  .security-aside,
  .security-honesty {
    padding: 21px;
  }
}

@media (max-width: 430px) {
  .security-proof-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   V1.3 HOTFIX · RESUMEN DE SEGURIDAD EN PORTADA
   ========================================================== */
.security-summary-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 22px 0 8px;
}
.security-summary-card {
  flex: 1 1 calc(25% - 18px);
  min-width: 235px;
}
.security-summary-card h3 {
  min-height: 2.6em;
}
.security-summary-card p {
  margin-bottom: 0;
}

@media (max-width: 1080px) {
  .security-summary-card {
    flex-basis: calc(50% - 18px);
  }
}

@media (max-width: 640px) {
  .security-summary-grid {
    gap: 14px;
  }
  .security-summary-card {
    flex-basis: 100%;
    min-width: 0;
  }
  .security-summary-card h3 {
    min-height: 0;
  }
}


/* ==========================================================
   FICHAJES PRODUCCIÓN V1.4 · AJUSTE FINAL MÓVIL
   - Cabecera móvil más compacta.
   - Menos espacio vertical entre secciones.
   - Seguridad: 3 tarjetas principales + 4 técnicas en rejilla 2x2.
   - Escritorio/tablet grande permanecen sin cambios.
   ========================================================== */

@media (max-width: 760px) {

  html {
    scroll-padding-top: 64px;
  }

  /* Cabecera móvil: misma identidad, menos altura permanente. */
  .header-inner {
    min-height: 62px;
  }

  .brand {
    gap: 10px;
  }

  .brand-symbol {
    width: 31px;
    height: 31px;
  }

  .brand-main {
    font-size: .84rem;
    letter-spacing: .16em;
  }

  .brand-by {
    font-size: .59rem;
    letter-spacing: .09em;
  }

  .nav-toggle {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 9px;
  }

  .nav-toggle span:not(.sr-only) {
    margin: 4px 0;
  }

  .main-nav {
    top: 62px;
  }

  /* Reducimos aproximadamente un 12-15 % el aire global. */
  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-heading {
    margin-bottom: 29px;
  }

  .hero {
    padding-top: 46px;
    padding-bottom: 43px;
  }

  .page-hero {
    padding-top: 36px;
    padding-bottom: 27px;
  }

  .page-hero + .section {
    padding-top: 35px;
  }

  .cta-band {
    padding: 23px;
  }

  .site-footer {
    padding-top: 44px;
  }

  /* --------------------------------------------------------
     Resumen de seguridad de la PORTADA
     1-3: explicativos a ancho completo.
     4-7: técnicos y compactos en 2x2.
     -------------------------------------------------------- */
  .security-summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .security-summary-card {
    min-width: 0;
    padding: 17px;
  }

  .security-summary-card:nth-child(-n+3) {
    grid-column: 1 / -1;
    padding: 20px;
  }

  .security-summary-card:nth-child(n+4) {
    min-height: 0;
  }

  .security-summary-card:nth-child(n+4) .icon-chip {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    font-size: .82rem;
  }

  .security-summary-card:nth-child(n+4) h3 {
    min-height: 0;
    margin-top: 10px;
    margin-bottom: 7px;
    font-size: .97rem;
    line-height: 1.28;
  }

  .security-summary-card:nth-child(n+4) p {
    font-size: .82rem;
    line-height: 1.42;
  }

  /* La página específica de seguridad conserva detalle,
     pero comprime las cuatro capas iniciales en móvil. */
  .security-layer-grid {
    gap: 11px;
    margin-top: 27px;
    margin-bottom: 34px;
  }

  .security-layer {
    padding: 19px;
  }

  .security-layer-num {
    width: 34px;
    height: 34px;
    margin-bottom: 13px;
  }

  .security-layer h3 {
    font-size: 1.03rem;
  }

  .security-chain {
    margin-bottom: 42px;
  }

  .security-two-col,
  .security-honesty {
    margin-bottom: 42px;
  }
}

@media (max-width: 430px) {

  .brand-main {
    font-size: .78rem;
    letter-spacing: .13em;
  }

  .brand-by {
    font-size: .55rem;
    letter-spacing: .06em;
  }

  /* Mantener 2x2 para las cuatro tarjetas técnicas.
     Sus textos se han diseñado para admitir dos o tres líneas. */
  .security-summary-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .security-summary-card {
    padding: 15px;
  }

  .security-summary-card:nth-child(-n+3) {
    padding: 19px;
  }

  .security-summary-card:nth-child(n+4) h3 {
    font-size: .9rem;
  }

  .security-summary-card:nth-child(n+4) p {
    font-size: .76rem;
    line-height: 1.38;
  }

  .section {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}


/* V1.5 · Imágenes adaptables: el elemento picture no altera el layout. */
.device-card picture,.screenshot-frame picture{display:block;width:100%}