/* ===========================================================
   IQL Solutions - hoja de estilo del sitio web
   Generada desde theme_css.py. No editar a mano.
   Se sirve como adjunto en:
   /website_iql_solutions/static/src/scss/theme.css
   =========================================================== */

@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/ibm-plex-sans-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/space-grotesk-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/space-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/space-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/website_iql_solutions/static/src/fonts/space-grotesk-latin-700-normal.woff2) format('woff2')}

:root{
  --iql-bg:#080D14; --iql-bg2:#0B1119; --iql-surface:#101A26; --iql-surface2:#16222F;
  --iql-line:#1E2E40; --iql-line2:#2A3D52;
  --iql-text:#E4EDF6; --iql-muted:#90A4BA; --iql-dim:#6E839B;
  --iql-blue:#2E9BF0; --iql-blue-d:#1B7FD0; --iql-blue-l:#6FBEFA;
  --iql-green:#25C685; --iql-orange:#F97A3D; --iql-purple:#A97BF2; --iql-red:#F45B69;
  --iql-r:14px; --iql-r-sm:10px;
  --iql-ff:"IBM Plex Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --iql-fh:"Space Grotesk","IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
}
#wrapwrap{background:var(--iql-bg);color:var(--iql-text)}
#wrapwrap .oe_structure,#wrap{background:var(--iql-bg)}
body{font-family:var(--iql-ff);background:var(--iql-bg);color:var(--iql-text)}
h1,h2,h3,h4,h5,h6{font-family:var(--iql-fh)}
/* La franja blanca no la pinta <header id="top"> sino el <nav> interior, que
   lleva las clases o_cc / o_colored_level del sistema de combinaciones de color
   de Odoo. Hay que poner el fondo en el header y dejar el nav transparente. */
header#top,#top_menu_container,.o_header_standard{background:rgba(8,13,20,.94)!important;
  border-bottom:1px solid var(--iql-line);backdrop-filter:blur(12px)}
header#top nav,header#top .navbar,header#top .o_cc,header#top .o_colored_level,
header#top .o_header_mobile,header#top .offcanvas-body{
  background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;border-color:var(--iql-line)}
header#top .navbar-brand,header#top .navbar-brand span{color:var(--iql-text)}
header#top .o_navlink_background,header#top .o_navlink_background_hover:hover{
  background-color:rgba(255,255,255,.06)!important}
header#top .nav-link,header#top .navbar-nav .nav-link{color:var(--iql-muted)!important;
  font-family:var(--iql-fh);font-weight:500}
header#top .nav-link:hover,header#top .nav-item.active .nav-link,
header#top .navbar-nav .nav-link.active{color:var(--iql-blue)!important}
header#top .navbar-toggler{border-color:var(--iql-line2)}
.o_footer,#footer,.o_footer_copyright{background:var(--iql-bg2)!important;
  color:var(--iql-muted)}
#footer{border-top:2px solid var(--iql-blue)}
#footer a,.o_footer_copyright a{color:var(--iql-muted)}
#footer a:hover{color:var(--iql-blue)}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer p,#footer span{
  color:var(--iql-muted)}
.o_footer_copyright{border-top:1px solid var(--iql-line)}
.o_footer_copyright,.o_footer_copyright span,.o_footer_copyright a,
.o_footer_copyright .js_language_selector a{color:var(--iql-dim)!important}
.o_footer_copyright a:hover{color:var(--iql-blue)!important}
#footer h5,#footer h4{color:var(--iql-text)}
.o_footer,#footer,.o_footer .o_cc,.o_footer .o_colored_level{
  background-image:none!important}
/* iconos y botones que aporta Odoo en la cabecera (carrito, buscador, idioma) */
header#top .fa,header#top .oi,header#top .navbar-toggler-icon{color:var(--iql-muted)}
header#top a:hover .fa,header#top a:hover .oi{color:var(--iql-blue)}
header#top .btn-primary,header#top .btn_cta{background:linear-gradient(180deg,
  var(--iql-blue-l),var(--iql-blue));border-color:transparent;color:#04121F;
  font-family:var(--iql-fh);font-weight:600;border-radius:9px}
