/* ============================================================
   TEMA MAXLU — se aplica SOLO a maxlu.html.
   Carga DESPUÉS de case.css. Igual que el tema de Miga:
   trae únicamente los COLORES corporativos de Maxlu.
   La tipografía se mantiene la del portfolio (Cooper + Poppins).
   Marca: amarillo #EDA135 · negro · teal petróleo · crema.
   ============================================================ */
:root{
  /* paleta Maxlu */
  --maxlu-yellow:#EDA135;
  --maxlu-teal:#244E54;     /* petróleo de los mockups */
  --maxlu-teal-deep:#1C3E43;
  --maxlu-black:#1A1A1A;

  /* remapeo de los tokens del sistema a la marca Maxlu */
  --cream:#FBF8F1;
  --ink:#1F2A2B;
  --ink-soft:#5C6B6C;
  --ink-faint:#9aa6a6;
  --line:rgba(31,42,43,.14);
  --line-strong:rgba(31,42,43,.28);
  --box:#FFFFFF;
  --box-2:#ECE6DA;
  --burgundy:#244E54;          /* botones y acentos -> teal */
  --sky:#D9E8E7;               /* acentos fríos -> teal claro */
  --butter:#EDA135;            /* banda cálida -> amarillo Maxlu */
  --sky-soft:#E7F1F0;          /* persona / voz "sí" -> teal muy claro */
  --butter-soft:#FBEACB;       /* tinte amarillo suave */
}

/* el "miga" del key panel del journey no aplica aquí; aseguramos texto claro */
.jmap .key{color:#FBF8F1;}

/* la banda amarilla con texto oscuro (alto contraste, muy Maxlu) */
.band.butter{background:var(--maxlu-yellow);}
.band.butter .tag{color:var(--maxlu-teal-deep);}
.band.butter .tag::before{background:var(--maxlu-teal-deep);opacity:.5;}
.band.butter h2,.band.butter p{color:var(--maxlu-black);}

/* banda teal alternativa */
.band.teal{background:var(--maxlu-teal);}
.band.teal .tag{color:#cfe0df;}
.band.teal .tag::before{background:#cfe0df;opacity:.6;}
.band.teal h2,.band.teal p{color:#fff;}
.band.teal .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.band.teal .card h3{color:#fff;}
.band.teal .card p{color:#dfe9e8;}
.band.teal .card p strong{color:#fff;}

/* botón "más" en teal, hover más profundo */
.more-link:hover{background:var(--maxlu-teal-deep);}

/* acentos sutiles de marca en chips activos y números */
.eyebrow .pill{border-color:var(--line-strong);}

/* el fondo de p\u00e1gina siempre es el crema de la home, independientemente del tema */
body{background:#FCFAF3;}
.maxlu-logo{display:flex;align-items:center;margin:0;}
.maxlu-logo img{height:clamp(64px,11vw,120px);width:auto;display:block;}