.guide-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: start; }
.guide-preview figure { margin: 0; }
.guide-preview a { display: block; border: 1px solid var(--color-border); box-shadow: var(--shadow-md); border-radius: 3px; overflow: hidden; cursor: zoom-in; }
.guide-preview img { display: block; width: 100%; height: auto; }
.guide-preview figure:nth-child(2) { margin-top: 2rem; }
.guide-preview figcaption, .guide-preview > p { font-size: var(--text-sm); color: var(--color-text-muted); margin-top: .8rem; }
.guide-preview > p { grid-column: 1 / -1; }
.guide-cta { margin-top: 1.5rem; }
.cta .guide-promise { margin: 1rem 0 0; color: #bdccdc; font-size: var(--text-sm); }
.guide-enhanced .cta__inner { display: block; max-width: 48rem; }
.guide-enhanced #mailchimp-slot { display: none; }
.bmd-dialog { margin: auto; padding: 2rem; width: min(32rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; overscroll-behavior: contain; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; color: var(--color-text); box-shadow: var(--shadow-lg); }
.bmd-dialog::backdrop { background: rgba(11, 37, 69, .7); }
body.dialog-open { overflow: hidden; }
.dialog-close { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 0 0 1rem auto; min-width: 44px; min-height: 44px; padding: .3rem .5rem; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text); cursor: pointer; font: inherit; font-size: .875rem; }
.dialog-close span { font-size: 1.5rem; line-height: 1; }
#pedido-guia h3 { font-size: var(--text-2xl); line-height: 1.2; }
#form-description { margin: 1rem 0 1.5rem; color: var(--color-text-muted); }
.guide-fields { display: grid; gap: .5rem; }
.guide-fields label { font-size: .95rem; font-weight: 600; }
.guide-fields label span { color: var(--color-text-muted); font-weight: 400; }
.guide-fields input:not([type="hidden"]) { width: 100%; min-height: 48px; margin-bottom: .7rem; padding: .75rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); color: var(--color-text); background: #fff; font: inherit; font-size: 1rem; }
.guide-fields .bmd-button { margin-top: .5rem; width: 100%; cursor: pointer; }
.guide-fields .bmd-button:disabled { opacity: .65; cursor: wait; }
.guide-trap { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }
.guide-status { margin: 1rem 0; padding: 1rem; border-left: 3px solid var(--color-accent-text); background: var(--color-bg-alt); }
.guide-status[data-error="true"] { border-color: #a43131; }
.guide-text-button { background: none; border: 0; padding: .5rem 0; color: var(--color-accent-text); text-decoration: underline; text-underline-offset: 3px; font: inherit; cursor: pointer; }
#guide-form .bmd-form__note { margin-top: 1.25rem; font-size: .8rem; line-height: 1.6; color: var(--color-text-muted); }
.mailchimp-credit { display: block; width: 165px; margin: 1.25rem auto 0; }
.mailchimp-credit img { display: block; width: 100%; height: auto; }
.preview-dialog { width: min(52rem, calc(100% - 1rem)); padding: 0 1rem 1rem; }
.preview-toolbar { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #fff; padding: .75rem 0; border-bottom: 1px solid var(--color-border); }
.preview-toolbar h2 { font-size: 1rem; margin: 0; }
.preview-toolbar .dialog-close { margin: 0; flex-shrink: 0; }
.preview-dialog > img { display: block; width: 100%; height: auto; }
[hidden] { display: none !important; }
@media (max-width: 47.99em) { .guide-preview { max-width: 34rem; } .bmd-dialog { padding: 1.25rem; } .preview-dialog { padding: 0 .5rem .5rem; } }