header#top .btn-primary:hover,header#top .btn_cta:hover{filter:brightness(1.08);
  color:#04121F}
header#top .dropdown-menu,header#top .offcanvas{background:var(--iql-surface);
  border-color:var(--iql-line);color:var(--iql-text)}
header#top .dropdown-item{color:var(--iql-muted)}
header#top .dropdown-item:hover,header#top .dropdown-item.active{background:
  rgba(46,155,240,.12);color:var(--iql-blue)}
header#top .form-control,header#top .oe_search_box{background:var(--iql-surface2);
  border-color:var(--iql-line);color:var(--iql-text)}
header#top .badge{font-family:var(--iql-fh)}
#footer .s_social_media .fa{color:var(--iql-muted);background:rgba(255,255,255,.04)}
#footer .s_social_media a:hover .fa{color:var(--iql-blue)}
#footer .list-unstyled a{color:var(--iql-muted);text-decoration:none}
#footer .list-unstyled a:hover{color:var(--iql-blue)}
.s_website_form_send.disabled{opacity:.6}
.iql-logo-img{display:block;height:auto;max-height:44px;width:auto}
.s_iql_form .s_website_form_mark{color:var(--iql-blue)}

.s_iql_blue{color:var(--iql-blue)!important}
.s_iql_green{color:var(--iql-green)!important}
.s_iql_orange{color:var(--iql-orange)!important}
.s_iql_purple{color:var(--iql-purple)!important}
.s_iql_red{color:var(--iql-red)!important}

/* ---------- tipografía ---------- */
.s_iql_h1{font-family:var(--iql-fh);font-weight:700;letter-spacing:-.025em;line-height:1.08;
  font-size:clamp(2rem,4vw,3.1rem);color:var(--iql-text);margin:0 0 1.1rem}
.s_iql_h1_sm{font-size:clamp(1.9rem,3.6vw,2.85rem);margin-bottom:.7rem}
.s_iql_h2{font-family:var(--iql-fh);font-weight:700;letter-spacing:-.02em;line-height:1.15;
  font-size:clamp(1.65rem,2.9vw,2.35rem);color:var(--iql-text);margin:0 0 .85rem}
.s_iql_h3{font-family:var(--iql-fh);font-weight:650;letter-spacing:-.015em;line-height:1.2;
  font-size:clamp(1.3rem,2.1vw,1.72rem);color:var(--iql-text);margin:0 0 .7rem}
.s_iql_h4{font-family:var(--iql-fh);font-weight:600;font-size:1.12rem;line-height:1.3;
  color:var(--iql-text);margin:0 0 .45rem}
.s_iql_h5{font-family:var(--iql-fh);font-weight:600;font-size:1rem;color:var(--iql-text);
  margin:0 0 .35rem}
.s_iql_lead{font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65;color:var(--iql-muted);
  margin:0 0 1.4rem;max-width:62ch}
.s_iql_muted{color:var(--iql-muted);line-height:1.7;margin:0 0 .9rem;font-size:.975rem}
.s_iql_strong{color:var(--iql-text);font-weight:600;margin:0 0 .8rem}
.s_iql_eyebrow{font-family:var(--iql-fh);font-size:.775rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;margin:0 0 .7rem}
.s_iql_grad{background:linear-gradient(96deg,var(--iql-blue) 0%,var(--iql-blue-l) 55%,#8FD3FF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.s_iql_head{margin:0 auto 2.6rem;max-width:760px}
.s_iql_head .s_iql_lead{margin-left:auto;margin-right:auto}
.s_iql_underline{position:relative;padding-bottom:.65rem;margin-bottom:1.1rem}
.s_iql_underline:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;
  border-radius:2px;background:var(--iql-blue)}
.text-center .s_iql_underline:after{left:50%;transform:translateX(-50%)}
.s_iql_req{color:var(--iql-blue)}

/* ---------- botones ---------- */
.s_iql_btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--iql-fh);
  font-weight:600;font-size:.965rem;padding:.82rem 1.55rem;border-radius:9px;
  border:1px solid transparent;text-decoration:none;transition:.18s ease;line-height:1.2}
