/* 6-iloq.css — MODO CLARO de la página ILOQ (ES/CA/EN). Mismo criterio que la portada:
   fondo de página claro, bloques destacados en azul grisáceo #536983 con texto blanco. El modo oscuro no cambia. */

html[data-theme="light"] #iloq-wrap { background:#F0F7FF !important; color:#0D1F30 !important; }
html[data-theme="light"] #iloq-wrap .il-section { background:transparent !important; }
html[data-theme="light"] #iloq-wrap .il-section-h2, html[data-theme="light"] #iloq-wrap .il-step-title, html[data-theme="light"] #iloq-wrap .il-subcat-title { color:#0D1F30 !important; }
html[data-theme="light"] #iloq-wrap .il-section-sub, html[data-theme="light"] #iloq-wrap .il-step-desc { color:#2A4A60 !important; }
html[data-theme="light"] #iloq-wrap .il-tag { color:#0369A1 !important; background:rgba(3,105,161,.08) !important; border-color:rgba(3,105,161,.3) !important; }
html[data-theme="light"] #iloq-wrap .il-cat-count { color:#4A6A80 !important; }
html[data-theme="light"] #iloq-wrap .il-orb { opacity:.12 !important; }

/* Hero: mantiene la foto, pero la capa oscura pasa a azul grisáceo */
html[data-theme="light"] #iloq-wrap .il-hero { background-color:#536983 !important; }
html[data-theme="light"] #iloq-wrap .il-hero-sub { color:#EEF3F7 !important; }
html[data-theme="light"] #iloq-wrap .il-hero-sub strong { color:#fff !important; }
html[data-theme="light"] #iloq-wrap .il-hero-stats { background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.25) !important; }
html[data-theme="light"] #iloq-wrap .il-hs { background:#536983 !important; border-color:rgba(255,255,255,.25) !important; }
html[data-theme="light"] #iloq-wrap .il-hs-l { color:#EEF3F7 !important; }
html[data-theme="light"] #iloq-wrap .il-trust-bar { background:#536983 !important; }
html[data-theme="light"] #iloq-wrap .il-trust-bar span { color:#fff !important; }

/* Tarjetas */
html[data-theme="light"] #iloq-wrap .il-card, html[data-theme="light"] #iloq-wrap .il-pcard, html[data-theme="light"] #iloq-wrap .il-cta-banner, html[data-theme="light"] #iloq-wrap .il-contact-info, html[data-theme="light"] #iloq-wrap .il-contact-form { background:#536983 !important; border-color:rgba(255,255,255,.25) !important; }
html[data-theme="light"] #iloq-wrap .il-card-title, html[data-theme="light"] #iloq-wrap .il-pcard-name, html[data-theme="light"] #iloq-wrap .il-cta-banner h2, html[data-theme="light"] #iloq-wrap .il-contact-info h2, html[data-theme="light"] #iloq-wrap .il-form-title { color:#fff !important; }
html[data-theme="light"] #iloq-wrap .il-card-desc, html[data-theme="light"] #iloq-wrap .il-pcard-desc, html[data-theme="light"] #iloq-wrap .il-pcard-ref, html[data-theme="light"] #iloq-wrap .il-cta-banner p, html[data-theme="light"] #iloq-wrap .il-contact-info p, html[data-theme="light"] #iloq-wrap .il-contact-info span, html[data-theme="light"] #iloq-wrap .il-contact-form label, html[data-theme="light"] #iloq-wrap .il-contact-form p { color:#EEF3F7 !important; }
html[data-theme="light"] #iloq-wrap .il-spec-tag { color:#fff !important; background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.25) !important; }
html[data-theme="light"] #iloq-wrap .il-pcard-cta { color:#00E676 !important; }
html[data-theme="light"] #iloq-wrap .il-btn-ghost { color:#fff !important; border-color:rgba(255,255,255,.5) !important; }
html[data-theme="light"] #iloq-wrap .il-contact-form input, html[data-theme="light"] #iloq-wrap .il-contact-form select, html[data-theme="light"] #iloq-wrap .il-contact-form textarea { background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.3) !important; }
html[data-theme="light"] #iloq-wrap .il-contact-form input::placeholder, html[data-theme="light"] #iloq-wrap .il-contact-form textarea::placeholder { color:rgba(255,255,255,.6) !important; }
html[data-theme="light"] #iloq-wrap .il-tag { }
html[data-theme="light"] #iloq-wrap .il-cta-banner .il-tag, html[data-theme="light"] #iloq-wrap .il-contact-info .il-tag, html[data-theme="light"] #iloq-wrap .il-hero .il-tag { color:#fff !important; background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.3) !important; }

/* Ajustes: título del hero en blanco sobre la foto; pastillas de categoría en azul oscuro */
html[data-theme="light"] #iloq-wrap .il-hero h1, html[data-theme="light"] #iloq-wrap .il-hero h1.il-anim-up { color:#fff !important; text-shadow:0 2px 14px rgba(0,0,0,.45) !important; }
html[data-theme="light"] #iloq-wrap .il-cat-pill { color:#fff !important; background:#536983 !important; border-color:rgba(255,255,255,.3) !important; }
html[data-theme="light"] #iloq-wrap .il-step-num { color:#fff !important; }
html[data-theme="light"] #iloq-wrap .il-hs-n { color:#fff !important; -webkit-text-fill-color:initial; }


/* Formulario ILOQ: icono de candado de la nota "Tus datos están protegidos" a tamaño de texto (ambos modos) */
#iloq-wrap .il-form-note { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; }
#iloq-wrap .il-form-note svg { width:16px !important; height:16px !important; flex:0 0 auto !important; }

/* Contacto ILOQ: el bloque "Hablemos de tu proyecto" con relleno y a la misma altura que el formulario */
html[data-theme="light"] #iloq-wrap .il-contact-grid { align-items:stretch !important; }
html[data-theme="light"] #iloq-wrap .il-contact-info { padding:36px 40px !important; border-radius:20px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
html[data-theme="light"] #iloq-wrap .il-contact-info .il-contact-detail { background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.2) !important; }
@media (max-width:640px){ html[data-theme="light"] #iloq-wrap .il-contact-info { padding:24px 20px !important; } }


/* Catálogo ILOQ: todas las imágenes de producto con el mismo encaje (la del lector N505i no tenía estilo inline) — ambos modos */
#iloq-wrap .il-pcard-img img { width:100% !important; height:100% !important; object-fit:contain !important; padding:20px !important; display:block !important; }