/* Construcciones Grinta — azul pizarra, geométrica moderna.
   Firma gráfica: el corte en flecha de la G del logotipo. */
@import url("../comun/estilos.ee648a6162aa.css");
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap');

:root {
  --concreto:     #eef1f5;
  --superficie:   #ffffff;
  --tinta:        #16202b;
  --tinta-suave:  #5d6b7b;
  --borde:        #cfd8e1;
  --acento:       #34547a;
  --acento-hover: #2a4462;
  --acento-claro: #e6ecf3;
  --radio: 6px;
}
body { font-family: 'Manrope', system-ui, sans-serif; }
h1, h2 { font-family: 'Space Grotesk', system-ui, sans-serif;
         font-weight: 700; letter-spacing: -.02em; }
/* El corte en flecha de la G */
.tarjeta h1::before {
  content: ""; float: left; width: 0; height: 0; margin: .45em .6rem 0 0;
  border-left: 11px solid var(--acento);
  border-top: 7px solid transparent; border-bottom: 7px solid transparent;
}