.s_iql_btn_primary{background:linear-gradient(180deg,var(--iql-blue-l),var(--iql-blue));
  color:#04121F;box-shadow:0 8px 26px -12px rgba(46,155,240,.9)}
.s_iql_btn_primary:hover{filter:brightness(1.08);color:#04121F;transform:translateY(-1px)}
.s_iql_btn_ghost{background:rgba(255,255,255,.03);color:var(--iql-text);
  border-color:var(--iql-line2)}
.s_iql_btn_ghost:hover{border-color:var(--iql-blue);color:var(--iql-blue)}
.s_iql_btn_light{background:#061321;color:#EAF4FF;border-color:rgba(255,255,255,.14)}
.s_iql_btn_light:hover{background:#020A12;color:#fff;transform:translateY(-1px)}
.s_iql_actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.9rem}
.s_iql_arrow{transition:transform .18s ease}
.s_iql_btn:hover .s_iql_arrow{transform:translateX(3px)}
.s_iql_link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--iql-fh);
  font-weight:600;font-size:.9rem;color:var(--iql-blue);text-decoration:none}
.s_iql_link:hover{color:var(--iql-blue-l);gap:.6rem}

/* ---------- figuras ---------- */
.s_iql_fig{margin:0;border-radius:var(--iql-r);overflow:hidden;position:relative;
  border:1px solid var(--iql-line);background:var(--iql-bg2);line-height:0}
.s_iql_fig img{width:100%;height:auto;display:block}
.s_iql_fig:before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:2}
.s_iql_fig_blue:before{background:var(--iql-blue)}
.s_iql_fig_green:before{background:var(--iql-green)}
.s_iql_fig_orange:before{background:var(--iql-orange)}
.s_iql_fig_purple:before{background:var(--iql-purple)}
.s_iql_fig_red:before{background:var(--iql-red)}

/* ---------- iconos ---------- */
.s_iql_icon{display:inline-flex;flex:0 0 auto;line-height:0;margin-bottom:1.05rem}
.s_iql_icon_c{margin-left:auto;margin-right:auto;display:flex;justify-content:center}
.s_iql_ico_line{display:inline-flex;line-height:0;margin-right:.6rem;flex:0 0 auto}

/* ---------- listas ---------- */
.s_iql_list{list-style:none;margin:0;padding:0}
.s_iql_list li{display:flex;align-items:center;gap:.1rem;color:var(--iql-muted);
  font-size:.95rem;padding:.42rem 0}
.s_iql_dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;margin-right:.75rem;
  background:currentColor}
.s_iql_dot.s_iql_blue{background:var(--iql-blue)}
.s_iql_dot.s_iql_green{background:var(--iql-green)}
.s_iql_dot.s_iql_orange{background:var(--iql-orange)}
.s_iql_dot.s_iql_purple{background:var(--iql-purple)}
.s_iql_dot.s_iql_red{background:var(--iql-red)}

/* ---------- secciones ---------- */
.s_iql_hero{padding:clamp(3.2rem,7vw,6rem) 0 clamp(3rem,6vw,5rem);position:relative;
  overflow:hidden;background:
    radial-gradient(900px 420px at 12% 0%,rgba(46,155,240,.16),transparent 62%),
    radial-gradient(700px 380px at 92% 18%,rgba(46,155,240,.09),transparent 60%),
    var(--iql-bg)}
.s_iql_hero_text{border-left:3px solid var(--iql-blue);padding-left:1.6rem}
.s_iql_hero_trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .4rem}
.s_iql_hero_trust li{font-size:.83rem;color:var(--iql-dim);border:1px solid var(--iql-line);
  border-radius:999px;padding:.32rem .82rem;background:rgba(255,255,255,.02)}

