/*
Theme Name: Blocksy Child
Theme URI:
Description: Blocksy child theme — SalGenIA.
Author: Furious Koalas
Author URI:
Template: blocksy
Version: 0.3.0
*/

/* ============================================================
   SalGenIA — estilos de la landing (paleta Salud + IA)
   ============================================================ */
:root{
  --sg-primary:#0b5c8f;      /* azul confianza */
  --sg-primary-d:#08425f;
  --sg-accent:#1fae7d;       /* verde salud */
  --sg-accent-d:#158a62;
  --sg-ink:#0e2233;          /* navy oscuro */
  --sg-body:#33434f;
  --sg-muted:#61727d;
  --sg-soft:#eef4f8;         /* fondo claro secciones */
  --sg-soft2:#e8f5ee;        /* fondo verde muy suave */
  --sg-line:#d7e3ec;
  --sg-white:#ffffff;
  --sg-radius:16px;
  --sg-shadow:0 10px 30px rgba(14,34,51,.08);
}

/* Ocultar el título/hero por defecto de la página portada (landing a pantalla completa) */
.home .entry-header,
.home .page-title,
.home [data-prefix="single_page"] .ct-hero-section{ display:none !important; }

/* Base tipográfica de las secciones */
.sg-section{ padding-block:76px; }
.sg-inner{ max-width:1140px; margin-inline:auto; padding-inline:24px; }
.sg-section p{ color:var(--sg-body); font-size:1.05rem; line-height:1.7; }
.sg-narrow{ max-width:820px; }

.sg-eyebrow{
  display:inline-block; font-size:.82rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--sg-accent-d); margin:0 0 .6rem;
}
.sg-section h2{ font-size:clamp(1.7rem,3.5vw,2.5rem); line-height:1.2; color:var(--sg-ink); margin:.2rem 0 1rem; }
.sg-section h3{ color:var(--sg-ink); }
.sg-lead{ font-size:1.18rem !important; color:var(--sg-body); }

