/* Workshops de IA — extensão home/institucional v2 */

.page-ws{
  --line:var(--home-line);
  --muted:var(--home-muted);
  --shadow-soft:0 8px 24px rgba(15,23,42,.06);
}

.page-ws .hero--ws{
  min-height:620px;
  padding:148px 0 80px;
  background:#071525;
}
.page-ws .hero--ws::before{
  background:
    radial-gradient(ellipse 72% 62% at 18% 38%,rgba(4,14,28,.55) 0%,rgba(4,14,28,.2) 48%,transparent 78%),
    radial-gradient(ellipse 52% 48% at 82% 42%,rgba(25,103,255,.18) 0%,transparent 68%),
    radial-gradient(ellipse 40% 36% at 18% 72%,rgba(52,212,255,.1) 0%,transparent 70%),
    linear-gradient(180deg,rgba(4,14,28,.2),rgba(4,14,28,.08));
}
.page-ws .hero--ws .hero-inner{max-width:760px}
.page-ws .hero--ws .hero-copy p{max-width:620px}
.page-ws .hero-note{
  max-width:620px;margin:0 0 28px;color:#c5d4e4;font-size:.92rem;line-height:1.5;font-weight:600
}
.page-ws .hero-note i{color:var(--home-cyan);margin-right:8px}
.page-ws .hero-copy{position:relative;z-index:1}

