/* Template GH v4.1 — Montserrat, highlight color #08049C, no cards
   Scope: .aicg-lp (no additional class required)
   Notes:
   - Keeps existing HTML from build_lp_html(); removes card visuals
   - First section (first .card) uses brand background with inverted text
*/

/* Google Fonts import (safe fallback to system if blocked) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

.container, .container-fluid{
	margin: 0 !important;
    padding: 0 !important;
}

.aicg-lp {
  /* Tokens */
  --brand:#08049C;            /* highlight color: updated to #08049C as requested */
  --bg:#f7f9fc;               /* page background */
  --text:#0e1216;             /* default text */
  --muted:#ffffff;            /* muted text */
  --border:#e6eaf0;           /* subtle separators */
  --radius:0px;              /* soft radius for featured blocks */
  --max:1120px;

  font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  max-width:var(--max);
  margin:0 auto;
  padding:24px 18px 32px;
}

.aicg-lp *{box-sizing:border-box}
.aicg-lp img{max-width:100%;display:block}
.aicg-lp a{text-decoration:none;color:var(--brand)}

/* Remove card visuals completely */
.aicg-lp .card{background:transparent;border:0;box-shadow:none;margin:0 0 28px 0;margin-top:-1.5rem;padding:0;border-radius:0px;}

.aicg-lp .card div:not(.check){
  display:flex;flex-direction:column;
}
.aicg-lp .card div h2{
  order: 1;
  margin-bottom: 1rem !important;
  margin-top: -10px !important;
}
.aicg-lp .card div .eyebrow{
  order: 2;
  text-align: center;
  display: block !important;
}

.progress, .aicg-lp-cta-secondary{
  display: none !important;
}

h1{
	display: none !important;
}

