/* ==========================================================================
   Estilos compartidos entre bloques. Portados de las secciones BOTONES y del
   inicio de SOBRE NOSOTROS del prototipo, reemplazando --pd-* por --luh-*.
   Se encolan siempre, en el front y en el editor.
   ========================================================================== */

/* BOTONES */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--font-display);font-weight:600;font-size:var(--step-0);
  padding:.85em 1.6em;border-radius:var(--radius);
  text-decoration:none;border:2px solid transparent;cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.btn--solid{background:var(--luh-blue);color:#fff}
.btn--solid:hover{background:var(--luh-blue-700);color:#fff}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.btn--outline{background:transparent;color:var(--luh-blue-700);border-color:var(--luh-blue)}
.btn--outline:hover{background:var(--luh-blue);color:#fff;border-color:var(--luh-blue)}
.btn svg{width:1.15em;height:1.15em;flex:none}

/* SECCIÓN */
.section{padding-block:var(--section-y)}
.section--tint{background:var(--luh-surface)}
.section__title{font-size:var(--step-3);font-weight:600;color:var(--luh-slate)}
.section__title--ink{color:var(--luh-ink)}