/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: hsl(31, 32%, 59%);
	--cnvs-themecolor-rgb: 126, 150, 128;
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Sansita', sans-serif;
	--cnvs-header-height: 70px;
}



.btn-rspv {
  display: inline-block;
  padding: 12px 26px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--cnvs-themecolor);
  border: 2px solid var(--cnvs-themecolor);
  border-radius: 30px;
  background: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover elegante */
.btn-rspv:hover {
  background: var(--cnvs-themecolor);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Efecto sutil al hacer click */
.btn-rspv:active {
  transform: scale(0.97);
}

.fecha-blur {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 12px;

  /* Fondo semitransparente */
  background: rgba(255, 255, 255, 0.15);

  /* Efecto blur (clave) */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  /* Detalle elegante */
  border: 1px solid rgba(255, 255, 255, 0.2);
}