/* Marca de drperpuli.com sobre la agenda en línea (agenda.drperpuli.com).
 *
 * La paciente viene de drperpuli.com: si la agenda se ve como otra aplicación,
 * duda antes de poner su tarjeta. Mismos colores (marino + menta sobre crema),
 * mismas tipografías (Lora en títulos, Poppins en el texto) y el mismo logo.
 *
 * Sólo se carga cuando `marca.tema == "drperpuli"`; las ligas de otros médicos
 * siguen con el sistema de diseño del expediente. Los valores salen de
 * drperpuli-web/static/assets/sitio.css: si cambian allá, cambian aquí.
 */
@font-face { font-family: "Lora"; src: url("fonts/Lora-latin.662c56ecd8de.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-400-latin.43751174b6b8.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-500-latin.792477d09826.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-600-latin.b550bca8934b.woff2") format("woff2"); font-weight: 600 800; font-display: swap; }

html.marca-drp[data-theme="claro"] {
  --p: #172e61;
  --p-texto: #ffffff;
  --color-bg-primary: #f9f3f0;
  --color-bg-card: #ffffff;
  --color-bg-inner: #f3ecf2;
  --color-surface: #ffffff;
  --color-border: #e8dfe4;
  --color-input-border: #ddd2da;
  --color-input-bg: #ffffff;
  --color-text-primary: #172e61;
  --color-text-secondary: #62667a;
  --drp-acento: #2c7069;
}

/* En oscuro el marino desaparece sobre el fondo: la acción pasa a menta, en el
   tono que conserva contraste 5.6:1 con texto blanco. */
html.marca-drp[data-theme="oscuro"] {
  --p: #2c7069;
  --p-texto: #ffffff;
  --drp-acento: #7cc4be;
}

/* `!important` porque ios-ui.css impone la tipografía del sistema con
   `!important` en `body` y en `h1…h6`: sin esto las fuentes se descargaban y
   nunca se usaban (medido: `document.fonts` las dejaba «unloaded»). */
html.marca-drp body { font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; letter-spacing: 0; }
html.marca-drp h1, html.marca-drp .title { font-family: "Lora", Georgia, "Times New Roman", serif !important; font-weight: 700; letter-spacing: -.012em !important; }
html.marca-drp .paso h2 { font-family: "Poppins", -apple-system, sans-serif !important; letter-spacing: .06em !important; }
html.marca-drp .card { border-radius: 20px; }
html.marca-drp[data-theme="claro"] .card { box-shadow: 0 1px 2px rgba(23, 46, 97, .05), 0 10px 30px -12px rgba(23, 46, 97, .14); }
html.marca-drp .btn { border-radius: 999px; font-weight: 600; }
html.marca-drp .paso h2 { color: var(--drp-acento); }

.topbar-drp { display: flex; align-items: center; justify-content: space-between; gap: 12px;
              max-width: 600px; margin: 0 auto; padding: 18px 20px 0; }
.topbar-drp .logo { display: block; line-height: 0; }
.topbar-drp .logo img { height: 40px; width: auto; }
.topbar-drp .logo .oscuro { display: none; }
html[data-theme="oscuro"] .topbar-drp .logo .claro { display: none; }
html[data-theme="oscuro"] .topbar-drp .logo .oscuro { display: block; }
.topbar-drp .lang { font-size: .82rem; font-weight: 600; color: var(--color-text-secondary);
                    border: 1px solid var(--color-border); border-radius: 999px; padding: 6px 12px; white-space: nowrap; }
@media (max-width: 360px) { .topbar-drp .logo img { height: 32px; } }