.s_iql_stats{background:linear-gradient(100deg,var(--iql-blue-d),var(--iql-blue) 52%,#54B4F8);
  padding:0}
.s_iql_stat{text-align:center;padding:1.55rem .8rem;
  border-right:1px solid rgba(4,20,36,.18)}
.s_iql_stat_num{font-family:var(--iql-fh);font-weight:700;font-size:clamp(1.35rem,2.4vw,1.85rem);
  color:#04121F;margin:0 0 .12rem;letter-spacing:-.02em}
.s_iql_stat_lbl{font-size:.87rem;font-weight:600;color:#062338;margin:0}
.s_iql_stat_sub{font-size:.75rem;color:rgba(6,35,56,.72);margin:.18rem 0 0}
.s_iql_stats .col-6:nth-child(2n) .s_iql_stat,
.s_iql_stats .col-lg-3:last-child .s_iql_stat{border-right:0}

.s_iql_services{padding:clamp(3rem,6vw,5rem) 0;background:var(--iql-bg2)}
.s_iql_features{padding:clamp(3rem,6vw,5rem) 0;background:var(--iql-bg)}
.s_iql_case{padding:0}
.s_iql_vor{padding:clamp(3rem,6vw,5rem) 0;background:var(--iql-bg2)}
.s_iql_pagehead{padding:clamp(2.6rem,5vw,4rem) 0 1.6rem;background:
  radial-gradient(800px 300px at 50% -10%,rgba(46,155,240,.14),transparent 65%),var(--iql-bg);
  border-bottom:1px solid var(--iql-line)}
.s_iql_service{padding:.9rem 0;background:var(--iql-bg)}
.s_iql_service:first-of-type{padding-top:2.4rem}
.s_iql_project{padding:.9rem 0;background:var(--iql-bg)}
.s_iql_project:first-of-type{padding-top:1.6rem}
.s_iql_project:last-of-type{padding-bottom:2.4rem}
.s_iql_about{padding:clamp(3rem,6vw,4.6rem) 0;background:var(--iql-bg)}
.s_iql_pillars{padding:clamp(3rem,6vw,4.6rem) 0;background:var(--iql-bg2)}
.s_iql_gallery{padding:clamp(2rem,4vw,3rem) 0;background:var(--iql-bg2)}
.s_iql_process{padding:clamp(3rem,6vw,4.6rem) 0;background:var(--iql-bg)}
.s_iql_contact{padding:clamp(2.6rem,5vw,4rem) 0 clamp(2rem,4vw,3rem);background:var(--iql-bg)}

/* ---------- tarjetas ---------- */
.s_iql_card{height:100%;background:linear-gradient(180deg,var(--iql-surface),var(--iql-bg2));
  border:1px solid var(--iql-line);border-radius:var(--iql-r);padding:1.7rem 1.5rem;
  position:relative;overflow:hidden;transition:.2s ease}
.s_iql_card:before{content:"";position:absolute;inset:0 0 auto;height:3px}
.s_iql_card_blue:before{background:var(--iql-blue)}
.s_iql_card_green:before{background:var(--iql-green)}
.s_iql_card_orange:before{background:var(--iql-orange)}
.s_iql_card_purple:before{background:var(--iql-purple)}
.s_iql_card_red:before{background:var(--iql-red)}
.s_iql_card:hover{transform:translateY(-4px);border-color:var(--iql-line2);
  box-shadow:0 20px 44px -28px rgba(0,0,0,.9)}
.s_iql_card .s_iql_muted{margin-bottom:1.1rem}

.s_iql_feat{display:flex;gap:1.1rem;align-items:flex-start;
  background:rgba(255,255,255,.018);border:1px solid var(--iql-line);
  border-radius:var(--iql-r);padding:1.4rem}
.s_iql_feat .s_iql_icon{margin-bottom:0}
.s_iql_feat p{margin-bottom:0}

/* ---------- caso de éxito ---------- */
.s_iql_case{padding:clamp(2.2rem,4.4vw,3.4rem) 0;background:var(--iql-bg)}
.s_iql_kpis{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.1rem 0 .9rem}
.s_iql_kpi{flex:1 1 110px;background:rgba(46,155,240,.08);border:1px solid rgba(46,155,240,.28);
  border-radius:var(--iql-r-sm);padding:.85rem .6rem;text-align:center}
.s_iql_kpi span{display:block;font-family:var(--iql-fh);font-weight:700;font-size:1.4rem;
  color:var(--iql-blue-l);letter-spacing:-.02em}
.s_iql_kpi small{color:var(--iql-dim);font-size:.76rem}

/* ---------- VOR ---------- */
.s_iql_vorbox{border:1px solid var(--iql-line2);border-radius:var(--iql-r);padding:2rem 1.6rem;
  text-align:center;background:radial-gradient(360px 200px at 50% 0%,rgba(249,122,61,.12),transparent 70%),
  var(--iql-surface)}
.s_iql_vor_word{font-family:var(--iql-fh);font-weight:700;font-size:3.4rem;line-height:1;
  color:var(--iql-text);margin:0;letter-spacing:-.03em}
.s_iql_vor_sub{font-family:var(--iql-fh);font-weight:600;letter-spacing:.3em;font-size:.82rem;
  color:var(--iql-orange);margin:.35rem 0 1rem}
.s_iql_vor_ico{margin-top:1.1rem;line-height:0}
.s_iql_vorbox .s_iql_muted{margin-bottom:0;font-size:.9rem}

/* ---------- filas de servicio / proyecto ---------- */
.s_iql_srow,.s_iql_prow{background:linear-gradient(120deg,var(--iql-surface),var(--iql-bg2));
  border:1px solid var(--iql-line);border-radius:var(--iql-r);padding:1.6rem;position:relative;
  overflow:hidden}
.s_iql_srow:before,.s_iql_prow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.s_iql_srow_blue:before,.s_iql_prow_blue:before{background:var(--iql-blue)}
.s_iql_srow_green:before,.s_iql_prow_green:before{background:var(--iql-green)}
.s_iql_srow_orange:before,.s_iql_prow_orange:before{background:var(--iql-orange)}
.s_iql_srow_purple:before,.s_iql_prow_purple:before{background:var(--iql-purple)}
.s_iql_srow_red:before,.s_iql_prow_red:before{background:var(--iql-red)}
.s_iql_srow_head{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}
.s_iql_srow_head .s_iql_icon{margin-bottom:0}
.s_iql_srow_head .s_iql_h3{margin-bottom:0}
.s_iql_prow_body{display:flex;gap:1.2rem;align-items:flex-start}
.s_iql_prow_body .s_iql_icon{margin-bottom:0}
.s_iql_prow_body p:last-child{margin-bottom:0}
.s_iql_prow_feat{border-color:var(--iql-line2);
  box-shadow:0 0 0 1px rgba(46,155,240,.16),0 24px 48px -34px rgba(0,0,0,.95)}
.s_iql_prow_feat:before{width:4px}
.s_iql_prow .s_iql_kpis{margin:1.1rem 0 0}

/* ---------- sobre nosotros ---------- */
.s_iql_minis{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.s_iql_mini{flex:1 1 120px;text-align:center;border:1px solid var(--iql-line);
  border-radius:var(--iql-r-sm);padding:.85rem .5rem;background:rgba(255,255,255,.02)}
.s_iql_mini span{display:block;font-family:var(--iql-fh);font-weight:700;font-size:1.15rem;
  color:var(--iql-blue-l)}
.s_iql_mini small{color:var(--iql-dim);font-size:.76rem}
.s_iql_steps{counter-reset:step}
.s_iql_step{text-align:center;position:relative}
.s_iql_step_n{font-family:var(--iql-fh);font-weight:700;font-size:.8rem;color:var(--iql-dim);
  letter-spacing:.14em;margin-bottom:.5rem}
.s_iql_step .s_iql_muted{font-size:.87rem}
@media(min-width:992px){
  .s_iql_steps .s_iql_step:not(:last-child):after{content:"";position:absolute;top:34px;
    right:-14px;width:28px;height:1px;
    background:repeating-linear-gradient(90deg,var(--iql-line2) 0 5px,transparent 5px 10px)}
}

/* ---------- contacto ---------- */
.s_iql_contact{list-style:none;margin:0 0 2rem;padding:0}
.s_iql_contact li{display:flex;align-items:center;gap:.9rem;padding:.55rem 0}
.s_iql_contact .s_iql_icon{margin-bottom:0}
.s_iql_contact small{display:block;color:var(--iql-dim);font-size:.78rem}
.s_iql_contact strong{color:var(--iql-text);font-weight:600;font-size:.98rem}
.s_iql_contact a{color:var(--iql-text);text-decoration:none}
.s_iql_contact a:hover{color:var(--iql-blue)}
.s_iql_form label,.s_iql_form .s_website_form_label{display:block;color:var(--iql-muted);
  font-size:.83rem;margin-bottom:.35rem;width:auto!important}
.s_iql_form .form-control,.s_iql_form input,.s_iql_form textarea{width:100%;
  background:var(--iql-surface2);border:1px solid var(--iql-line);border-radius:var(--iql-r-sm);
  color:var(--iql-text);padding:.72rem .9rem;font-family:var(--iql-ff);font-size:.95rem;
  transition:.16s ease}
.s_iql_form .form-control:focus,.s_iql_form input:focus,.s_iql_form textarea:focus{
  outline:0;border-color:var(--iql-blue);box-shadow:0 0 0 3px rgba(46,155,240,.16);
  background:var(--iql-surface2);color:var(--iql-text)}
.s_iql_form input[type=hidden]{display:none}
.s_iql_form .s_website_form_field>.row{display:block;margin:0}
.s_iql_form .s_website_form_field>.row>label,
.s_iql_form .s_website_form_field>.row>.col-sm{padding:0;flex:none;max-width:100%;
  width:100%!important}
.s_iql_form .s_website_form_dnone{display:none!important}
.s_iql_form .s_website_form_mark{color:var(--iql-blue)}
.s_iql_form .s_website_form_submit{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}
.s_iql_form .s_website_form_submit>.s_website_form_label{display:none}
.s_iql_form .s_website_form_submit .s_iql_note{margin:0}
.s_iql_form .row{margin-left:-12px;margin-right:-12px}
.s_iql_form .row>[class*=col]{padding-left:12px;padding-right:12px}
.s_iql_form .mb-3{margin-bottom:1rem}
.s_iql_form_foot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.6rem}
.s_iql_note{color:var(--iql-dim);font-size:.83rem;margin:.6rem 0 0}
.s_iql_crumb{display:flex;gap:.5rem;align-items:center;color:var(--iql-dim);font-size:.82rem;
  margin-top:1.4rem}
.s_iql_crumb a{color:var(--iql-dim);text-decoration:none}
.s_iql_crumb a:hover{color:var(--iql-blue)}

/* ---------- páginas legales ---------- */
.s_iql_legal{padding:clamp(2rem,4vw,3rem) 0;max-width:80ch;margin:0 auto;
  font-size:.98rem;line-height:1.75;color:var(--iql-muted)}
.s_iql_legal .s_iql_h3{margin:2.2rem 0 .8rem;padding-top:1.4rem;
  border-top:1px solid var(--iql-line)}
.s_iql_legal .s_iql_h3:first-of-type{border-top:0;padding-top:0;margin-top:.6rem}
.s_iql_legal .s_iql_h4{margin:1.4rem 0 .5rem;color:var(--iql-text)}
.s_iql_legal a{color:var(--iql-blue);text-decoration:none}
.s_iql_legal a:hover{text-decoration:underline}
.s_iql_legal strong{color:var(--iql-text);font-weight:600}
.s_iql_legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;
  background:var(--iql-surface2);border:1px solid var(--iql-line);border-radius:5px;
  padding:.1rem .38rem;color:var(--iql-blue-l)}
.s_iql_legal_list{margin:0 0 1.1rem;padding-left:1.15rem;color:var(--iql-muted)}
.s_iql_legal_list li{margin:.42rem 0;line-height:1.7}
.s_iql_legal_list li::marker{color:var(--iql-blue)}
.s_iql_tablewrap{overflow-x:auto;margin:0 0 1.4rem;border:1px solid var(--iql-line);
  border-radius:var(--iql-r-sm)}
.s_iql_table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:460px}
.s_iql_table th{text-align:left;font-family:var(--iql-fh);font-weight:600;font-size:.78rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--iql-dim);
  background:var(--iql-surface);padding:.7rem .9rem;border-bottom:1px solid var(--iql-line)}
