/* ==========================================================================
   Due Guidebook — folha nativa (parte 2b: complemento)
   --------------------------------------------------------------------------
   Classes restantes localizadas pela varredura das views. Separadas da parte 2
   apenas por volume — a ordem de carga é base → utilities → utilities-extra.
   ========================================================================== */

/* ---------- Espaçamento e posição em frações -------------------------- */
.mt-0\.5{margin-top:.125rem} .mb-0\.5{margin-bottom:.125rem} .mb-1\.5{margin-bottom:.375rem}
.mr-1\.5{margin-right:.375rem} .my-20{margin-top:5rem;margin-bottom:5rem}
.-mt-16{margin-top:-4rem} .-mr-16{margin-right:-4rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem} .pl-5{padding-left:1.25rem} .pl-14{padding-left:3.5rem}
.gap-0\.5{gap:.125rem} .space-y-1\.5 > * + *{margin-top:.375rem} .space-y-10 > * + *{margin-top:2.5rem}
.top-1\.5{top:.375rem} .top-3{top:.75rem} .top-24{top:6rem} .top-32{top:8rem}
.top-\[78px\]{top:78px} .top-\[-10\%\]{top:-10%}
.right-1{right:.25rem} .right-1\.5{right:.375rem} .right-\[-10\%\]{right:-10%}
.bottom-3{bottom:.75rem} .bottom-10{bottom:2.5rem} .bottom-\[-10\%\]{bottom:-10%}
.left-1\.5{left:.375rem} .left-5{left:1.25rem} .left-8{left:2rem}
.left-1\/2{left:50%} .left-\[-10\%\]{left:-10%}
.scroll-mt-24{scroll-margin-top:6rem}

/* ---------- Tamanhos complementares ----------------------------------- */
.h-0\.5{height:.125rem} .h-36{height:9rem} .h-44{height:11rem} .w-36{width:9rem}
.h-\[262px\]{height:262px} .h-\[350px\]{height:350px} .h-\[50vh\]{height:50vh}
.max-h-32{max-height:8rem} .max-h-\[60vh\]{max-height:60vh}
.max-w-\[1024px\]{max-width:1024px} .max-w-\[1280px\]{max-width:1280px}
.min-h-\[262px\]{min-height:262px} .min-h-\[80vh\]{min-height:80vh}
.min-w-\[50px\]{min-width:50px} .min-w-\[52px\]{min-width:52px}
.min-w-\[150px\]{min-width:150px} .min-w-\[200px\]{min-width:200px} .min-w-max{min-width:max-content}
.flex-\[2\]{flex:2 1 0%} .flex-\[3\]{flex:3 1 0%}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.order-1{order:1} .order-2{order:2}

/* ---------- Formas e traços ------------------------------------------- */
.rounded-\[1\.5rem\]{border-radius:1.5rem} .rounded-\[3\.5rem\]{border-radius:3.5rem}
.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}
.rounded-tr-\[1\.35rem\]{border-top-right-radius:1.35rem}
.border-purple-50{border-color:var(--purple-50)} .border-purple-400{border-color:var(--purple-400)}
.border-emerald-50{border-color:var(--emerald-50)} .border-slate-900{border-color:var(--slate-900)}
.border-brand-purple\/20{border-color:rgba(219,25,255,.2)}
.border-white\/10{border-color:rgba(255,255,255,.1)} .border-white\/20{border-color:rgba(255,255,255,.2)}
.border-white\/25{border-color:rgba(255,255,255,.25)} .border-white\/40{border-color:rgba(255,255,255,.4)}
.border-white\/50{border-color:rgba(255,255,255,.5)}
.ring-0{box-shadow:none}
.divide-gray-50 > * + *{border-color:var(--gray-50)} .divide-slate-50 > * + *{border-color:var(--slate-50)}

