/*
  GIANTTURA V11 — CSS PÚBLICO
  Breakpoints consolidados: 480px / 768px / 1024px / 1280px.
  Identidade oficial: Rufina + Inter, oliva #575D40, sem gradientes.
*/
:root {
  --olive: #575D40;
  --olive-dark: #3E432E;
  --olive-light: #9CA081;
  --cream: #F5F3EC;
  --white: #FFFFFF;
  --ink: #26291F;
  --muted: #666A5B;
  --line: #E2E0D6;
  --success: #4A7C59;
  --warning: #B8860B;
  --danger: #A94438;
  --shadow: 0 18px 45px rgba(45, 49, 34, .10);
  --transition: .25s ease;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--cream); color: var(--ink); font-family: "Inter", system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; }
body.menu-open { overflow: hidden; }
img, svg, iframe { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
input, select, textarea { width: 100%; min-height: 48px; border: 1px solid #C9C8BE; border-radius: 4px; background: var(--white); color: var(--ink); padding: .75rem .85rem; font-size: 16px; transition: border-color var(--transition), box-shadow var(--transition); }
textarea { min-height: 112px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--olive); box-shadow: 0 0 0 3px rgba(87,93,64,.15); }
:focus-visible { outline: 3px solid rgba(87,93,64,.45); outline-offset: 3px; }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3,h4 { font-family: "Rufina", Georgia, serif; font-weight: 400; line-height: 1.08; color: var(--olive-dark); }
h1 { font-size: clamp(2.65rem, 7vw, 5.5rem); }
h2 { font-size: clamp(2.25rem, 5vw, 4.15rem); }
h3 { font-size: clamp(1.55rem, 3vw, 2.25rem); }
.hidden { display: none !important; }
.small { font-size: .82rem; }
.muted { color: var(--muted); }
.error { color: var(--danger); }
.success { color: var(--success); }
.full { grid-column: 1 / -1; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 1000; padding: .75rem 1rem; background: var(--white); color: var(--olive-dark); border-radius: 4px; transition: top var(--transition); }
.skip-link:focus { top: 1rem; }
.eyebrow { display: flex; align-items: center; gap: .75rem; margin-bottom: .8rem; color: var(--olive); font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; opacity: .75; }
.eyebrow-light { color: var(--cream); }
.btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .72rem 1.15rem; border: 1px solid var(--olive); border-radius: 4px; background: var(--white); color: var(--olive-dark); text-decoration: none; font-weight: 600; transition: background-color var(--transition), border-color var(--transition), color var(--transition); }
.btn:hover { background: #E9E8DF; }
.btn-primary { background: var(--olive); border-color: var(--olive); color: var(--white); }
.btn-primary:hover { background: var(--olive-dark); border-color: var(--olive-dark); }
.btn-secondary { background: transparent; border-color: rgba(87,93,64,.4); color: var(--olive-dark); }
.btn-secondary:hover { background: rgba(87,93,64,.08); }
.btn-light { background: var(--cream); border-color: var(--cream); color: var(--olive-dark); }
.btn-light:hover { background: var(--white); }
.btn-outline-light { background: transparent; border-color: rgba(255,255,255,.72); color: var(--white); }
.btn-outline-light:hover { background: rgba(255,255,255,.12); }
.btn-danger { background: var(--danger); border-color: var(--danger); color: var(--white); }
.btn-danger:hover { background: #87372E; border-color: #87372E; }
.btn-success { background: var(--success); border-color: var(--success); color: var(--white); }
.btn-info { background: var(--olive-light); border-color: var(--olive-light); color: var(--olive-dark); }
.btn-sm { min-height: 44px; padding: .55rem .85rem; font-size: .82rem; }
.card { background: var(--white); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); }
.section { padding: clamp(6rem, 9vw, 8rem) max(1rem, calc((100vw - 1240px)/2)); }
.section-heading { max-width: 760px; margin: 0 auto 3.5rem; text-align: center; }
.section-heading .eyebrow { justify-content: center; }
.section-heading p:last-child { color: var(--muted); font-size: 1.05rem; }
.section-dark { background: var(--olive-dark); color: var(--cream); }
.section-dark h2, .section-dark h3 { color: var(--cream); }
.section-heading-light p:last-child { color: rgba(245,243,236,.74); }

.site-header { position: fixed; inset: 0 0 auto 0; z-index: 100; height: 78px; display: grid; grid-template-columns: minmax(180px,260px) 1fr auto; align-items: center; gap: 1.5rem; padding: 0 max(1rem, calc((100vw - 1320px)/2)); background: rgba(62,67,46,.96); border-bottom: 1px solid rgba(255,255,255,.12); }
.site-logo { display: inline-flex; width: 230px; }
.site-logo img { width: 100%; }
.site-nav { display: flex; justify-content: center; gap: clamp(.85rem,2vw,1.7rem); }
.site-nav a { min-height: 44px; display: inline-flex; align-items: center; color: rgba(255,255,255,.82); text-decoration: none; font-size: .82rem; font-weight: 500; }
.site-nav a:hover { color: var(--white); }
.site-actions { display: flex; align-items: center; gap: .55rem; }
.site-actions .btn { color: var(--white); border-color: rgba(255,255,255,.45); }
.icon-link { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.26); border-radius: 4px; color: var(--white); transition: background-color var(--transition); }
.icon-link:hover { background: rgba(255,255,255,.1); }
.icon-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.icon-link .fill { fill: currentColor; stroke: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.35); border-radius: 4px; background: transparent; padding: 10px; }
.menu-toggle span { display: block; height: 1px; margin: 5px 0; background: var(--white); transition: transform var(--transition), opacity var(--transition); }

