/* Agende uma visita › "Qual o seu interesse?" (Agenda 1.13.0). Cor de cada opção: --al-int-cor, texto sobre ela: --al-int-ink (painel). */

/* Enquanto a pessoa não escolhe a Escola, a agenda de visita fica escondida (sem piscar antes do JS). */
.al-visits:has([data-al-visit-interest]:not([data-state=agenda])) [data-al-visit-form]{display:none!important}

.al-visit-interest{margin-top:32px}
.al-visits .al-visit-interest-picker{margin-top:0}
.al-visit-interest-help{margin:-6px 0 16px;font-size:18px;line-height:1.5;color:var(--muted,#757575)}
.al-visit-interest-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}

.al-visits .al-visit-interest-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:112px;margin:0;padding:18px 16px 16px;text-align:left;white-space:normal;
 background:var(--surface,#fff);color:var(--ink,#191919);border:1px solid var(--field-border-accessible,#8a8a8a);border-top:6px solid var(--al-int-cor,#febc0f);border-radius:var(--radius-control,3px);box-shadow:none;font-weight:400;font-size:16px;line-height:1.35;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.al-visits .al-visit-interest-option:hover{background:color-mix(in srgb,var(--al-int-cor,#febc0f) 16%,var(--surface,#fff))}
.al-visits .al-visit-interest-option[aria-pressed=true]{background:var(--al-int-cor,#febc0f);color:var(--al-int-ink,#060015);border-color:var(--al-int-cor,#febc0f)}
.al-visit-interest-name{font-weight:700;font-size:19px;line-height:1.2}
.al-visit-interest-desc{font-size:15px;opacity:.85}

.al-visit-interest-panel{margin-top:24px;padding:24px 28px;border-left:6px solid var(--al-int-cor,#febc0f);background:var(--brand-cream,#fef3de);color:var(--ink,#191919);border-radius:0 var(--radius-dialog,5px) var(--radius-dialog,5px) 0}
.al-visit-interest-panel:focus{outline:none}
.al-visits .al-visit-interest-panel-title{font-family:inherit;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 10px;text-transform:none;color:inherit}
.al-visit-interest-text{font-size:18px;line-height:1.5;max-width:40em}
.al-visit-interest-text p{margin:0 0 10px}
.al-visits .al-visit-interest-cta,.al-visits .al-visit-interest-cta:hover{display:inline-flex;align-items:center;gap:8px;margin-top:8px;min-height:52px;padding:14px 26px;border-radius:var(--radius-control,3px);background:var(--al-int-cor,#febc0f);color:var(--al-int-ink,#060015)!important;font-weight:700;font-size:18px;text-decoration:none!important}
.al-visits .al-visit-interest-cta:hover{filter:brightness(.94)}
.al-visits .al-visit-interest-cta:focus-visible{outline:3px solid var(--ink,#191919);outline-offset:3px}

/* Modo escuro da Identidade. */
html[data-lii-theme=dark] .lii-theme-enabled .al-visits .al-visit-interest-option:not([aria-pressed=true]){background:transparent;color:var(--lii-page-ink,#fff9ed);border-color:var(--lii-page-line,#564b65);border-top-color:var(--al-int-cor,#febc0f)}
html[data-lii-theme=dark] .lii-theme-enabled .al-visits .al-visit-interest-option:not([aria-pressed=true]):hover{background:var(--lii-page-card,#20172d)}
html[data-lii-theme=dark] .lii-theme-enabled .al-visit-interest-panel{background:var(--lii-page-card,#20172d);color:var(--lii-page-ink,#fff9ed)}
html[data-lii-theme=dark] .lii-theme-enabled .al-visits .al-visit-interest-cta:focus-visible{outline-color:var(--lii-page-ink,#fff9ed)}

@media(max-width:600px){
 .al-visit-interest{margin-top:24px}
 .al-visit-interest-help{font-size:16px;margin-bottom:12px}
 .al-visit-interest-options{grid-template-columns:1fr 1fr;gap:8px}
 .al-visit-interest-options>.al-visit-interest-option:last-child:nth-child(odd){grid-column:1/-1}
 .al-visits .al-visit-interest-option{min-height:88px;padding:12px 12px 12px}
 .al-visit-interest-name{font-size:17px}
 .al-visit-interest-desc{font-size:14px}
 .al-visit-interest-panel{padding:18px 18px;margin-top:16px}
 .al-visit-interest-text{font-size:16px}
 .al-visits .al-visit-interest-cta{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.al-visits .al-visit-interest-option{transition:none}}

/* 1.13.1: formulário curto antes do WhatsApp (interesse manifestado no CRM). */
.al-visit-interest-lead{margin-top:16px;max-width:760px}
.al-visits .al-visit-interest-lead .al-visit-fields{grid-template-columns:1fr 1fr 1fr;margin:0 0 4px}
.al-visits .al-visit-interest-lead .al-visit-consent{margin:12px 0 4px}
.al-visits .al-visit-interest-lead [aria-invalid=true]{border-color:#b3261e;outline:2px solid #b3261e;outline-offset:0}
.al-visit-interest-status{margin:10px 0 0;font-size:16px}
.al-visit-interest-status a{color:inherit;text-decoration:underline}
.al-visits .al-visit-interest-lead .al-visit-interest-msg{grid-column:1/-1}
.al-visits .al-visit-interest-lead textarea{font:inherit;font-weight:400;min-height:46px;padding:10px;border:1px solid var(--field-border-accessible,#8a8a8a);border-radius:var(--radius-control,3px);background:var(--surface,#fff);color:var(--ink,#191919);resize:vertical}
.al-visit-interest-ok{margin:16px 0 0;padding:14px 16px;border-left:4px solid var(--al-int-cor,#febc0f);background:var(--surface,#fff);font-size:18px;font-weight:700}
.al-visit-interest-ok:focus{outline:none}
@media(max-width:800px){.al-visits .al-visit-interest-lead .al-visit-fields{grid-template-columns:1fr}}

/* 1.13.2: regra de formulário do Design System: a grade nunca deixa espaço vazio.
   Até 3 campos por linha. Sobrou 2 no fim: metade e metade. Sobrou 1: as duas últimas linhas viram metades (2 + 2). */
.al-visits .al-visit-interest-lead .al-form-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.al-form-grid>*{grid-column:span 2}
.al-form-grid>:only-child{grid-column:1/-1}
.al-form-grid>:nth-child(3n+1):nth-last-child(2),.al-form-grid>:nth-child(3n+1):nth-last-child(2)~*,
.al-form-grid>:nth-child(3n+1):nth-last-child(4),.al-form-grid>:nth-child(3n+1):nth-last-child(4)~*{grid-column:span 3}
.al-visits .al-visit-interest-lead .al-visit-interest-msg{display:grid;gap:6px;margin:16px 0 0}
.al-visits .al-visit-interest-lead select{font:inherit;font-weight:400;width:100%;min-height:46px;padding:10px 38px 10px 10px;border:1px solid var(--field-border-accessible,#8a8a8a);border-radius:var(--radius-control,3px);background-color:var(--surface,#fff);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;color:var(--ink,#191919);appearance:none}
@media(max-width:800px){.al-visits .al-visit-interest-lead .al-form-grid{grid-template-columns:1fr}.al-form-grid>*,.al-form-grid>*~*{grid-column:1/-1!important}}

/* 1.13.3: cartões do "Qual o seu interesse?" por prioridade, sem buraco no grid. A ordem vem do painel.
   Até 3 por linha. Sobrou 2: a primeira linha tem 2 (ex.: Escola e Estúdio em cima, Café, Oficinas e Espaço Cultural embaixo).
   Sobrou 1: as duas primeiras linhas têm 2. No celular, 2 por linha e, se for ímpar, o primeiro ocupa a linha toda. */
.al-visit-interest-options{grid-template-columns:repeat(6,minmax(0,1fr))}
.al-visit-interest-options>*{grid-column:span 2}
.al-visit-interest-options>:only-child{grid-column:1/-1}
.al-visit-interest-options>:first-child:nth-last-child(3n+2),.al-visit-interest-options>:first-child:nth-last-child(3n+2)+*,
.al-visit-interest-options>:first-child:nth-last-child(3n+4),.al-visit-interest-options>:first-child:nth-last-child(3n+4)+*,.al-visit-interest-options>:first-child:nth-last-child(3n+4)+*+*,.al-visit-interest-options>:first-child:nth-last-child(3n+4)+*+*+*{grid-column:span 3}
@media(max-width:600px){.al-visit-interest-options{grid-template-columns:1fr 1fr}.al-visit-interest-options>*,.al-visit-interest-options>.al-visit-interest-option:last-child:nth-child(odd){grid-column:auto!important}.al-visit-interest-options>:first-child:nth-last-child(odd){grid-column:1/-1!important}}

/* 1.13.4: painel de cada opção no mesmo padrão da Escola: fundo da página, largura total, sem caixa colorida. */
.al-visit-interest-panel,html[data-lii-theme=dark] .lii-theme-enabled .al-visit-interest-panel{margin-top:32px;padding:0;border:0;border-radius:0;background:transparent;color:inherit}
.al-visit-interest-text,.al-visit-interest-lead{max-width:none}
.al-visit-interest-ok{background:transparent}
@media(max-width:600px){.al-visit-interest-panel{padding:0;margin-top:24px}}