/* static/css/styles.css */
:root{
    --brand-blue:#002e5d;
    --brand-yellow:#f4b400;
    --brand-orange:#ffa94d;
  }
  
  body{background:var(--brand-blue);color:#fff;font-family:Inter,system-ui,sans-serif}
  
  /*–– Botones ––*/
  .btn{
    @apply inline-block px-6 py-3 rounded-xl font-medium transition transform;
  }
  .btn-primary{
    background:var(--brand-orange);color:#222;
  }
  .btn-primary:hover{filter:brightness(1.1) scale(1.02)}
  .btn-secondary{
    background:transparent;border:2px solid var(--brand-orange);color:var(--brand-orange);
  }
  .btn-secondary:hover{background:var(--brand-orange);color:#222}
  
  /*–– Animaciones hero ––*/
  @keyframes scaleFade{
    0%{opacity:0;transform:scale(.7)}
    100%{opacity:1;transform:scale(1)}
  }
  .hero-appear{animation:scaleFade .6s ease-out both}
  
  /*–– Transición logo grande→pequeño ––*/
  .logo-big   {width: 60%}
  .logo-small {width:48px}
  
  /*–– Table ––*/
  table{border-collapse:collapse;width:100%;max-width:640px;margin-inline:auto}
  th,td{padding:.6rem 1rem;border-bottom:1px solid #ffffff33}
  thead{background:#ffffff11}
  tbody tr:nth-child(even){background:#ffffff08}