/* --- Botones --- */
.sg-section .wp-block-button__link,
.sg-hero .wp-block-button__link{
  border-radius:999px; padding:.85em 1.9em; font-weight:600; font-size:1.02rem;
}
.sg-btn-primary .wp-block-button__link{
  background:var(--sg-accent); color:#fff; border:2px solid var(--sg-accent);
  transition:background .15s,transform .15s;
}
.sg-btn-primary .wp-block-button__link:hover{ background:var(--sg-accent-d); border-color:var(--sg-accent-d); transform:translateY(-1px); }
.sg-btn-ghost .wp-block-button__link{
  background:transparent; color:#fff; border:2px solid rgba(255,255,255,.6);
}
.sg-btn-ghost .wp-block-button__link:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.sg-btn-dark .wp-block-button__link{ background:var(--sg-primary); color:#fff; border:2px solid var(--sg-primary); }
.sg-btn-dark .wp-block-button__link:hover{ background:var(--sg-primary-d); border-color:var(--sg-primary-d); }

/* --- HERO --- */
.sg-hero{
  background:linear-gradient(135deg,var(--sg-primary) 0%,var(--sg-primary-d) 45%,var(--sg-accent-d) 130%);
  color:#fff; text-align:center; padding-block:96px;
  position:relative; overflow:hidden;
}
.sg-hero::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 78% 18%,rgba(31,174,125,.35),transparent 42%),
             radial-gradient(circle at 12% 88%,rgba(255,255,255,.12),transparent 40%);
  pointer-events:none;
}
.sg-hero .sg-inner{ position:relative; z-index:1; max-width:900px; }
.sg-hero .sg-eyebrow{ color:#bff0dc; }
.sg-hero h1{ font-size:clamp(2.1rem,5vw,3.4rem); line-height:1.12; color:#fff; margin:.3rem 0 1.1rem; }
.sg-hero p{ color:rgba(255,255,255,.92); }
.sg-hero .sg-lead{ font-size:1.25rem !important; color:rgba(255,255,255,.94); max-width:720px; margin-inline:auto; }
.sg-hero .wp-block-buttons{ justify-content:center; margin-top:1.8rem; gap:14px; }
.sg-trustline{ margin-top:1.9rem !important; font-size:.95rem !important; color:rgba(255,255,255,.82) !important; }

/* --- Secciones alternas --- */
.sg-soft{ background:var(--sg-soft); }
.sg-dark{ background:var(--sg-ink); }
.sg-dark .sg-eyebrow{ color:#7fd3b0; }
.sg-dark h2,.sg-dark h3{ color:#fff; }
.sg-dark p{ color:rgba(255,255,255,.82); }

/* --- Pilares (columnas simples) --- */
.sg-pillars .wp-block-column{
  background:#fff; border:1px solid var(--sg-line); border-radius:var(--sg-radius);
  padding:26px 24px; box-shadow:var(--sg-shadow);
}
.sg-pillars h3{ font-size:1.15rem; margin:.2rem 0 .5rem; }
.sg-pillars p{ font-size:1rem !important; margin:0; }

/* --- Pasos numerados --- */
.sg-steps{ counter-reset:step; }
.sg-steps .wp-block-column{ position:relative; padding:8px 6px 8px 0; }
.sg-step{ background:#fff; border:1px solid var(--sg-line); border-radius:var(--sg-radius);
  padding:26px 22px 22px; box-shadow:var(--sg-shadow); height:100%; }
.sg-step h3{ font-size:1.12rem; margin:.6rem 0 .4rem; }
.sg-step p{ font-size:.99rem !important; margin:0; }
.sg-step::before{
  counter-increment:step; content:counter(step);
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:50%;
  background:linear-gradient(135deg,var(--sg-primary),var(--sg-accent));
  color:#fff; font-weight:700; font-size:1.15rem;
}

/* --- Tarjetas de características --- */
.sg-cards .wp-block-column{
  background:#fff; border:1px solid var(--sg-line); border-top:4px solid var(--sg-accent);
  border-radius:var(--sg-radius); padding:26px 24px; box-shadow:var(--sg-shadow);
}
.sg-cards h3{ font-size:1.14rem; margin:0 0 .5rem; color:var(--sg-ink); }
.sg-cards p{ font-size:1rem !important; margin:0; }

/* --- Para quién (chips) --- */
.sg-audience .wp-block-column{
  background:#fff; border:1px solid var(--sg-line); border-radius:var(--sg-radius);
  padding:20px; text-align:center; box-shadow:var(--sg-shadow); font-weight:600; color:var(--sg-ink);
}

/* --- Diferenciadores (sobre fondo oscuro) --- */
.sg-diff .wp-block-column{
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--sg-radius); padding:24px 22px;
}
.sg-diff h3{ font-size:1.1rem; margin:0 0 .5rem; }
.sg-diff p{ font-size:1rem !important; margin:0; }

/* --- CTA final --- */
.sg-cta{ background:linear-gradient(135deg,var(--sg-accent-d),var(--sg-primary)); color:#fff; text-align:center; }
.sg-cta h2{ color:#fff; }
.sg-cta p{ color:rgba(255,255,255,.92); }
.sg-cta .wp-block-buttons{ justify-content:center; margin-top:1.4rem; }

/* --- Furious Koalas / contacto --- */
.sg-company{ text-align:center; }
.sg-company .sg-inner{ max-width:760px; }
.sg-company a{ color:var(--sg-primary); font-weight:600; }

/* --- Botón CTA en el menú de cabecera --- */
.sg-menu-cta a,
li.sg-menu-cta > a{
  background:var(--sg-accent); color:#fff !important; border-radius:999px;
  padding:.55em 1.2em !important; font-weight:600;
}
.sg-menu-cta a:hover{ background:var(--sg-accent-d); }

/* --- Barra legal del pie (reemplaza el copyright por defecto de Blocksy) --- */
.ct-footer [data-row="bottom"]{ display:none !important; }
.sg-legal-bar{ background:var(--sg-ink); color:rgba(255,255,255,.72); padding:22px 24px; text-align:center; font-size:.9rem; line-height:1.6; }
.sg-legal-inner{ max-width:1140px; margin-inline:auto; }
.sg-legal-bar a{ color:rgba(255,255,255,.88); text-decoration:none; }
.sg-legal-bar a:hover{ color:#fff; text-decoration:underline; }

/* --- Responsive --- */
@media (max-width:781px){
  .sg-section{ padding-block:54px; }
  .sg-hero{ padding-block:72px; }
  .sg-step,.sg-cards .wp-block-column{ margin-bottom:4px; }
}