/*
Theme Name: InLoop (GeneratePress Child)
Theme URI: https://www.inloop.ar/
Description: Child theme de GeneratePress con la identidad visual de InLoop (paleta oscura, azul, tipografía Inter). Desarrollado por Efemosse Sistemas.
Author: Efemosse Sistemas
Author URI: https://www.efemossesistemas.com.ar
Template: generatepress
Version: 1.0.1
Text Domain: inloop-child
*/

/* ============================================================
   InLoop — Identidad visual (dark premium + azul)
   ============================================================ */
:root{
  --il-bg:#070A0F; --il-bg2:#0B1018; --il-panel:#101826; --il-panel2:#151F2E;
  --il-text:#F7F7F2; --il-muted:#A7B0BE; --il-muted2:#778294;
  --il-line:rgba(255,255,255,.12); --il-line2:rgba(255,255,255,.20);
  --il-blue:#2F63FF; --il-blue2:#7EA0FF; --il-radius:22px;
}

body{
  background-color:var(--il-bg); color:var(--il-text);
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{ color:var(--il-text); letter-spacing:-.03em; font-weight:800; }
a{ color:var(--il-blue2); }

/* Header / nav oscuros */
.site-header,.inside-header{ background-color:var(--il-bg2); }
.main-title a{ color:var(--il-text)!important; font-weight:850; letter-spacing:-.05em; }
.main-title a::after{ content:"."; color:var(--il-blue); }

/* Botones */
.wp-block-button__link,.il-btn{
  background:var(--il-blue); color:#fff!important; border-radius:999px; font-weight:800;
  padding:15px 24px; border:1px solid var(--il-blue); display:inline-flex; align-items:center; gap:8px; transition:.18s ease;
}
.wp-block-button__link:hover,.il-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 40px rgba(47,99,255,.35); color:#fff!important; }
.is-style-outline .wp-block-button__link{ background:rgba(255,255,255,.04); color:var(--il-text)!important; border-color:var(--il-line2); }

/* Layout de secciones full-width */
.il-section{ padding:84px 0; border-top:1px solid var(--il-line); }
.il-wrap{ width:min(100%,1180px); margin:0 auto; padding:0 clamp(20px,4vw,56px); }
.il-kicker{ color:var(--il-blue2); text-transform:uppercase; letter-spacing:.14em; font-weight:900; font-size:13px; margin:0 0 14px; }
.il-lead{ font-size:clamp(19px,2.2vw,28px); line-height:1.32; color:#DEE5EF; }

/* Encabezado de sección */
.il-shead{ margin-bottom:34px; }
.il-shead h2{ font-size:clamp(30px,4.4vw,54px); line-height:1.02; margin:0 0 10px; letter-spacing:-.05em; }
.il-shead h2::after{ content:""; display:block; width:46px; height:3px; margin-top:16px; border-radius:3px; background:linear-gradient(90deg,var(--il-blue),var(--il-blue2)); }
.il-shead p{ color:var(--il-muted); font-size:18px; max-width:720px; margin:0; }

/* Hero */
.il-hero{
  position:relative; overflow:hidden; padding:120px 0 96px; border-top:0;
  background:
    radial-gradient(circle at 78% 8%,rgba(47,99,255,.22),transparent 32%),
    radial-gradient(circle at 10% 34%,rgba(47,99,255,.10),transparent 30%),
    linear-gradient(180deg,#070A0F,#0B1018 55%,#070A0F);
}
.il-hero h1{ font-size:clamp(44px,7vw,88px); line-height:.95; margin:0 0 22px; letter-spacing:-.06em; max-width:1000px; }
.il-hero .il-lead{ max-width:760px; }
.il-hero .wp-block-buttons{ margin-top:32px; }

/* Grillas */
.il-grid{ display:grid; gap:16px; }
.il-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
.il-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.il-grid.cols-4{ grid-template-columns:repeat(4,1fr); }
.il-grid.cols-5{ grid-template-columns:repeat(5,1fr); }
@media(max-width:1024px){ .il-grid.cols-3,.il-grid.cols-4,.il-grid.cols-5{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .il-grid{ grid-template-columns:1fr!important; } }

/* Tarjetas */
.il-card{
  border:1px solid var(--il-line); border-radius:var(--il-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); padding:26px;
}
.il-card h3{ margin:0 0 8px; font-size:21px; }
.il-card p{ color:var(--il-muted); margin:0 0 14px; }
.il-card p:last-child{ margin-bottom:0; }
.il-card .il-num{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:12px;
  background:rgba(47,99,255,.15); color:var(--il-blue2); font-weight:900; margin-bottom:14px; }

/* Etiquetas / deliverables */
.il-tags{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
.il-tags li{ font-size:12.5px; font-weight:700; color:#cbd5e6; border:1px solid var(--il-line); background:rgba(255,255,255,.04); border-radius:999px; padding:7px 11px; }

/* Métricas */
.il-stat h3{ font-size:clamp(28px,3.4vw,44px); margin:12px 0 0; letter-spacing:-.05em; color:#fff; }
.il-stat .il-stat-k{ color:var(--il-blue2); text-transform:uppercase; letter-spacing:.14em; font-weight:800; font-size:12px; margin:0; }
.il-stat p:last-child{ color:var(--il-muted); font-size:13.5px; margin-top:10px; }

/* Citas / testimonios */
.il-quote{ border:1px solid var(--il-line); border-radius:var(--il-radius); background:rgba(255,255,255,.04); padding:24px; }
.il-quote p{ color:#E1E7F0; font-size:17px; margin:0 0 16px; }
.il-quote cite{ color:var(--il-muted); font-weight:700; font-style:normal; font-size:14px; }

/* Logos */
.il-logos{ display:flex; flex-wrap:wrap; gap:12px; }
.il-logos .il-chip{ border:1px solid var(--il-line); border-radius:16px; background:rgba(255,255,255,.04);
  padding:14px 20px; font-weight:800; letter-spacing:-.02em; color:#EEF3FF; }

/* Equipo */
.il-partner{ display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:start; }
.il-partner .il-role{ color:var(--il-blue2); text-transform:uppercase; letter-spacing:.12em; font-weight:800; font-size:12px; margin:0 0 6px; }
.il-partner .il-avatar{ width:120px; height:150px; border-radius:18px; border:1px solid var(--il-line); background:rgba(47,99,255,.10); display:grid; place-items:center; font-size:34px; font-weight:900; color:#D8E2FF; }
@media(max-width:640px){ .il-partner{ grid-template-columns:1fr; } .il-partner .il-avatar{ width:96px; height:120px; } }

/* CTA */
.il-cta{ border:1px solid var(--il-line2); border-radius:32px;
  background:radial-gradient(circle at 80% 10%,rgba(47,99,255,.35),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  padding:clamp(30px,6vw,64px); }
.il-cta h2{ font-size:clamp(28px,4vw,48px); margin:0 0 12px; letter-spacing:-.05em; }
.il-cta p{ color:#D7DEEA; font-size:19px; max-width:680px; }

/* Formularios (CF7) */
.wpcf7 input,.wpcf7 textarea{ width:100%; background:var(--il-panel); border:1px solid var(--il-line); border-radius:12px;
  color:var(--il-text); padding:13px 15px; font:inherit; }
.wpcf7 input::placeholder,.wpcf7 textarea::placeholder{ color:var(--il-muted2); }
.wpcf7 textarea{ min-height:150px; }
.wpcf7 input[type=submit]{ width:auto; background:var(--il-blue); border-color:var(--il-blue); color:#fff; border-radius:999px; padding:14px 26px; font-weight:800; cursor:pointer; }
.wpcf7 .il-grid{ gap:14px; }

/* Footer */
.site-footer,.site-info{ background-color:var(--il-bg2)!important; color:var(--il-muted); }
.site-info a{ color:var(--il-blue2); }

/* Blog en oscuro */
.separate-containers .inside-article,.one-container .site-main{ background-color:var(--il-panel); }
.entry-title a{ color:var(--il-text); }
.entry-meta,.entry-summary p,.entry-content p{ color:var(--il-muted); }

/* Selector de idioma (Polylang) en el header */
.main-navigation .menu-item-language a,
#pll-switcher a{ color:var(--il-text); }
.pll-parent-menu-item img,.menu-item-language img{ vertical-align:middle; }
.main-navigation .il-lang > a{ font-weight:800; letter-spacing:.04em; opacity:.7; }
.main-navigation .il-lang.current-lang > a{ opacity:1; color:var(--il-blue2); }
.main-navigation .il-lang:not(.current-lang) > a:hover{ opacity:1; }