/* ==========================================================================
   Sinc SpA — Estilos de la pagina de Inicio (Opcion A, integrado con Blocksy)
   Todo va namespaced bajo .sinc-home y con prefijo .sc- para no colisionar.
   ========================================================================== */
.sinc-home{
  --navy:#102136; --navy-2:#0c1a2b;
  --teal:#18969b; --teal-deep:#12787c; --teal-bright:#2bb7bd;
  --ink:#132339; --ink-2:#516072; --ink-3:#8a97a5;
  --surface:#ffffff; --surface-2:#F5F7F9; --border:#E4E8ED;
  --accent:#12787c; --accent-2:#18969b;
  --hero-ground:#0c1a2b; --hero-ink:#eef3f6; --hero-ink-2:#9db2c4; --hero-border:#21374d;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wrap:1140px;
  font-family:var(--sans); color:var(--ink); line-height:1.65;
}
.sinc-home *{box-sizing:border-box}
.sinc-home img{max-width:100%;height:auto}
/* Respaldo para saltos de ancla: deja espacio bajo la cabecera fija */
.sinc-home [id]{scroll-margin-top:110px}

/* Neutralizar estilos heredados del tema dentro de la pagina */
.sinc-home h1,.sinc-home h2,.sinc-home h3{
  margin:0;line-height:1.12;letter-spacing:-.018em;font-weight:750;color:var(--ink);text-wrap:balance}
.sinc-home p{margin:0}
.sinc-home a{color:inherit;text-decoration:none}
.sinc-home ul{margin:0;padding:0;list-style:none}

/* Franja a ancho completo aunque el contenedor este acotado */
.sinc-home .sc-sec{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:96px 0;
}
.sinc-home .sc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}

.sinc-home .sc-eyebrow{
  font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);
  font-weight:650;display:inline-flex;align-items:center;gap:10px}
.sinc-home .sc-eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px;flex:none}

.sinc-home .sc-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.94rem;
  padding:13px 24px;border-radius:8px;cursor:pointer;border:1px solid transparent;
  transition:transform .15s,box-shadow .2s,background .2s,border-color .2s}
.sinc-home .sc-btn-primary{background:var(--teal);color:#fff}
.sinc-home .sc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px var(--teal);color:#fff}
.sinc-home .sc-btn-ghost{border-color:var(--hero-border);color:var(--hero-ink)}
.sinc-home .sc-btn-ghost:hover{background:rgba(255,255,255,.06);color:#fff}

/* ---------- HERO ---------- */
.sinc-home .sc-hero{position:relative;background:var(--hero-ground);color:var(--hero-ink);overflow:hidden;padding:0;
  display:flex;flex-direction:column;min-height:calc(100vh - 110px)}
.sinc-home .sc-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.26}
.sinc-home .sc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(115% 80% at 82% 10%,rgba(24,150,155,.14),transparent 55%),
  linear-gradient(180deg,transparent 55%,var(--hero-ground) 98%)}
.sinc-home .sc-hero-in{position:relative;z-index:2;max-width:760px;margin:auto;padding-top:64px;padding-bottom:64px}
.sinc-home .sc-hero .sc-eyebrow{color:var(--teal-bright)}
.sinc-home .sc-hero h1{font-size:clamp(2.3rem,5.4vw,3.8rem);margin:22px 0 0;color:#fff}
.sinc-home .sc-hero p.sc-lead{margin:26px 0 0;font-size:clamp(1.02rem,1.4vw,1.2rem);color:var(--hero-ink-2);max-width:600px}
.sinc-home .sc-hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.sinc-home .sc-rail{border-top:1px solid var(--hero-border);position:relative;z-index:2;background:rgba(6,14,24,.35);flex:0 0 auto}
.sinc-home .sc-rail-in{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;padding:17px 0;
  font-size:.86rem;color:var(--hero-ink-2)}
.sinc-home .sc-rail-in b{color:var(--teal-bright);font-weight:600;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.sinc-home .sc-rail-in i{color:var(--hero-border);font-style:normal}

/* ---------- Encabezados de seccion ---------- */
.sinc-home .sc-head{max-width:640px;margin-bottom:52px}
.sinc-home .sc-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-top:14px}
.sinc-home .sc-head p{margin-top:16px;color:var(--ink-2);font-size:1.05rem}

/* ---------- Pilares ---------- */
.sinc-home .sc-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sinc-home .sc-pillar{background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:34px 30px;transition:border-color .2s,box-shadow .2s,transform .2s}
.sinc-home .sc-pillar:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));
  box-shadow:0 20px 40px -30px rgba(19,35,57,.45)}