.page-ws .motive-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px
}
.page-ws .motive-card{
  background:#fff;border:1px solid var(--home-line);border-radius:20px;padding:28px 26px;
  min-height:240px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.page-ws .motive-card:hover{
  transform:translateY(-3px);border-color:#c5d8ec;box-shadow:0 16px 36px rgba(25,103,255,.08)
}
.page-ws .motive-card .icon{
  width:28px;height:28px;color:#0c1b2d;margin-bottom:22px
}
.page-ws .motive-card .icon svg{display:block;width:28px;height:28px}
.page-ws .motive-card h3{margin:0 0 10px;font-size:1.2rem}
.page-ws .motive-card p{margin:0 0 14px;color:#68707a}
.page-ws .motive-card ul{
  margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px
}
.page-ws .motive-card li{
  font-size:.78rem;font-weight:600;color:#4f5660;background:#f4f7fb;padding:6px 9px;border-radius:8px
}
.page-ws .motive-note{
  margin:28px 0 0;padding:20px 24px;border-radius:18px;
  background:#0a1b30;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:-.02em
}

.page-ws .format-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px
}
.page-ws .format-card{
  background:#fff;border:1px solid var(--home-line);border-radius:20px;padding:26px 22px;min-height:240px
}
.page-ws .format-card .time{
  display:inline-block;margin-bottom:22px;padding:6px 10px;border-radius:999px;
  background:#e8f4ff;color:#1554a6;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase
}
.page-ws .format-card h3{margin:0 0 10px;font-size:1.12rem}
.page-ws .format-card p{margin:0;color:#68707a;font-size:.9rem}
.page-ws .format-note{margin:22px 0 0;color:var(--home-muted);font-size:.92rem}

.page-ws .tech-layout{
  display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center
}
.page-ws .tech-tools{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none
}
.page-ws .tech-tools li{
  background:#fff;border:1px solid var(--home-line);border-radius:16px;
  padding:18px 16px;text-align:center;font-weight:700;color:#3a4450
}
.page-ws .tech-aside{
  margin:18px 0 0;color:#68707a;font-size:.95rem;line-height:1.55
}

.page-ws .process-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-ws .process-4 .process-step{min-height:240px}
.page-ws .process-4 .process-step h3{margin:48px 0 10px}
.page-ws .process-note{margin:28px 0 0;color:#b9c1cb;max-width:820px}

.page-ws .audience-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px
}
.page-ws .audience-card{
  background:#fff;border:1px solid var(--home-line);border-radius:20px;padding:24px;min-height:210px
}
.page-ws .audience-card h3{margin:0 0 10px;font-size:1.12rem}
.page-ws .audience-card p{margin:0;color:#68707a;font-size:.9rem}

.page-ws .next-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 28px
}
.page-ws .next-card{
  background:#fff;border:1px solid var(--home-line);border-radius:18px;padding:22px 20px
}
.page-ws .next-card h3{margin:0 0 8px;font-size:1.05rem}
.page-ws .next-card p{margin:0 0 14px;color:#68707a;font-size:.9rem}
.page-ws .next-list{
  margin:0;padding:0;list-style:none;display:grid;gap:8px
}
.page-ws .next-list li{
  color:#4f5660;font-size:.9rem;padding-left:14px;position:relative
}
.page-ws .next-list li::before{
  content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--home-blue)
}
.page-ws .next-links{display:flex;flex-wrap:wrap;gap:10px 18px}

.page-ws .challenge-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px
}
.page-ws .challenge-quote{
  width:100%;text-align:left;padding:20px 22px;border-radius:18px;
  border:1px solid var(--home-line);background:#fff;color:#0c1b2d;
  font:inherit;font-size:1rem;font-weight:600;cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.page-ws .challenge-quote:hover{
  transform:translateY(-2px);border-color:#b9d4f0;box-shadow:var(--home-shadow)
}
.page-ws .challenge-close{
  margin:28px 0 0;font-size:1.05rem;font-weight:700;color:var(--home-text)
}

.page-ws .convert{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start
}
.page-ws .ws-form{
  background:#fff;border:1px solid var(--home-line);border-radius:24px;padding:28px 26px;
  box-shadow:var(--shadow-soft)
}
.page-ws .ws-form-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px
}
.page-ws .ws-field{display:grid;gap:6px}
.page-ws .ws-field--full{grid-column:1 / -1}
.page-ws .ws-field label,
.page-ws .ws-field legend{font-size:.78rem;font-weight:800;color:#334155}
.page-ws fieldset.ws-field{border:0;margin:0;padding:0;min-width:0}
.page-ws .ws-field input,
.page-ws .ws-field select,
.page-ws .ws-field textarea{
  width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;
  font:inherit;font-size:.95rem;background:#fff;color:var(--home-text)
}
.page-ws .ws-field textarea{min-height:140px;resize:vertical;line-height:1.5}
.page-ws .ws-field input:focus,
.page-ws .ws-field select:focus,
.page-ws .ws-field textarea:focus{
  outline:none;border-color:#4338ca;box-shadow:0 0 0 3px rgba(67,56,202,.18)
}
.page-ws .ws-choice{
  display:flex;flex-wrap:wrap;gap:8px
}
.page-ws .ws-choice label{
  display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;
  border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap
}
.page-ws .ws-choice input{accent-color:var(--home-blue)}
.page-ws .ws-form-status{min-height:18px;margin:10px 0 0;color:#b91c1c;font-size:.82rem;font-weight:700}
.page-ws .ws-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.page-ws .ws-form-success{
  display:none;border-radius:16px;background:#ecfdf5;border:1px solid #a7f3d0;padding:18px;color:#14532d
}
.page-ws .ws-form-success.is-visible{display:block}
.page-ws .ws-form-success h3{margin:0 0 8px;font-size:1.1rem}
.page-ws .ws-form-success p{margin:0;color:#166534}
.page-ws .ws-form.is-sent .ws-form-grid,
.page-ws .ws-form.is-sent .ws-form-actions,
.page-ws .ws-form.is-sent .ws-choice-block{display:none}

.page-ws .faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}
.page-ws details{
  border:1px solid var(--home-line);background:#fff;border-radius:18px;
  padding:18px 22px;transition:box-shadow .2s ease,border-color .2s ease
}
.page-ws details[open]{border-color:#b9d4f0;box-shadow:var(--home-shadow)}
.page-ws summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  gap:18px;font-weight:700;cursor:pointer;font-size:.94rem
}
.page-ws summary::-webkit-details-marker{display:none}
.page-ws summary .plus{
  flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#e8f4ff;
  color:var(--home-blue);display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:1.1rem;transition:transform .25s ease
}
.page-ws details[open] summary .plus{transform:rotate(45deg);background:var(--home-blue);color:#fff}
.page-ws details .answer{color:#68707a;margin:14px 0 0;line-height:1.6;font-size:.92rem}

.page-ws .final-cta--navy{
  background:linear-gradient(160deg,#06111f,#0a213b);color:#fff
}
.page-ws .final-cta--navy .eyebrow{color:#aab2bc}
.page-ws .final-cta--navy .lead{color:#b9c1cb;max-width:640px}
.page-ws .final-cta--navy .btn-ghost-dark{border-color:rgba(255,255,255,.36);color:#fff}
.page-ws .final-cta--navy .btn-ghost-dark:hover{background:rgba(255,255,255,.08)}
.page-ws .final-cta--navy .btn-dark{background:#fff;color:#06182b}
.page-ws .final-cta--navy .btn-dark:hover{background:#e8f1fb}

.page-ws :focus-visible{outline:3px solid #75b8ff;outline-offset:3px;border-radius:8px}

@media(max-width:980px){
  .page-ws .tech-layout,
  .page-ws .convert{grid-template-columns:1fr}
  .page-ws .motive-grid,
  .page-ws .format-grid,
  .page-ws .audience-grid,
  .page-ws .next-grid,
  .page-ws .challenge-grid,
  .page-ws .faq{grid-template-columns:1fr 1fr}
  .page-ws .process-4{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .page-ws .hero--ws{padding:128px 0 56px;min-height:0}
  .page-ws .motive-grid,
  .page-ws .format-grid,
  .page-ws .audience-grid,
  .page-ws .next-grid,
  .page-ws .challenge-grid,
  .page-ws .faq,
  .page-ws .process-4,
  .page-ws .tech-tools,
  .page-ws .ws-form-grid{grid-template-columns:1fr}
  .page-ws .hero-actions .btn,
  .page-ws .ws-form-actions .btn,
  .page-ws .final-actions .btn{width:100%}
  .page-ws .ws-form{padding:22px 18px}
}