/* Dímelo Bot sobre Chatwoot 4.18.0 (spec 033). Generado por scripts/generar-dimelo-bot-css.mjs: no editar a mano.
   Receta «dimelo-bot-sobre-chatwoot» de DESIGN.md. 99 reglas de color de marca y 11 de letra copiadas de Chatwoot. */
@font-face{font-family:"Onest Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(files/onest-latin-wght-normal.woff2) format("woff2-variations")}
@font-face{font-family:"Bricolage Grotesque Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(files/bricolage-grotesque-latin-wght-normal.woff2) format("woff2-variations")}
:root{--blue-1: 255 252 252;--blue-2: 255 247 247;--blue-3: 254 235 237;--blue-4: 253 222 226;--blue-5: 250 207 213;--blue-6: 243 189 197;--blue-7: 233 165 177;--blue-8: 220 132 149;--blue-9: 198 47 71;--blue-10: 182 38 62;--blue-11: 166 32 55;--blue-12: 92 22 34;--background-color: 243 245 241;--surface-1: 255 255 255;--surface-2: 255 255 255;--card-color: 255 255 255;--border-container: 223 229 224;--border-strong: 223 229 224;--border-weak: 232 237 233;--slate-12: 20 32 28;--solid-blue: 253 222 226;--solid-blue-2: 255 247 247;--text-blue: 92 22 34;--border-blue-strong: 166 32 55;}
.dark{--blue-1: 26 17 19;--blue-2: 32 20 23;--blue-3: 56 22 31;--blue-4: 74 22 37;--blue-5: 89 29 45;--blue-6: 106 39 56;--blue-7: 132 52 72;--blue-8: 172 64 88;--blue-9: 198 47 71;--blue-10: 214 66 90;--blue-11: 255 148 160;--blue-12: 255 214 220;--background-color: 20 32 28;--surface-1: 22 34 30;--surface-2: 27 38 34;--surface-active: 44 58 53;--solid-1: 27 38 34;--solid-2: 32 45 40;--solid-3: 44 58 53;--solid-active: 44 58 53;--card-color: 27 38 34;--button-color: 36 49 44;--label-background: 36 49 44;--border-strong: 44 58 53;--border-weak: 36 48 44;--slate-12: 238 242 238;--solid-blue: 74 22 37;--solid-blue-2: 32 20 23;--text-blue: 255 214 220;--border-blue-strong: 255 214 220;}
html,body{font-family:"Onest Variable",system-ui,-apple-system,sans-serif!important}
.rounded-lg{border-radius:.625rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.25rem}
::selection{background:rgb(198 47 71 / .18)}
/* El paso 10 de la escala también es texto en Chatwoot (enlaces de avisos): en oscuro, el claro legible. */
.dark .text-n-blue-10{color:rgb(255 148 160)}
.dimelo-item{animation:dimelo-aparece .2s cubic-bezier(.2,.8,.2,1)}@keyframes dimelo-aparece{from{opacity:0;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.dimelo-item{animation:none}}
.banner.primary[data-v-dd067508]{background-color:rgb(198 47 71)}
.border-n-blue-border{border-color:rgb(198 47 71 / 0.502)}
.border-n-brand{border-color:rgb(198 47 71)}
.border-n-brand\/50{border-color:rgb(198 47 71 / 0.502)}
.border-t-n-brand{border-top-color:rgb(198 47 71)}
.bg-\[\#2781F6\]{background-color:rgb(198 47 71)}
.bg-n-blue-9{background-color:rgb(198 47 71)}
.bg-n-brand{background-color:rgb(198 47 71)}
.bg-n-brand\/10{background-color:rgb(198 47 71 / 0.102)}
.bg-n-brand\/20{background-color:rgb(198 47 71 / 0.2)}
.bg-n-brand\/5{background-color:rgb(198 47 71 / 0.051)}
.fill-n-blue-9{fill:rgb(198 47 71)}
.font-inter{font-family:"Onest Variable",system-ui,-apple-system,sans-serif!important}
.font-interDisplay{font-family:"Bricolage Grotesque Variable",Onest,system-ui,sans-serif!important}
.text-n-blue-9{color:rgb(198 47 71)}
.dark .text-n-blue-9{color:rgb(255 148 160)}
.text-n-brand{color:rgb(198 47 71)}
.dark .text-n-brand{color:rgb(255 148 160)}
.accent-n-blue-9{accent-color:rgb(198 47 71 / 1)}
.\!outline-n-brand{outline-color:rgb(198 47 71)!important}
.outline-n-blue-9{outline-color:rgb(198 47 71)}
.outline-n-brand{outline-color:rgb(198 47 71)}
.text-body-main{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-body-para{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-heading-1{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-heading-2{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-heading-3{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-label{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-label-small{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
.text-button{font-family:"Onest Variable",system-ui,-apple-system,sans-serif}
p a{color:rgb(198 47 71)}
.dark p a{color:rgb(255 148 160)}
p a:is(.dark *){color:rgb(255 148 160)}
input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus{outline-color:rgb(198 47 71)}
input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus:is(.dark *){outline-color:rgb(198 47 71)}
select:focus{outline-color:rgb(198 47 71)}
select:focus:is(.dark *){outline-color:rgb(198 47 71)}
textarea:focus{outline-color:rgb(198 47 71)}
textarea:focus:is(.dark *){outline-color:rgb(198 47 71)}
html,body{font-family:"Onest Variable",system-ui,-apple-system,sans-serif!important}
.before\:\!border-t-n-brand:before{border-top-color:rgb(198 47 71)!important}
.before\:bg-n-brand:before{background-color:rgb(198 47 71)}
.after\:bg-n-brand:after{background-color:rgb(198 47 71)}
.checked\:border-n-brand:checked{border-color:rgb(198 47 71)}
.checked\:bg-n-brand:checked{background-color:rgb(198 47 71)}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(198 47 71)}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(198 47 71)}
.focus-within\:outline-n-brand:focus-within{outline-color:rgb(198 47 71)}
.hover\:border-n-brand:hover{border-color:rgb(198 47 71)}
.hover\:bg-n-brand\/10:hover{background-color:rgb(198 47 71 / 0.102)}
.hover\:bg-n-brand\/80:hover{background-color:rgb(198 47 71 / 0.8)}
.hover\:text-n-brand:hover{color:rgb(198 47 71)}
.dark .hover\:text-n-brand:hover{color:rgb(255 148 160)}
.focus\:border-n-brand:focus{border-color:rgb(198 47 71)}
.focus\:outline-n-blue-9:focus{outline-color:rgb(198 47 71)}
.focus\:outline-n-brand:focus{outline-color:rgb(198 47 71)}
.focus-visible\:border-n-brand:focus-visible{border-color:rgb(198 47 71)}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:rgb(198 47 71 / 0.2)}
.focus-visible\:outline-n-blue-9:focus-visible{outline-color:rgb(198 47 71)}
.focus-visible\:outline-n-brand:focus-visible{outline-color:rgb(198 47 71)}
.hover\:enabled\:border-n-blue-9:enabled:hover{border-color:rgb(198 47 71)}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:rgb(198 47 71 / 0.502)}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:rgb(198 47 71 / 0.2)}
.group:focus-within .group-focus-within\:text-n-brand{color:rgb(198 47 71)}
.dark .group:focus-within .group-focus-within\:text-n-brand{color:rgb(255 148 160)}
.group:hover .group-hover\:bg-n-brand{background-color:rgb(198 47 71)}
.group:hover .group-hover\:text-n-brand{color:rgb(198 47 71)}
.dark .group:hover .group-hover\:text-n-brand{color:rgb(255 148 160)}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:rgb(198 47 71)}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(198 47 71)}
.dark .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(255 148 160)}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(198 47 71)}
.dark .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(255 148 160)}
.dark\:border-n-brand:is(.dark *){border-color:rgb(198 47 71)}
.dark\:bg-n-brand\/10:is(.dark *){background-color:rgb(198 47 71 / 0.102)}
.dark\:\!outline-n-brand:is(.dark *){outline-color:rgb(198 47 71)!important}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(198 47 71)}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(198 47 71)}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:rgb(198 47 71)}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(255 148 160)}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:rgb(198 47 71)}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:rgb(198 47 71)}
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(198 47 71)}
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:rgb(198 47 71 / 0.902)}
.menu[data-v-60cefcf4]:hover{background-color:rgb(198 47 71)}
.ProseMirror .cw-embed-preview.cw-embed-preview--removable .cw-embed-remove:focus-visible{outline:2px solid rgb(198 47 71)}
.search-input[data-v-69e77a2c]:focus{border-color:rgb(198 47 71)}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){
.banner.primary[data-v-dd067508]{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.border-n-brand{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.border-t-n-brand{border-top-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.bg-\[\#2781F6\]{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.bg-n-brand{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.text-n-brand{color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .text-n-brand{color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
p a{color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark p a{color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
p a:is(.dark *){color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.before\:\!border-t-n-brand:before{border-top-color:rgb(198 47 71 / var(--tw-border-opacity, 1))!important}
.before\:bg-n-brand:before{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.after\:bg-n-brand:after{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.checked\:border-n-brand:checked{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.checked\:bg-n-brand:checked{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.hover\:border-n-brand:hover{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.hover\:text-n-brand:hover{color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .hover\:text-n-brand:hover{color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.focus\:border-n-brand:focus{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.focus-visible\:border-n-brand:focus-visible{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.group:focus-within .group-focus-within\:text-n-brand{color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .group:focus-within .group-focus-within\:text-n-brand{color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:bg-n-brand{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-n-brand{color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .group:hover .group-hover\:text-n-brand{color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(198 47 71 / var(--tw-text-opacity, 1))}
.dark .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.dark\:border-n-brand:is(.dark *){border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(255 148 160 / var(--tw-text-opacity, 1))}
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.menu[data-v-60cefcf4]:hover{background-color:rgb(198 47 71 / var(--tw-bg-opacity, 1))}
.search-input[data-v-69e77a2c]:focus{border-color:rgb(198 47 71 / var(--tw-border-opacity, 1))}
}