.py-5{
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.check {
  position: relative;
  padding-left: 55px !important; /* espaço para o ícone */
}

.check::before {
  content: "";
  position: absolute;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-image: url("/wp-content/plugins/templates-for-wp-blog/assets/img/check.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.aicg-lp .card:nth-of-type(2) > .btn-row{
  display: none !important;
}

.aicg-lp .card:nth-of-type(2) > p{
  display: none !important;
}

.aicg-lp .promo .media{
  display: none !important;
}

p.eyebrow{
  display: none !important;
}

.aicg-lp .card:nth-of-type(2) div p {
  display: none !important;
}

/* HERO (first section) — brand background with inverted text */
.aicg-lp .card:first-of-type{
  background:var(--brand);
  color:#fff;
  border-radius:0px;
  padding:28px 22px 22px;
}
.aicg-lp .card:first-of-type .eyebrow,
.aicg-lp .card:first-of-type h1,
.aicg-lp .card:first-of-type h2,
.aicg-lp .card:first-of-type h3,
.aicg-lp .card:first-of-type p,
.aicg-lp .card:first-of-type .lead{color:#fff}
button:hover{color:var(--brand);}

/* Hide the intro block (h3 + lead) inside the first card */
.aicg-lp .card:first-of-type > div:nth-of-type(3){
  display:none; /* hide subheading/lead block from hero to meet requested order */
}

/* Title styles */
.aicg-lp h1,.aicg-lp h2,.aicg-lp h3{margin:0;color:var(--text);text-align:center;}
.aicg-lp h2{font-weight:800;font-size:clamp(1.6rem,2.6vw + 1rem,2.3rem);line-height:1.2}
.aicg-lp h3{font-weight:700;font-size:1.125rem}
.aicg-lp .eyebrow{font-size:1rem;color:var(--muted)}
.aicg-lp .lead{color:var(--muted)}

/* Ad blocks */
.aicg-lp .ad-space,
.aicg-lp .ad-placeholder{
  min-height:220px;border:1px dashed #444444;border-radius:0px;
  display:flex;align-items:center;justify-content:center;color: #444444;
  margin:12px 0;
}
/* On light sections, ad border/text become dark */
.aicg-lp .card:not(:first-of-type) .ad-space,
.aicg-lp .card:not(:first-of-type) .ad-placeholder{border-color:var(--border);color:#9aa2ad}

/* Ad blocks inside hero with brand tone */
.aicg-lp .card:first-of-type .ad-space,
.aicg-lp .card:first-of-type .ad-placeholder{
  border-color: rgba(255,255,255,.45);
  color: rgba(255,255,255,.85);
}

/* Image container */
.aicg-lp .img-card{border-radius:0px;overflow:hidden}

/* Two-column layout for hero body (intro + image) */
@media (min-width:960px){
  .aicg-lp .card:first-of-type{
    display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:
      "head head"
      "ad ad"
      "copy media"
      "cta cta";
    row-gap:10px;
  }
  .aicg-lp .card:first-of-type > div:first-child{grid-area:head;text-align:center}
  .aicg-lp .card:first-of-type .ad-space{grid-area:ad}
  .aicg-lp .card:first-of-type > div:nth-of-type(3){grid-area:copy;padding:4px 6px 0}
  .aicg-lp .card:first-of-type .img-card{grid-area:media}
  .aicg-lp .card:first-of-type .btn-row{grid-area:cta}
}

/* CTA buttons */
.aicg-lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:760px;padding:16px 26px;border-radius:0px;cursor:pointer;border:1px solid transparent;font-weight:800;letter-spacing:.2px;transition:transform .2s ease, box-shadow .2s ease}
.aicg-lp .btn-row{display:flex;justify-content:center;padding:16px}
.aicg-lp .btn:after{content:"\00BB";font-size:1.06em}

/* Default CTA: brand background */
.aicg-lp .btn{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(10,49,96,.25);text-transform: uppercase;}
.aicg-lp .btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(10,49,96,.28)}

/* Inverted CTA used on brand background (first section) */
.aicg-lp .card:first-of-type .btn{background:#fff;color:#111;box-shadow:0 8px 20px rgba(255,255,255,.18)}
.aicg-lp .card:first-of-type .btn:hover{box-shadow:0 12px 26px rgba(255,255,255,.22)}

/* Benefits list — clean, no boxes; just check + text using brand color */
.aicg-lp .checks{display:grid;gap:12px;margin:18px;}
@media (min-width:900px){.aicg-lp .checks{grid-template-columns:1fr 1fr}}
.aicg-lp .check{display:flex;align-items:center;gap:10px;padding:6px 0}
.aicg-lp .check svg{flex:0 0 22px}
.aicg-lp .check circle,.aicg-lp .check path{stroke:var(--brand)}

/* Promo (third section) stays light, no card visuals */
.aicg-lp .promo .media{margin-bottom:12px}
.aicg-lp .promo .copy{padding:0}
.aicg-lp .promo h3{text-align:center;margin:0 0 10px;color:var(--text)}
.aicg-lp .promo .lead{margin:0 auto 10px;max-width:60ch;text-align:center;color:var(--muted)}
.aicg-lp .promo .more{display:flex;justify-content:center}

/* Helpers */
.aicg-lp .center{text-align:center}

/* =====================
   Mobile responsiveness
   ===================== */
@media (max-width: 767px) {
  .aicg-lp { padding: 18px 14px 22px; --radius:12px; }
  .aicg-lp h2 { font-size: 1.35rem; line-height: 1.25; }
  .aicg-lp h3 { font-size: 1.05rem; }
  .aicg-lp .eyebrow { font-size: 1rem; }
  .aicg-lp .lead { font-size: .97rem; }

  .aicg-lp .card:first-of-type { padding: 22px 16px 16px; }
  .aicg-lp .btn { max-width: 100%; padding: 14px 18px; font-size: .97rem; border-radius: 0px; }
  .aicg-lp .btn-row { padding: 12px; }

  .aicg-lp .ad-space, .aicg-lp .ad-placeholder { min-height: 180px; margin: -14px !important; margin-bottom: 30px !important; background-color: #ffffff; color: #fafafa; border-radius: 0px; }
  .aicg-lp .checks { gap: 10px; margin: 14px 0; margin-left: -30px !important; margin-right: -30px !important; }
  .aicg-lp .check { padding: 6px 0; }
  .aicg-lp .check svg { width: 20px; height: 20px; }
  .aicg-lp .promo h3 { font-size: 1.05rem; }
  .aicg-lp .promo .lead { font-size: .97rem; }
}

@media (max-width: 480px) {
  .aicg-lp { padding: 0 !important; --radius:10px; }
  .aicg-lp h2 { font-size: 1.25rem; line-height: 1.25; }
  .aicg-lp h3 { font-size: 1rem; }
  .aicg-lp .eyebrow { font-size: 1rem; margin-left: -15px; margin-right: -15px;}
  .aicg-lp .lead { font-size: .95rem; }

  .aicg-lp .card:first-of-type { padding: 20px 14px 14px; }
  .aicg-lp .btn { padding: 12px 16px; font-size: .9rem; border-radius: 0px; }
  .aicg-lp .btn-row { padding: 10px; margin-bottom: -5px; }

  .aicg-lp .ad-space, .aicg-lp .ad-placeholder { min-height: 150px; margin: 8px 0; border-radius: 0px; }
  .aicg-lp .checks { gap: 8px; margin: 12px; }
  .aicg-lp .check { padding: 4px 0; margin-left: 12px; margin-right: 12px;}
  .aicg-lp .check svg { width: 18px; height: 18px; }
  .aicg-lp .promo h3 { font-size: 1rem; }
  .aicg-lp .promo .lead { font-size: .95rem; }

  .aicg-lp .card:nth-of-type(2) > .btn-row{ margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
  
  .more{ padding-left: 10px; padding-right: 10px;}
  h3, p{ padding-right: 10px !important; padding-left: 10px !important; text-align: center; }
  p{
    color: #111;
  }
}

/* Second card: bring CTA2 to the top, then note, then benefits */
.aicg-lp .card:nth-of-type(2){
  display:grid;
  grid-template-areas:
    'cta2'
    'note2'
    'benefits';
  margin-top: -45px;
}
.aicg-lp .card:nth-of-type(2) > .btn-row{ grid-area: cta2; padding-top: 18px; padding-bottom: 12px; }
.aicg-lp .card:nth-of-type(2) > p{ grid-area: note2; }
.aicg-lp .card:nth-of-type(2) > div:first-child{ grid-area: benefits; }

/* Give CTA2 the same brand background strip (#08049C) */
.aicg-lp .card:nth-of-type(2) > .btn-row{
  background: var(--brand);
  margin-left: -18px;  
  margin-right: -18px; 
  padding-left: 18px;  
  padding-right: 18px; 
}
@media (max-width: 480px){
  .aicg-lp .card:nth-of-type(2) > .btn-row{ margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
}

/* Style "vantagens" (benefits) items with background #e9e9e9 and icon/text in #08049C */
.aicg-lp .checks{ gap: 12px; margin: 18px; }
.aicg-lp .check{
  background:#e9e9e9;
  border:1px solid #e1e1e1;
  border-radius:0px;
  padding:12px 14px;
}
.aicg-lp .check span{ color:#08049C; font-weight:600; }
.aicg-lp .check circle{ stroke:#08049C !important; }
.aicg-lp .check path{ stroke:#08049C !important; }