:root {
  --azul: #09224A;
  --azul-med: #a3bafc;
  --blanco-roto:#f3f4f6;
}

.mdl{
  /* ===== TOKENS DE MARCA: ajustar aquí si metadata.net usa otros valores ===== */
  /* Principales */
  --azul:#09224A; --blanco:#FFFFFF;
  /* Secundarios */
  --azul-osc:#08042b; --azul-med:#a3bafc; --lavanda:#d9defa;
  --gris-osc:#B1A8A8; --gris-cl:#EDEDED; --blanco-roto:#f3f4f6;
  --azul-boton:#1473e6; /* muestreado del swatch: el HEX del manual está mal copiado */
  --boton2-fondo:var(--azul-boton);
  --boton2-texto:#FFFFFF;
  --font-titular:"Instrument Sans","Figtree",system-ui,sans-serif;
  --font-texto:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* En WordPress, para heredar la tipografía del tema: --font-titular:inherit; --font-texto:inherit; */
  --texto:#1d2233; --texto-suave:#4a5068;
  --r-s:6px; --r-m:12px;
  font-family:var(--font-texto);
  color:var(--texto); background:var(--blanco); line-height:1.55; font-size:17px;
  -webkit-font-smoothing:antialiased;
}


.mdl-list li::before{content:"";position:absolute;left:18px;top:21px;width:10px;height:10px;border-radius:50%;background:var(--azul-med)}

/* Casos de uso */
.content ul.mdl-chips {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.content ul.mdl-chips li {
  margin-bottom: 0;
  list-style: none;
}
.mdl-chips{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.mdl-chips li{padding:9px 16px;border:1px solid var(--azul-med);border-radius:999px;font-size:15px;color:var(--azul)}

.mdl-benef{list-style-type:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(163,186,252,.35)}
.mdl-benef li{padding:18px 16px 0 0;font-size:15px;line-height:1.4}
.mdl-benef li + li{padding-left:16px;border-left:1px solid rgba(163,186,252,.35)}
.mdl-benef strong{display:block;font-family:var(--font-titular);font-size:17px;font-weight:600;color:var(--azul-med);margin-bottom:4px}