.hero-section { position: relative; min-height: 780px; height: 100svh; display: grid; align-items: end; overflow: hidden; background: var(--olive-dark); }
.hero-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-overlay { position: absolute; inset: 0; background: rgba(62,67,46,.58); }
.hero-content { position: relative; z-index: 2; width: min(1240px, calc(100% - 2rem)); margin: 0 auto; padding: 150px 0 7rem; color: var(--cream); }
.hero-logo { width: min(360px, 75vw); margin-bottom: 2.2rem; }
.hero-content h1 { max-width: 900px; margin-bottom: 1.2rem; color: #FAF8F1; font-size: clamp(3rem, 8vw, 5.5rem); }
.hero-lead { max-width: 650px; color: rgba(245,243,236,.88); font-size: clamp(1rem,2vw,1.25rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2rem 0 2.4rem; }
.hero-facts { display: flex; flex-wrap: wrap; gap: .65rem 1.6rem; color: rgba(245,243,236,.8); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }

.booking-layout { display: grid; grid-template-columns: minmax(320px,.82fr) minmax(480px,1.18fr); gap: clamp(2rem,5vw,4.5rem); align-items: start; }
.booking-editorial { overflow: hidden; background: var(--olive-dark); border-radius: 8px; color: var(--cream); }
.booking-editorial > img { width: 100%; aspect-ratio: 10/8; object-fit: cover; }
.booking-editorial-copy { padding: clamp(1.5rem,4vw,2.5rem); }
.booking-editorial h3 { color: var(--cream); }
.booking-editorial ul { padding-left: 1.2rem; color: rgba(245,243,236,.8); }
.booking-editorial li { margin: .65rem 0; }
.contact-link { min-height: 58px; display: flex; align-items: center; gap: .85rem; margin-top: 1.5rem; padding: .85rem; border: 1px solid rgba(255,255,255,.18); border-radius: 4px; color: var(--cream); text-decoration: none; }
.contact-link:hover { background: rgba(255,255,255,.08); }
.contact-link svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.75; }
.contact-link strong { font-size: 1rem; }
.reservation-paper { padding: clamp(1.3rem,4vw,2.7rem); box-shadow: 0 22px 55px rgba(45,49,34,.08); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.form-grid label { display: grid; align-content: start; gap: .45rem; color: var(--olive-dark); font-size: .72rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.form-grid label small, .field-help { color: var(--muted); font-size: .72rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.availability-status, .result-box, .consultation-notice, .capacity-change-success { margin: 1rem 0; padding: .9rem 1rem; border: 1px solid var(--line); border-radius: 4px; background: var(--cream); color: var(--muted); }
.status-success { border-color: rgba(74,124,89,.32); background: rgba(74,124,89,.08); color: var(--success); }
.status-warning { border-color: rgba(184,134,11,.35); background: rgba(184,134,11,.08); color: #7B5B07; }
.status-error, .result-box.error { border-color: rgba(169,68,56,.32); background: rgba(169,68,56,.08); color: var(--danger); }
.large-group-panel, .sold-out-panel { margin-top: 1rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 8px; text-align: center; background: var(--cream); }
.large-group-icon { width: 56px; height: 44px; display: grid; place-items: center; margin: 0 auto .8rem; border-radius: 4px; background: var(--olive); color: var(--white); font-weight: 600; }
.large-group-panel .eyebrow { justify-content: center; }
.large-group-whatsapp { background: var(--success); border-color: var(--success); color: var(--white); }
.large-group-phone { margin-top: .7rem; font-size: .85rem; color: var(--muted); }
.reception-queue-note { margin-top: 1rem; padding: .8rem; border-left: 3px solid var(--olive); background: var(--white); }
.honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; }

.faq-layout { width: min(1180px,calc(100% - 2rem)); margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,5vw,4rem); align-items: center; }
.faq-layout > img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; }
.faq-grid { display: grid; gap: .65rem; }
.faq-grid details { border-bottom: 1px solid rgba(245,243,236,.2); }
.faq-grid summary { min-height: 54px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: var(--cream); font-family: "Rufina", Georgia, serif; font-size: 1.15rem; list-style: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary::after { content: "+"; font-family: Inter,sans-serif; font-weight: 400; }
.faq-grid details[open] summary::after { content: "−"; }
.faq-grid p { color: rgba(245,243,236,.74); }

.reviews-card { width: min(1180px,100%); margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; padding: clamp(1.5rem,4vw,3rem); background: var(--white); border: 1px solid var(--line); border-radius: 8px; }
.reviews-icon { width: 72px; height: 72px; display: grid; place-items: center; background: var(--olive); color: var(--white); border-radius: 4px; }
.reviews-icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.reviews-card h2 { margin-bottom: .7rem; font-size: clamp(2rem,4vw,3.5rem); }
.google-stars { color: var(--warning); letter-spacing: .15em; }

.delivery-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,6vw,5rem); align-items: center; background: var(--white); }
.delivery-media img { width: 100%; aspect-ratio: 8/7; object-fit: cover; border-radius: 8px; }
.delivery-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; }
.delivery-actions { display: grid; gap: .8rem; margin-top: 2rem; }
.delivery-card { min-height: 76px; display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 4px; background: var(--cream); text-decoration: none; transition: background-color var(--transition), border-color var(--transition); }
.delivery-card:hover { background: #E9E8DF; border-color: var(--olive-light); }
.delivery-card svg { width: 30px; height: 30px; fill: none; stroke: var(--olive); stroke-width: 1.65; }
.delivery-card span:last-child { display: grid; }
.delivery-card small { color: var(--muted); }
.app99-mark { width: 42px; height: 42px; display: grid; place-items: center; background: #F3D400; color: #1F211A; border-radius: 4px; font-weight: 600; }

.location-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem,6vw,5rem); align-items: center; }
.location-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; }
.location-details { display: grid; gap: 1rem; margin: 2rem 0; }
.location-details > div { display: flex; align-items: center; gap: .9rem; }
.location-details svg { width: 24px; height: 24px; fill: none; stroke: var(--olive); stroke-width: 1.75; }
.location-details span { display: grid; }
.location-details small { color: var(--muted); }
.location-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.map-frame { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--white); }
.map-frame iframe { width: 100%; height: min(520px,70vh); border: 0; }

