/* Páginas legales IT LOGOS (como legal.php de la web de referencia, en claro).
   Todo con prefijo itl-le- y colgado de .itl-le. */

.itl-le { background: #F4F4F1; color: #000412; font-family: Archivo, system-ui, sans-serif; -webkit-font-smoothing: antialiased; line-height: normal; }
.itl-le *, .itl-le *::before, .itl-le *::after { box-sizing: border-box; border-radius: 0; }
.itl-le a { color: inherit; text-decoration: none; transition: color .15s; }
.itl-le a:hover { color: #FF4800; }
.itl-le h1, .itl-le h2, .itl-le h3 { font-family: inherit; padding: 0; border: 0; color: inherit; letter-spacing: -.03em; }
.itl-le .itl-le-kicker { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #FF4800; margin: 0; }

/* Portada con líneas de escaneo */
.itl-le .itl-le-hero { position: relative; overflow: hidden; background: #000412; color: #F4F4F1; border-bottom: 2px solid #CEFC00; }
.itl-le .itl-le-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(180deg, rgba(206,252,0,.05) 0 1px, transparent 1px 4px); }
.itl-le .itl-le-hero h1 { font-size: clamp(30px,4.6vw,58px); line-height: 1; font-weight: 800; margin: 0 0 18px; max-width: 26ch; text-transform: uppercase; color: #F4F4F1; }

/* Cuerpo: texto + índice lateral */
.itl-le .itl-le-cuerpo { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: clamp(28px,4vw,56px); align-items: start; max-width: 1200px; margin: 0 auto; padding: 40px 24px 64px; }
@media (max-width: 940px) { .itl-le .itl-le-cuerpo { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 560px) { .itl-le .itl-le-cuerpo { padding: 32px 18px 56px; } }

.itl-le .itl-le-art h2 { font-size: clamp(20px,2.4vw,30px); font-weight: 800; line-height: 1.1; margin: 40px 0 14px; text-transform: uppercase; }
.itl-le .itl-le-art h2:first-child { margin-top: 0; }
.itl-le .itl-le-art h3 { font-size: 16px; font-weight: 800; margin: 24px 0 8px; text-transform: none; letter-spacing: 0; }
.itl-le .itl-le-art p { font-size: 16px; line-height: 1.7; margin: 0 0 16px; text-wrap: pretty; color: #000412; }
.itl-le .itl-le-art li { font-size: 16px; line-height: 1.6; margin-bottom: 8px; }
.itl-le .itl-le-art ul { padding-left: 22px; margin: 0 0 18px; }
.itl-le .itl-le-art a { font-weight: 800; color: #000412; text-decoration: underline; text-decoration-color: #FF4800; text-underline-offset: 3px; }
.itl-le .itl-le-art a:hover { color: #FF4800; }
.itl-le .itl-le-art strong { font-weight: 800; }

/* Tablas: cabecera lima, bordes de 2 px (.tabla de la referencia) */
.itl-le .itl-le-art .tabla { overflow-x: auto; border: 2px solid #000412; background: #fff; margin: 6px 0 22px; }
.itl-le .itl-le-art table { width: 100%; border-collapse: collapse; margin: 0; border: 0; }
.itl-le .itl-le-art th { text-align: left; padding: 13px 15px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; background: #CEFC00; color: #000412; white-space: nowrap; border: 0; }
.itl-le .itl-le-art td { padding: 13px 15px; font-size: 15px; font-weight: 600; border: 0; border-bottom: 1px solid rgba(0,4,18,.15); vertical-align: top; background: #fff; color: #000412 !important; }
.itl-le .itl-le-art tr:last-child td { border-bottom: 0; }

/* Índice lateral */
.itl-le .itl-le-lateral { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 110px; }
@media (max-width: 940px) { .itl-le .itl-le-lateral { position: static; } }
.itl-le .itl-le-indice { border: 2px solid #000412; background: #fff; }
.itl-le .itl-le-indice-cab { padding: 14px 16px; border-bottom: 2px solid #000412; background: #CEFC00; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.itl-le .itl-le-indice-lista { display: flex; flex-direction: column; gap: 10px; padding: 16px; font-size: 14px; font-weight: 700; }
.itl-le .itl-le-indice-lista a[aria-current="page"] { color: #FF4800; }
.itl-le .itl-le-btn { display: block; text-align: center; background: #CEFC00; color: #000412; padding: 16px 24px; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; box-shadow: 5px 5px 0 #FF4800; transition: transform .18s, box-shadow .18s; }
.itl-le .itl-le-btn:hover { transform: translate(-3px,-3px); box-shadow: 8px 8px 0 #FF4800; color: #000412; }

/* Botón de Complianz para cambiar el consentimiento, con la marca */
.itl-le .cmplz-manage-consent, .itl-le .cmplz-btn { background: #000412 !important; color: #CEFC00 !important; border: 2px solid #000412 !important; border-radius: 0 !important; padding: 12px 18px !important; font-family: inherit !important; font-weight: 800 !important; letter-spacing: .1em; text-transform: uppercase; font-size: 12px !important; }