/* ---------- Cores complementares -------------------------------------- */
.bg-\[\#635BFF\]{background-color:#635BFF} .bg-\[\#F8FAFC\]{background-color:#F8FAFC}
.text-\[\#1E293B\]{color:#1E293B}
.bg-white\/15{background-color:rgba(255,255,255,.15)} .bg-white\/50{background-color:rgba(255,255,255,.5)}
.bg-white\/85{background-color:rgba(255,255,255,.85)}
.bg-gray-50\/50{background-color:rgba(248,250,252,.5)} .bg-gray-100\/50{background-color:rgba(241,245,249,.5)}
.bg-slate-50\/50{background-color:rgba(248,250,252,.5)} .bg-slate-200\/80{background-color:rgba(226,232,240,.8)}
.bg-slate-900\/80{background-color:rgba(15,23,42,.8)} .bg-gray-900\/80{background-color:rgba(15,23,42,.8)}
.bg-brand-purple\/80{background-color:rgba(219,25,255,.8)}
.bg-amber-400\/25{background-color:rgba(251,191,36,.25)}
.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}
.bg-red-500\/20{background-color:rgba(239,68,68,.2)} .bg-red-500\/25{background-color:rgba(239,68,68,.25)}
.bg-fuchsia-500\/10{background-color:rgba(217,70,239,.1)}
.text-white\/40{color:rgba(255,255,255,.4)} .text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/60{color:rgba(255,255,255,.6)} .text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/80{color:rgba(255,255,255,.8)} .text-white\/90{color:rgba(255,255,255,.9)}
.text-brand-purple\/20{color:rgba(219,25,255,.2)} .text-brand-purple\/60{color:rgba(219,25,255,.6)}
.text-purple-500\/60{color:rgba(219,25,255,.6)} .text-amber-600\/60{color:rgba(217,119,6,.6)}
.text-red-200{color:var(--red-200)} .text-emerald-300{color:var(--emerald-300)}
.text-9xl{font-size:8rem;line-height:1} .text-\[8px\]{font-size:8px;line-height:1.2}
.tracking-\[0\.15em\]{letter-spacing:.15em} .tracking-\[0\.3em\]{letter-spacing:.3em}
.underline-offset-2{text-underline-offset:2px}
.list-inside{list-style-position:inside}
.placeholder-gray-400::placeholder{color:var(--gray-400)}
.placeholder-slate-400::placeholder{color:var(--slate-400)}
.placeholder\:text-slate-400::placeholder{color:var(--slate-400)}

/* ---------- Gradientes e filtros -------------------------------------- */
.from-purple-400{--tw-from:var(--purple-400)} .from-purple-600{--tw-from:var(--purple-600)}
.from-slate-400{--tw-from:var(--slate-400)} .from-violet-600{--tw-from:var(--violet-600)}
.from-black\/80{--tw-from:rgba(0,0,0,.8)}
.to-fuchsia-500{--tw-to:var(--fuchsia-500)} .to-indigo-400{--tw-to:var(--indigo-400)}
.to-indigo-600{--tw-to:var(--indigo-600)} .to-slate-600{--tw-to:var(--slate-600)}
.via-black\/20{--tw-via:rgba(0,0,0,.2)} .via-slate-900{--tw-via:var(--slate-900)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.mix-blend-multiply{mix-blend-mode:multiply}
.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
.filter{filter:var(--f,none)}
.scale-75{transform:scale(.75)}
.outline-none{outline:2px solid transparent;outline-offset:2px}

/* ---------- Sombras coloridas ----------------------------------------- */
.shadow-purple-50,.shadow-purple-100,.shadow-purple-500\/10,.shadow-purple-900\/20,
.shadow-violet-100,.shadow-theme\/20{box-shadow:0 10px 15px -3px rgba(219,25,255,.18),0 4px 6px -4px rgba(219,25,255,.1)}
.shadow-slate-200,.shadow-gray-200,.shadow-slate-900\/10{box-shadow:0 10px 15px -3px rgba(148,163,184,.18),0 4px 6px -4px rgba(148,163,184,.12)}
.shadow-amber-200,.shadow-amber-200\/50{box-shadow:0 10px 15px -3px rgba(251,191,36,.25)}
.shadow-emerald-500\/40{box-shadow:0 10px 15px -3px rgba(16,185,129,.35)}
.hover\:shadow-purple-500\/40:hover{box-shadow:0 18px 28px -6px rgba(219,25,255,.4)}

/* ---------- Estados complementares ------------------------------------ */
.hover\:bg-blue-500:hover{background-color:var(--blue-500)}
.hover\:bg-emerald-500:hover{background-color:var(--emerald-500)}
.hover\:bg-emerald-700:hover{background-color:var(--emerald-700)}
.hover\:bg-green-500:hover{background-color:var(--green-500)}
.hover\:bg-indigo-600:hover{background-color:var(--indigo-600)}
.hover\:bg-red-500:hover{background-color:var(--red-500)}
.hover\:bg-red-700:hover{background-color:var(--red-700)}
.hover\:bg-gray-800:hover{background-color:var(--gray-800)}
.hover\:bg-slate-50:hover{background-color:var(--slate-50)}
.hover\:bg-slate-200:hover{background-color:var(--slate-200)}
.hover\:bg-slate-900:hover{background-color:var(--slate-900)}
.hover\:bg-violet-50:hover{background-color:var(--violet-50)}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.2)}
.hover\:bg-white\/25:hover{background-color:rgba(255,255,255,.25)}
.hover\:bg-slate-50\/30:hover{background-color:rgba(248,250,252,.3)}
.hover\:bg-slate-50\/70:hover{background-color:rgba(248,250,252,.7)}
.hover\:text-red-400:hover{color:var(--red-400)}
.hover\:text-slate-700:hover{color:var(--slate-700)}
.hover\:border-amber-100:hover{border-color:var(--amber-100)}
.hover\:border-blue-100:hover{border-color:var(--blue-100)}
.hover\:border-blue-600:hover{border-color:var(--blue-600)}
.hover\:border-emerald-100:hover{border-color:var(--emerald-100)}
.hover\:border-green-500:hover{border-color:var(--green-500)}
.hover\:border-red-100:hover{border-color:var(--red-100)}
.hover\:border-slate-100:hover{border-color:var(--slate-100)}
.hover\:border-slate-300:hover{border-color:var(--slate-300)}
.hover\:border-slate-900:hover{border-color:var(--slate-900)}
.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}
.hover\:translate-x-2:hover{transform:translateX(.5rem)}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
.hover\:tracking-\[0\.2em\]:hover{letter-spacing:.2em}
.hover\:from-black:hover{--tw-from:#000} .hover\:to-gray-900:hover{--tw-to:var(--gray-900)}
.hover\:from-purple-700:hover{--tw-from:var(--purple-700)} .hover\:to-indigo-700:hover{--tw-to:var(--indigo-700)}
.focus\:border-purple-400:focus{border-color:var(--purple-400)}
.focus\:border-red-400:focus{border-color:var(--red-400)}
.focus\:ring-purple-100:focus{--ring-c:var(--purple-100)}
.focus\:ring-purple-200:focus{--ring-c:var(--purple-200)}
.focus\:ring-purple-300:focus{--ring-c:var(--purple-300)}
.focus\:ring-purple-500\/20:focus{--ring-c:rgba(219,25,255,.2)}
.focus\:ring-brand-purple\/20:focus{--ring-c:rgba(219,25,255,.2)}
.focus\:ring-brand-purple\/30:focus{--ring-c:rgba(219,25,255,.3)}
.disabled\:opacity-60:disabled{opacity:.6} .disabled\:opacity-70:disabled{opacity:.7}
.active\:cursor-grabbing:active{cursor:grabbing}
.group:focus-within .group-focus-within\:text-purple-600{color:var(--purple-600)}
.group:hover .group-hover\:-translate-x-1{transform:translateX(-.25rem)}
.group:hover .group-hover\:-translate-y-1{transform:translateY(-.25rem)}
.group:hover .group-hover\:rotate-90{transform:rotate(90deg)}
.group:hover .group-hover\:rotate-180{transform:rotate(180deg)}
.group:hover .group-hover\:scale-100{transform:scale(1)}
.group:hover .group-hover\:bg-blue-50{background-color:var(--blue-50)}
.group:hover .group-hover\:bg-blue-600{background-color:var(--blue-600)}
.group:hover .group-hover\:bg-sky-100{background-color:var(--sky-100)}
.group:hover .group-hover\:bg-slate-50{background-color:var(--slate-50)}
.group:hover .group-hover\:bg-slate-100{background-color:var(--slate-100)}
.group:hover .group-hover\:bg-slate-800{background-color:var(--slate-800)}
.group:hover .group-hover\:bg-amber-100\/50{background-color:rgba(254,243,199,.5)}
.group:hover .group-hover\:bg-blue-100\/50{background-color:rgba(219,234,254,.5)}
.group:hover .group-hover\:bg-green-100\/50{background-color:rgba(220,252,231,.5)}
.group:hover .group-hover\:text-amber-600{color:var(--amber-600)}
.group:hover .group-hover\:text-black{color:#000}
.group:hover .group-hover\:text-blue-600{color:var(--blue-600)}
.group:hover .group-hover\:text-emerald-600{color:var(--emerald-600)}
.group:hover .group-hover\:text-sky-500{color:var(--sky-500)}
.group:hover .group-hover\:text-slate-600{color:var(--slate-600)}
.group:hover .group-hover\:text-slate-900{color:var(--slate-900)}

/* ---------- Interruptor (checkbox nativo estilizado, sem JS) ---------- */
.peer{position:absolute;opacity:0;width:0;height:0}
.after\:absolute::after{content:"";position:absolute}
.after\:top-\[2px\]::after{top:2px} .after\:left-\[2px\]::after{left:2px}
.after\:h-5::after{height:1.25rem} .after\:w-5::after{width:1.25rem}
.after\:rounded-full::after{border-radius:9999px}
.after\:bg-white::after{background-color:#fff}
.after\:border::after{border-width:1px} .after\:border-gray-300::after{border-color:var(--gray-300)}
.after\:transition-all::after{transition:all .2s var(--ease)}
.peer:checked ~ .peer-checked\:bg-brand-purple{background-color:var(--brand-purple)}
.peer:checked ~ .peer-checked\:opacity-100{opacity:1}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{transform:translateX(100%)}
.peer:checked ~ .peer-checked\:after\:border-white::after{border-color:#fff}
.checked\:bg-emerald-500:checked{background-color:var(--emerald-500)}
.checked\:border-emerald-500:checked{border-color:var(--emerald-500)}

/* ---------- Rolagem sem barra visível (abas horizontais) -------------- */
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.no-scrollbar::-webkit-scrollbar{display:none}

/* ---------- Modificadores de conteúdo rico ---------------------------- */
.prose-headings\:font-black :where(h1,h2,h3,h4){font-weight:900}
.prose-headings\:text-slate-800 :where(h1,h2,h3,h4){color:var(--slate-800)}
.prose-a\:text-brand-purple :where(a){color:var(--brand-purple)}
.prose-strong\:text-slate-900 :where(strong){color:var(--slate-900)}
.prose-img\:rounded-3xl :where(img){border-radius:1.5rem}
.prose-ul\:space-y-2 :where(ul) > * + *{margin-top:.5rem}
.prose-li\:marker\:text-emerald-500 :where(li)::marker{color:var(--emerald-500)}

/* ---------- Camadas ---------------------------------------------------- */
.z-\[49\]{z-index:49} .z-\[200\]{z-index:200} .z-\[300\]{z-index:300} .z-\[500\]{z-index:500}

/* ---------- Pontos de quebra — complemento ---------------------------- */
@media (min-width:640px){
    .sm\:col-span-1{grid-column:span 1/span 1}
    .sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
    .sm\:gap-4{gap:1rem} .sm\:mr-2{margin-right:.5rem}
    .sm\:p-8{padding:2rem} .sm\:px-8{padding-left:2rem;padding-right:2rem}
    .sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}
    .sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}
    .sm\:rounded-\[2\.5rem\]{border-radius:2.5rem}
    .sm\:text-xs{font-size:.75rem;line-height:1rem}
    .sm\:text-base{font-size:1rem;line-height:1.5rem}
    .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
    .sm\:min-h-\[400px\]{min-height:400px} .sm\:min-w-\[150px\]{min-width:150px}
}
@media (min-width:768px){
    .md\:col-span-1{grid-column:span 1/span 1}
    .md\:h-32{height:8rem} .md\:h-96{height:24rem} .md\:h-auto{height:auto} .md\:h-full{height:100%}
    .md\:w-32{width:8rem} .md\:w-1\/3{width:33.333333%} .md\:w-2\/3{width:66.666667%}
    .md\:w-5\/12{width:41.666667%}
    .md\:items-start{align-items:flex-start} .md\:min-h-0{min-height:0} .md\:shrink{flex-shrink:1}
    .md\:p-10{padding:2.5rem} .md\:p-12{padding:3rem}
    .md\:text-base{font-size:1rem;line-height:1.5rem}
    .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
    .md\:text-6xl{font-size:3.75rem;line-height:1.05}
    .md\:text-\[12rem\]{font-size:12rem;line-height:1}
    .md\:top-\[82px\]{top:82px}
    .md\:prose-xl{font-size:1.25rem;line-height:1.8}
}
@media (min-width:1024px){
    .lg\:col-span-1{grid-column:span 1/span 1}
    .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
    .lg\:order-1{order:1} .lg\:order-2{order:2}
    .lg\:w-1\/4{width:25%} .lg\:w-3\/4{width:75%}
    .lg\:text-5xl{font-size:3rem;line-height:1.1}
}
@media (min-width:1280px){ .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))} }

@media print { .print-break-inside-avoid{page-break-inside:avoid} }

/* Botao Stripe e variantes do tema por imovel (guia) */
.hover\:bg-\[\#5851E0\]:hover{background-color:#5851E0}
.hover\:text-theme:hover{color:var(--theme-color)}
.hover\:bg-theme:hover{background-color:var(--theme-color)}
.hover\:border-theme\/20:hover{border-color:color-mix(in srgb,var(--theme-color) 20%,transparent)}
.focus\:ring-theme:focus{--ring-c:var(--theme-color)}
.group:hover .group-hover\:text-theme{color:var(--theme-color)}
.group:hover .group-hover\:bg-theme{background-color:var(--theme-color)}