.site-footer { display: grid; grid-template-columns: 1.25fr 1fr 1.1fr .8fr; gap: 2rem; padding: 5rem max(1rem,calc((100vw - 1240px)/2)) 2rem; background: var(--olive-dark); color: rgba(245,243,236,.78); }
.site-footer a { display: block; min-height: 36px; color: rgba(245,243,236,.84); text-decoration: none; }
.site-footer a:hover { color: var(--white); }
.footer-brand img { width: min(300px,100%); }
.footer-brand p { margin-top: 1rem; }
.footer-title { color: var(--white); font-family: "Rufina",Georgia,serif; font-size: 1.15rem; }
.footer-bottom { grid-column: 1/-1; display: flex; justify-content: space-between; gap: 1rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,.14); font-size: .78rem; }

.assistant-button { position: fixed; right: 1rem; bottom: 1rem; z-index: 90; width: 52px; height: 52px; border: 0; border-radius: 4px; background: var(--olive); color: var(--white); font-family: "Rufina",serif; font-size: 1.45rem; box-shadow: var(--shadow); }
.assistant-button:hover { background: var(--olive-dark); }
.assistant-panel { position: fixed; right: 1rem; bottom: 4.8rem; z-index: 91; width: min(380px,calc(100vw - 2rem)); max-height: min(620px,75vh); display: grid; grid-template-rows: auto minmax(100px,1fr) auto auto; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 22px 65px rgba(34,36,28,.2); }
.assistant-head { display: flex; justify-content: space-between; align-items: center; padding: 1rem; background: var(--olive-dark); color: var(--white); }
.assistant-head div { display: grid; }
.assistant-head small { color: rgba(255,255,255,.7); }
.assistant-head button { width: 44px; height: 44px; border: 0; background: transparent; color: var(--white); font-size: 1.5rem; }
.assistant-messages { display: grid; align-content: start; gap: .65rem; padding: 1rem; overflow-y: auto; background: var(--cream); }
.assistant-message { max-width: 88%; padding: .7rem .8rem; border-radius: 8px; font-size: .86rem; }
.assistant-message.bot { background: var(--white); border: 1px solid var(--line); }
.assistant-message.user { justify-self: end; background: var(--olive); color: var(--white); }
.assistant-questions { display: flex; gap: .45rem; padding: .8rem; overflow-x: auto; }
.assistant-questions button { min-height: 44px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 4px; background: var(--white); color: var(--olive-dark); padding: .55rem .7rem; }
.assistant-whatsapp { min-height: 48px; display: grid; place-items: center; background: var(--success); color: var(--white); text-decoration: none; }