.sinc-home .sc-pillar .sc-ico{width:44px;height:44px;color:var(--accent);margin-bottom:20px}
.sinc-home .sc-pillar .sc-ico svg{width:100%;height:100%}
.sinc-home .sc-pillar h3{font-size:1.28rem}
.sinc-home .sc-pillar p{margin-top:12px;color:var(--ink-2);font-size:.98rem}
.sinc-home .sc-pillar .sc-meta{margin-top:18px;font-size:.86rem;color:var(--ink-2);font-weight:500;
  border-top:1px solid var(--border);padding-top:15px}

/* ---------- IA / metodo ---------- */
.sinc-home .sc-ia{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sinc-home .sc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sinc-home .sc-step{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px 26px}
.sinc-home .sc-step .sc-lbl{font-size:.74rem;letter-spacing:.08em;color:var(--accent);
  text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:9px}
.sinc-home .sc-step .sc-lbl .sc-d{width:8px;height:8px;border-radius:50%;background:currentColor}
.sinc-home .sc-step h3{font-size:1.16rem;margin-top:14px}
.sinc-home .sc-step p{margin-top:11px;color:var(--ink-2);font-size:.95rem}
.sinc-home .sc-safe{margin-top:28px;display:flex;gap:16px;align-items:flex-start;background:var(--surface);
  border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:20px 24px}
.sinc-home .sc-safe svg{width:24px;height:24px;color:var(--accent);flex-shrink:0;margin-top:2px}
.sinc-home .sc-safe p{color:var(--ink-2);font-size:.96rem}
.sinc-home .sc-safe b{color:var(--ink)}

/* ---------- Enfoque ---------- */
.sinc-home #enfoque{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 110px)}
.sinc-home .sc-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 34px}
.sinc-home .sc-val{border-top:2px solid var(--border);padding-top:20px}
.sinc-home .sc-val h3{font-size:1.1rem}
.sinc-home .sc-val p{margin-top:10px;color:var(--ink-2);font-size:.95rem}

/* ---------- Contacto ---------- */
.sinc-home .sc-contact{background:var(--hero-ground);color:var(--hero-ink);position:relative;overflow:hidden;
  min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center}
.sinc-home .sc-contact::before{content:"";position:absolute;inset:0;
  background:radial-gradient(80% 120% at 15% 0%,rgba(24,150,155,.13),transparent 60%)}
.sinc-home .sc-contact-in{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.sinc-home .sc-contact h2{font-size:clamp(1.7rem,3.4vw,2.5rem);color:#fff}
.sinc-home .sc-contact p.sc-sub{color:var(--hero-ink-2);margin-top:16px;font-size:1.05rem;max-width:440px}
.sinc-home .sc-contact .sc-hero-cta{margin-top:28px}
.sinc-home .sc-cbox{background:rgba(255,255,255,.04);border:1px solid var(--hero-border);border-radius:12px;padding:26px 28px}
.sinc-home .sc-cbox .sc-row{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);align-items:flex-start}
.sinc-home .sc-cbox .sc-row:last-child{border-bottom:none}
.sinc-home .sc-cbox svg{width:18px;height:18px;color:var(--teal-bright);flex-shrink:0;margin-top:3px}
.sinc-home .sc-cbox .sc-k{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-ink-2);font-weight:600}
.sinc-home .sc-cbox .sc-v{color:#fff;font-size:.96rem;margin-top:3px}

/* ---------- Responsive ---------- */
@media (max-width:880px){
  .sinc-home .sc-pillars,.sinc-home .sc-steps,.sinc-home .sc-vals,.sinc-home .sc-contact-in{grid-template-columns:1fr}
  .sinc-home .sc-sec{padding:72px 0}
  .sinc-home .sc-hero-in{padding:82px 0 88px}
}
@media (prefers-reduced-motion:reduce){.sinc-home .sc-hero canvas{display:none}}

/* Cabecera sticky de Blocksy: pegarla al borde superior (quita la franja de 6px
   por la que se colaba el contenido). Se carga solo en la portada. */
[data-sticky]{top:0 !important}