/* Marca La Redonda: design system real de la landing (lr-styles-v3.css) */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700;800&family=IBM+Plex+Sans:wght@300;400;600&display=swap');

:root {
  --earth: #110b06; --vine: #253318; --vine-light: #3d5528;
  --stone: #c0b8a8; --limestone: #ede8de; --parchment: #f7f3ec;
  --gold: #a87228; --amber: #d4a83c; --text-mid: #3e2e20; --text-light: #7a6255;
  --font-display: 'Nunito Sans', sans-serif; --font-body: 'IBM Plex Sans', sans-serif;
}
body { background: var(--parchment); color: var(--earth); font-family: var(--font-body); font-weight: 300; }
.container.wrap { max-width: 440px; margin: 0 auto; padding: 0 16px; }
.header { text-align: center; padding-top: 7vh; border: none; }
.header .logo img { height: 58px; width: auto; }
section.login { background: #fff; border: 1px solid var(--limestone); padding: 40px 42px 36px; margin-top: 28px; box-shadow: 0 20px 60px rgba(17,11,6,.07); }
section.login h2 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; color: var(--earth); font-size: 1.6rem; margin: 0 0 24px; }
.form label { display: block; font-family: var(--font-display); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-light); margin-bottom: 8px; }
.form input[type=text], .form input[type=password], .form input[type=email] { width: 100%; box-sizing: border-box; padding: 13px 14px; border: 1px solid var(--stone); border-radius: 0; background: #fff; font-family: var(--font-body); font-size: 1rem; color: var(--earth); }
.form input:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.button, button.button { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 1rem 2.6rem; background: var(--vine); color: #fff; font-family: var(--font-display); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; border: none; border-radius: 0; cursor: pointer; transition: background .25s, transform .2s; }
.button:hover, button.button:hover { background: var(--vine-light); color: #fff; transform: translateY(-2px); }
a { color: var(--gold); }
a:hover { color: var(--amber); }
footer, .footer { color: var(--text-light); font-size: .78rem; text-align: center; margin-top: 30px; font-family: var(--font-body); }


/* Paginas publicas: navegacion, formulario y pie */
section h2 { font-family: 'Nunito Sans', sans-serif; font-weight: 800; letter-spacing: -0.02em; color: var(--earth); }
section { background: #fff; border: 1px solid var(--limestone); padding: 36px 40px; margin-top: 28px; box-shadow: 0 20px 60px rgba(17,11,6,.07); }
.form input::placeholder { color: #b9ab97; }
ul.lists { list-style: none; padding: 0; }
.wrap > nav, nav.nav { text-align: center; margin-top: 18px; }
.wrap a, nav a { font-family: 'Nunito Sans', sans-serif; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); text-decoration: none; margin: 0 10px; }
.wrap a:hover, nav a:hover { color: var(--amber); }
section.login a, section a { font-family: 'IBM Plex Sans', sans-serif; font-size: inherit; letter-spacing: normal; text-transform: none; margin: 0; text-decoration: underline; text-decoration-color: var(--stone); text-underline-offset: 3px; }
footer.container, .footer { display: none !important; }