@font-face {
  font-family: "Material Krisha";
  src: url("assets/tu-equipo/fonts/KrishaRegular-518Zx.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Material Montserrat";
  src: url("assets/ds-exclusive/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Isolated Home material layers. */
#calidad[data-quality]::before {
  background-image:url('assets/material/material-background.png');
  background-position:center;
  transform:none;
}
#calidad[data-quality]::after {
  background:url('assets/material/material-glow-left.png') center / cover no-repeat;
}
#calidad .material-cloth-canvas {
  position:absolute; inset:0; width:100%; height:100%; z-index:-2;
  pointer-events:none; visibility:hidden;
}
#calidad.material-cloth-ready::before { visibility:hidden; }
#calidad.material-cloth-ready .material-cloth-canvas { visibility:visible; }
#calidad[data-quality] .quality-reveal,
#calidad[data-quality] .quality-title__line > span {
  opacity:1; transform:none; transition:none;
}

/* Typography is scoped to the Home MATERIAL section, including font weights. */
#calidad[data-quality] .quality-title {
  font-family: "Material Krisha", sans-serif;
  font-size: clamp(64px, 6.15vw, 96px);
  font-weight: 400;
  font-synthesis: none;
  line-height: .94;
  letter-spacing: 0;
}
#calidad[data-quality] .quality-title__line {
  overflow: visible;
  white-space: nowrap;
}
#calidad[data-quality] .quality-title__line:nth-child(2) {
  margin-top: 8px;
  font-size: .78em;
}
#calidad[data-quality] .quality-eyebrow,
#calidad[data-quality] .quality-intro,
#calidad[data-quality] .quality-feature__index,
#calidad[data-quality] .quality-feature h3,
#calidad[data-quality] .quality-feature p {
  font-family: "Material Montserrat", sans-serif;
  font-synthesis: none;
}
#calidad[data-quality] .quality-eyebrow { font-weight: 600; }
#calidad[data-quality] .quality-intro,
#calidad[data-quality] .quality-feature p { font-weight: 400; }
#calidad[data-quality] .quality-feature__index { font-weight: 500; }
#calidad[data-quality] .quality-feature h3 {
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: .01em;
}
@media (max-width: 767px) {
  #calidad[data-quality] .quality-title { font-size: clamp(64px, 16vw, 76px); }
  #calidad[data-quality] .quality-feature h3 { font-size: 17px; }
}