/* ==========================================================================
   TELMORA — base stylesheet
   Loaded before css/landing.css (the design system). Keeps only a reset plus
   the few hooks that shared platform JS (blockUI dialogs, phone mask,
   validator) expects to exist.
   ========================================================================== */

@import url('fonts/fonts.css');

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    padding: 0;
    background: #F4F1EA;
    color: #11201E;
    font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

img, svg, video { max-width: 100%; height: auto; }
/* Icons are stroke-drawn with fill="none" on the element — never force a fill. */

a { color: inherit; }

button, input, select, textarea { font: inherit; color: inherit; }

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }

table { border-collapse: collapse; }

/* --------------------------------------------------------------------------
   Platform JS hooks — referenced by shared scripts in /js. Keep them.
   -------------------------------------------------------------------------- */
.d-none { display: none !important; }
.text-center { text-align: center; }
.text-left { text-align: left; }

/* blockUI modal shell (validation dialogs on the auth forms) */
#question {
    background: #FBFAF6;
    border: 1px solid #DCD5C7;
    border-radius: 22px;
    padding: 28px;
    color: #11201E;
    text-align: center;
}
#question p { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #3B4946; }
.blockOverlay { background: #11201E !important; opacity: .55 !important; }
.blockMsg { border: 0 !important; background: transparent !important; }

/* reCAPTCHA container spacing (registration step) */
.g-recaptcha { margin: 4px 0 18px; }