/* O WhatsApp leva ao briefing na página; o ícone permanece compacto em qualquer tela. */
.whatsapp-float { width: 57px; height: 57px; padding: 13px; justify-content: center; }
.whatsapp-float span { display: none; }
.food-card--tartare .food-image img { object-position: 85% 50%; }
.experience-detail-image { display: none; }
.experience-mobile-contact { display: none; }

.event-quiz { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; padding: 100px max(60px,calc((100vw - 1240px)/2)); background: var(--olive); color: white; scroll-margin-top: 25px; }
.quiz-intro .eyebrow { color: #c2cdb8; }
.quiz-intro h2 { font-size: clamp(65px,6vw,90px); margin-bottom: 30px; }
.quiz-intro>p:not(.eyebrow) { color: #e0e5d9; font-size: 16px; line-height: 1.8; max-width: 410px; }
.quiz-intro .quiz-location { font-size: 12px!important; margin-top: 25px; color: #c3ceb9!important; }
.quiz-card { background: var(--paper); color: var(--ink); padding: 35px; min-width: 0; scroll-margin-top: 24px; }
.quiz-progress { display: flex; align-items: center; gap: 25px; margin-bottom: 28px; }
.quiz-progress>span { font-size: 11px; color: var(--text); white-space: nowrap; }
.quiz-progress progress { appearance: none; width: 100%; height: 3px; border: 0; background: #d7ddce; color: var(--ember); }
.quiz-progress progress::-webkit-progress-bar { background: #d7ddce; }
.quiz-progress progress::-webkit-progress-value { background: var(--ember); }
.quiz-progress progress::-moz-progress-bar { background: var(--ember); }
#event-quiz-form { margin: 0; }
.quiz-step { margin: 0; padding: 0; border: 0; min-inline-size: 0; }
.quiz-step legend { padding: 0; font: 36px/1.12 var(--display); letter-spacing: -.02em; width: 100%; margin-bottom: 12px; }
.quiz-help { font-size: 13px; line-height: 1.6; color: var(--text); margin-bottom: 22px; }
.quiz-options { display: grid; gap: 10px; }
.quiz-options-grid { grid-template-columns: 1fr 1fr; }
.quiz-options label { position: relative; display: block; margin: 0; font-size: 14px; font-weight: 400; }
.quiz-options input { position: absolute; left: 17px; top: calc(50% - 8px); width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; accent-color: var(--olive); z-index: 1; }
.quiz-options span { display: flex; align-items: center; min-height: 54px; padding: 13px 14px 13px 44px; border: 1px solid #cbd1c3; background: white; line-height: 1.4; cursor: pointer; }
.quiz-options input:checked+span { border-color: var(--olive); background: #e5eadf; }
.quiz-options input:focus-visible { outline: 0; }
.quiz-options input:focus-visible+span { outline: 2px solid var(--ember); outline-offset: 3px; }
.quiz-options label:hover span { border-color: #7a8a6b; }
.quiz-actions { display: flex; align-items: center; justify-content: flex-end; gap: 25px; margin-top: 22px; }
.quiz-back { padding: 7px 0; font-size: 12px; color: var(--olive); text-decoration: underline; text-underline-offset: 4px; }
.quiz-actions .quiz-back { margin-right: auto; }
.quiz-error { color: #9a2e18; font-size: 12px; line-height: 1.5; margin-top: 14px; }
.quiz-error:empty { display: none; }
.quiz-city { margin-top: 20px; }
.quiz-city label { margin-bottom: 7px; }
.quiz-city p { font-size: 11px; margin-top: 7px; }
#quiz-review h3 { font-size: 35px; margin-bottom: 22px; }
.quiz-summary { margin: 0 0 22px; }
.quiz-summary>div { padding: 11px 0; border-bottom: 1px solid #d7ddce; }
.quiz-summary dt { font-size: 11px; color: #6c7763; margin-bottom: 3px; }
.quiz-summary dd { font-size: 14px; margin: 0; overflow-wrap: anywhere; }
.quiz-date-label { flex-direction: row; justify-content: space-between; gap: 15px; margin-bottom: 8px; }
.quiz-date-label>span { font-weight: 400; color: #777f6f; }
#quiz-date { max-width: 100%; min-width: 0; margin-bottom: 8px; }
.quiz-message-details { font-size: 12px; margin: 16px 0; }
.quiz-message-details summary { cursor: pointer; color: var(--olive); }
#quiz-message-preview { white-space: pre-wrap; background: white; padding: 15px; margin-top: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.quiz-whatsapp { width: 100%; background: #176849; border-color: #176849; }
.quiz-whatsapp:hover { background: #105337; border-color: #105337; }
#quiz-edit { display: block; margin: 12px auto 0; }
.quiz-example { font-size: 10px; text-align: center; color: #6d7565; line-height: 1.5; margin-top: 17px; }
@media(max-width:1000px) {
  .event-quiz { gap: 45px; padding-inline: 40px; }
  .quiz-card { padding: 27px; }
  .quiz-options-grid { grid-template-columns: 1fr 1fr; }
  .quiz-options label { font-size: 12px; }
  .quiz-options span { padding-left: 37px; padding-right: 10px; }
  .quiz-options input { left: 12px; }
}
@media(max-width:700px) {
  .event-quiz { grid-template-columns: minmax(0,1fr); padding: 65px 24px 75px; gap: 35px; scroll-margin-top: 0; }
  .quiz-intro { text-align: center; }
  .quiz-intro h2 { font-size: 62px; margin-bottom: 21px; }
  .quiz-intro>p:not(.eyebrow) { font-size: 14px; margin-inline: auto; max-width: 350px; }
  .quiz-intro .quiz-location { display: none; }
  .quiz-intro .eyebrow { margin-bottom: 18px; }
  .quiz-card { padding: 26px 22px; }
  .quiz-step legend { font-size: 33px; }
  .quiz-options label { font-size: 13px; }
  .quiz-options-grid span { padding-left: 34px; padding-right: 7px; }
  .quiz-options-grid input { left: 10px; }
  .quiz-options span { min-height: 53px; }
  .quiz-actions .button { font-size: 12px; padding: 12px 18px; gap: 12px; }
  .quiz-progress { gap: 20px; margin-bottom: 24px; }
  .quiz-city input,#quiz-date { font-size: 16px; }
  .quiz-whatsapp { font-size: 12px; padding-inline: 15px; gap: 12px; }
}
@media(max-width:600px) {
  .food-image { height: auto; aspect-ratio: 1; }
  .food-card--tartare .food-image img { object-position: 85% 50%; }
  .experience-grid { display: grid; grid-template-columns: 42% minmax(0,1fr); gap: 35px 22px; align-items: center; text-align: left; margin-top: 38px; margin-bottom: 35px; }
  .experience-grid .experience-side { display: contents; }
  .experience-grid .experience-preparo-photo { grid-column: 1; grid-row: 1; width: 100%; height: 220px; order: initial; border-radius: 130px 130px 0 0; }
  .experience-preparo { grid-column: 2; grid-row: 1; }
  .experience-grid h3 { font-size: 30px; margin-bottom: 12px; }
  .experience-grid p { font-size: 13px; line-height: 1.65; }
  .experience-menu,.experience-equipe { grid-column: 1/-1; display: grid; align-items: center; gap: 22px; }
  .experience-menu { grid-row: 2; grid-template-columns: minmax(0,1fr) 42%; }
  .experience-menu .experience-feature-copy { grid-column: 1; grid-row: 1; }
  .experience-menu img { grid-column: 2; border-top-right-radius: 100px; object-position: 50% 50%; }
  .experience-equipe { grid-row: 3; grid-template-columns: 42% minmax(0,1fr); }
  .experience-equipe .experience-detail-image { border-top-left-radius: 100px; object-fit: cover; object-position: 50% 50%; }
  .experience-detail-image { display: block; width: 100%; height: 220px; }
  .experience-plan { display: none; }
  .experience-mobile-contact { display: block; margin: 22px auto 0; width: fit-content; }
}