.public-page-body { min-height: 100vh; }
.compact-header { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem max(1rem,calc((100vw - 1180px)/2)); background: var(--olive-dark); }
.compact-logo > span, .brand-panel, .survey-logo { display: inline-flex; padding: .65rem 1rem; background: var(--olive); border-radius: 4px; }
.compact-logo img { width: 220px; }
.consultation-main { width: min(1120px,calc(100% - 2rem)); min-height: calc(100vh - 150px); margin: 0 auto; padding: clamp(3rem,7vw,7rem) 0; display: grid; grid-template-columns: .86fr 1.14fr; gap: clamp(2rem,6vw,5rem); align-items: start; }
.consultation-intro { position: sticky; top: 2rem; }
.consultation-logo { width: 280px; }
.hero-copy { color: var(--muted); font-size: 1.05rem; }
.consultation-help { display: grid; gap: .4rem; margin-top: 1.5rem; padding: 1rem; border-left: 3px solid var(--olive); background: var(--white); }
.consultation-help span { color: var(--muted); }
.consultation-card { padding: clamp(1.3rem,4vw,2.5rem); }
.consultation-card h2 { font-size: 2.2rem; }
.consultation-result { display: grid; gap: 1rem; }
.lookup-result-head, .edit-form-head { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.consultation-table { width: 100%; border-collapse: collapse; }
.consultation-table td { padding: .75rem 0; border-bottom: 1px solid var(--line); }
.consultation-table td:last-child { text-align: right; }
.consultation-actions, .actions, .confirm-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.reservation-summary-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.reservation-summary-grid > div { padding: .9rem; background: var(--cream); border-radius: 4px; }
.delay-box { padding: 1rem; border: 1px solid rgba(184,134,11,.32); border-radius: 4px; background: rgba(184,134,11,.08); }
.delay-message-label { display: block; color: #745608; font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.delay-message-text { display: block; margin-top: .35rem; color: var(--ink); }
.attention-pulse { box-shadow: 0 0 0 4px rgba(184,134,11,.22); }
.compact-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 1.3rem; background: var(--olive-dark); color: rgba(245,243,236,.75); font-size: .8rem; }
.compact-footer a { color: var(--white); }
.toast { position: fixed; left: 50%; bottom: 1rem; z-index: 500; width: min(520px,calc(100% - 2rem)); transform: translateX(-50%); padding: .9rem 1rem; border-radius: 4px; background: var(--olive-dark); color: var(--white); box-shadow: var(--shadow); }
.toast.error { background: var(--danger); }

.survey-body { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: var(--olive-dark); }
.survey-shell { width: min(660px,100%); display: grid; justify-items: center; gap: 1.2rem; }
.survey-logo img { width: 300px; }
.survey-card { width: 100%; padding: clamp(1.4rem,5vw,3rem); text-align: center; }
.survey-card .eyebrow { justify-content: center; }
.survey-card .btn { margin: .3rem; }

.badge { display: inline-flex; align-items: center; min-height: 28px; padding: .25rem .55rem; border-radius: 999px; background: rgba(87,93,64,.10); color: var(--olive-dark); font-size: .72rem; font-weight: 600; }
.badge-ATRASO_INFORMADO { background: rgba(184,134,11,.12); color: #725407; }
.badge-CANCELADA { background: rgba(169,68,56,.12); color: var(--danger); }
.capacity-after-booking, .duplicate-reservation-box, .email-delivery-state { margin-top: .8rem; padding: .8rem; border-radius: 4px; background: var(--cream); }

@media (max-width: 1280px) {
  .site-header { padding-inline: 1rem; }
  .site-nav { gap: .8rem; }
  .section { padding-inline: 2rem; }
  .site-footer { padding-inline: 2rem; }
}
@media (max-width: 1024px) {
  .site-header { grid-template-columns: 1fr auto auto; }
  .menu-toggle { display: block; grid-column: 2; }
  .site-actions { grid-column: 3; }
  .site-actions .btn, .site-actions .icon-link:first-child { display: none; }
  .site-nav { position: fixed; inset: 78px 0 auto 0; display: none; padding: 1rem; background: var(--olive-dark); border-top: 1px solid rgba(255,255,255,.12); box-shadow: var(--shadow); }
  .site-nav.is-open { display: grid; }
  .site-nav a { justify-content: center; border-bottom: 1px solid rgba(255,255,255,.1); }
  .booking-layout, .faq-layout, .delivery-section, .location-section, .consultation-main { grid-template-columns: 1fr; }
  .consultation-intro { position: static; }
  .reviews-card { grid-template-columns: auto 1fr; }
  .reviews-card .btn { grid-column: 1/-1; }
  .site-footer { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .section { padding: 6rem 1rem; }
  .site-header { height: 70px; }
  .site-logo { width: 190px; }
  .site-nav { inset-block-start: 70px; }
  .hero-section { min-height: 700px; }
  .hero-content { padding-bottom: 4rem; }
  .hero-logo { width: 280px; }
  .hero-facts { display: grid; gap: .45rem; }
  .form-grid, .reservation-summary-grid { grid-template-columns: 1fr; }
  .full { grid-column: auto; }
  .reviews-card { grid-template-columns: 1fr; text-align: center; }
  .reviews-icon { margin: auto; }
  .reviews-card .eyebrow { justify-content: center; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .consultation-main { width: min(100% - 1rem,760px); padding: 2rem 0; }
  .compact-header { min-height: 68px; }
  .compact-logo img { width: 180px; }
}
@media (max-width: 480px) {
  h1 { font-size: 2.55rem; }
  h2 { font-size: 2.15rem; }
  .site-logo { width: 165px; }
  .site-actions { display: none; }
  .site-header { grid-template-columns: 1fr auto; }
  .hero-section { min-height: 680px; }
  .hero-content { width: calc(100% - 2rem); padding-top: 120px; }
  .hero-actions, .location-actions, .consultation-actions, .confirm-actions { display: grid; }
  .hero-actions .btn, .location-actions .btn, .consultation-actions .btn, .confirm-actions .btn { width: 100%; }
  .booking-editorial-copy, .reservation-paper { padding: 1.2rem; }
  .map-frame iframe { height: 420px; }
  .assistant-panel { right: .5rem; bottom: 4.4rem; width: calc(100vw - 1rem); }
  .assistant-button { right: .5rem; bottom: .5rem; }
  .compact-header .btn { font-size: .72rem; }
}

.reservation-code{color:var(--olive);font-family:Rufina,Georgia,serif;font-size:1.5rem;font-weight:700}


/* Inter utiliza somente os pesos oficiais carregados: 400, 500 e 600. */
body strong, body b { font-weight: 600; }

/* Modal público de justificativa de atraso */
body.modal-open{overflow:hidden}
.public-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem}
.public-modal.hidden{display:none}
.public-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(34,36,28,.72);cursor:default}
.public-modal-dialog{position:relative;width:min(100%,520px);max-height:calc(100vh - 2rem);overflow:auto;padding:clamp(1.4rem,4vw,2rem);background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px rgba(34,36,28,.28)}
.public-modal-dialog h2{margin:.65rem 0 .8rem;font-size:clamp(1.8rem,5vw,2.5rem)}
.public-modal-close{position:absolute;top:.7rem;right:.7rem;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;background:var(--cream);color:var(--olive-dark);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease}
.public-modal-close:hover{background:var(--olive-dark);color:var(--white)}
.delay-form{display:grid;gap:1rem;margin-top:1.3rem}
.delay-form label{display:grid;gap:.45rem;color:var(--olive-dark);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.delay-form textarea{min-height:130px;resize:vertical;line-height:1.55;text-transform:none}
.delay-help{margin:0;padding:.85rem 1rem;border-left:3px solid var(--warning);background:rgba(184,134,11,.08);color:#62541f;font-size:.82rem;line-height:1.5}
@media (max-width:480px){.public-modal{align-items:end;padding:0}.public-modal-dialog{width:100%;max-height:92vh;border-radius:8px 8px 0 0}.public-modal-dialog .actions{display:grid}.public-modal-dialog .actions .btn{width:100%}}