/* ===== RESET & VARIABLES ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --morado: #7B1FA2; --morado-l: #F3E5F5;
  --rojo:   #C62828; --rojo-l:   #FFEBEE;
  --gris:   #546E7A; --gris-l:   #ECEFF1;
  --azul:   #1565C0; --azul-l:   #E3F2FD;
  --verde:  #1B5E20; --verde-l:  #E8F5E9;
  --ink:    #0A0A1A;
  --ink2:   #3D3D5C;
  --muted:  #7C7C9A;
  --border: #E8E8F0;
  --bg:     #F4F4F8;
  --surface:#FFFFFF;
  --radius: 18px;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  --shadow: 0 2px 16px rgba(10,10,26,.07);
  --shadow-lg: 0 8px 40px rgba(10,10,26,.14);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --primary:#7C7C9A;
}
html { font-size: 15px; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--ink);
  min-height: 100dvh;
  overflow-x: hidden;
  padding-bottom: calc(72px + var(--safe-b));
}

.pt-md-1{ padding-top: 10px;}
@media (max-width: 769px) { 
  
button.hdr-btn.aboutModalTop{ display: none}
h2
 {
 
    font-size: 1em;

}

}