.s_iql_table td{padding:.7rem .9rem;border-bottom:1px solid var(--iql-line);
  vertical-align:top;color:var(--iql-muted)}
.s_iql_table tr:last-child td{border-bottom:0}
/* Marca de dato pendiente de rellenar. Se deja neutra: los datos ya estan
   puestos y el resaltado naranja no debe verse en la web publicada. La clase
   se conserva para poder localizar los huecos buscando en el HTML. */
.s_iql_todo{background:none;border:0;color:inherit;padding:0;
  font-size:inherit;font-weight:inherit}
.s_iql_note{border:1px solid var(--iql-line);border-left:3px solid var(--iql-orange);
  border-radius:var(--iql-r-sm);background:rgba(249,122,61,.06);padding:.9rem 1.1rem;
  margin:0 0 1.4rem;font-size:.9rem;color:var(--iql-muted)}
.s_iql_consent .form-check{display:flex;gap:.6rem;align-items:flex-start}
.s_iql_consent input[type=checkbox]{width:auto!important;margin-top:.25rem;flex:0 0 auto;
  accent-color:var(--iql-blue)}
.s_iql_consent label.form-check-label,.s_iql_consent .form-check label{
  font-size:.88rem;color:var(--iql-muted);margin:0;width:auto!important}
.s_iql_consent a{color:var(--iql-blue)}

/* ---------- CTA ---------- */
.s_iql_cta{padding:clamp(2.6rem,5vw,3.8rem) 0;
  background:linear-gradient(100deg,var(--iql-blue-d),var(--iql-blue) 55%,#5CB8F9)}
.s_iql_cta .s_iql_h2{color:#04121F}
.s_iql_cta .s_iql_lead{color:rgba(4,18,31,.78);margin-left:auto;margin-right:auto}

@media(max-width:991.98px){
  .s_iql_hero_text{border-left-width:2px;padding-left:1.1rem}
    .s_iql_stat{border-right:0;border-bottom:1px solid rgba(4,20,36,.18)}
}
@media(max-width:575.98px){
  .s_iql_srow,.s_iql_prow,.s_iql_card{padding:1.25rem}
  .s_iql_prow_body{flex-direction:column;gap:.8rem}
  .s_iql_actions .s_iql_btn{width:100%;justify-content:center}
}


/* ---- Barra de cookies ---- */
/* ---- Barra de cookies con el estilo de IQL Solutions ---- */
#website_cookies_bar .modal-content,
#website_cookies_bar section.o_cc,
#website_cookies_bar .o_colored_level{
  background-color:#101A26 !important;
  background-image:none !important;
  color:#E4EDF6 !important;
  border:0 !important;
}
#website_cookies_bar .modal-content{
  border-top:2px solid #2E9BF0 !important;
  box-shadow:0 -18px 44px -20px rgba(0,0,0,.95);
}
#website_cookies_bar p,
#website_cookies_bar span{
  color:#90A4BA !important;
  font-family:"IBM Plex Sans","Segoe UI",sans-serif;
  font-size:.94rem;
  margin-bottom:0;
}
#website_cookies_bar .o_cookies_bar_text_policy{
  color:#2E9BF0 !important;
  text-decoration:underline;
}
#website_cookies_bar .btn{
  font-family:"Space Grotesk","Segoe UI",sans-serif;
  font-weight:600;
  border-radius:9px !important;
  padding:.55rem 1.15rem !important;
  text-decoration:none !important;
}
#website_cookies_bar #cookies-consent-essential{
  background:rgba(255,255,255,.04) !important;
  border:1px solid #2A3D52 !important;
  color:#E4EDF6 !important;
}
#website_cookies_bar #cookies-consent-essential:hover{
  border-color:#2E9BF0 !important;
  color:#2E9BF0 !important;
}
#website_cookies_bar #cookies-consent-all{
  background:linear-gradient(180deg,#6FBEFA,#2E9BF0) !important;
  border:1px solid transparent !important;
  color:#04121F !important;
}
#website_cookies_bar #cookies-consent-all:hover{
  filter:brightness(1.08);
}