@charset "UTF-8";
:root {
  /* Colores en tonos blancos y claros */
  --background: oklch(1 0 0);
  --foreground: oklch(0.25 0.01 240);
  --card: oklch(0.99 0 0);
  --card-foreground: oklch(0.25 0.01 240);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.25 0.01 240);
  --primary: oklch(0.45 0.15 250);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.97 0.005 240);
  --secondary-foreground: oklch(0.3 0.01 240);
  --muted: oklch(0.97 0.005 240);
  --muted-foreground: oklch(0.5 0.01 240);
  --accent: oklch(0.96 0.01 240);
  --accent-foreground: oklch(0.3 0.01 240);
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.93 0.005 240);
  --input: oklch(0.96 0.005 240);
  --ring: oklch(0.45 0.15 250);
  --chart-1: oklch(0.55 0.18 260);
  --chart-2: oklch(0.6 0.15 200);
  --chart-3: oklch(0.58 0.12 180);
  --chart-4: oklch(0.62 0.1 160);
  --chart-5: oklch(0.65 0.08 140);
  --radius: 0.5rem;
  --sidebar: oklch(0.99 0 0);
  --sidebar-foreground: oklch(0.25 0.01 240);
  --sidebar-primary: oklch(0.45 0.15 250);
  --sidebar-primary-foreground: oklch(0.99 0 0);
  --sidebar-accent: oklch(0.97 0.005 240);
  --sidebar-accent-foreground: oklch(0.3 0.01 240);
  --sidebar-border: oklch(0.93 0.005 240);
  --sidebar-ring: oklch(0.45 0.15 250);
  --font-Geist: "Geist", sans-serif;
  --spacing: 0.25rem;
}

.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.65 0.18 280);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.439 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  /* font-size: 62.5%; */
  font-family: var(--font-Geist);
  color: var(--foreground);
  scroll-behavior: smooth;
  background: var(--background);
}

.nav__container {
  display: flex;
  justify-content: space-between;
  padding: 1.25rem;
  border-bottom: 1px solid var(--border, #e5e7eb); /* border */
  background-color: var(--card);
}
.nav__container .user__section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.nav__container .user__section .square-user {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--primary);
  border-radius: 10px;
  width: 3rem;
  height: 3rem;
  color: var(--primary-foreground);
}
.nav__container .user__section .main-titles .control {
  font-weight: bold;
  font-size: 1.2rem;
}
.nav__container .user__section .main-titles .name-prx {
  color: var(--muted-foreground);
}
.nav__container .aditional__function {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.nav__container .aditional__function button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* gap-2 */
  white-space: nowrap;
  border-radius: 0.375rem; /* rounded-md */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  transition: all 0.2s ease-in-out; /* transition-all */
  border: 1px solid var(--border, #e5e7eb); /* border */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: transparent; /* bg-transparent */
  min-width: 2.25rem; /* w-9 */
  height: 2.25rem; /* h-9 */
  flex-shrink: 0; /* shrink-0 */
  outline: none;
  padding: 0.8rem;
  color: inherit;
}

main {
  padding: 2rem 1rem;
}
main .form-search {
  margin-bottom: 1.5rem;
}
main form {
  display: flex;
  gap: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
}
main form .search-icon {
  color: var(--muted-foreground);
  position: absolute;
  margin-left: 0.5rem;
}
main form input {
  color: var(--foreground, #111827); /* text-foreground */
  background-color: transparent; /* bg-transparent */
  border: 1px solid var(--input, #e5e7eb); /* border-input */
  height: 2.25rem; /* h-9 */
  width: 100%; /* w-full */
  min-width: 0; /* min-w-0 */
  border-radius: 0.375rem; /* rounded-md */
  padding: 0.25rem 0.75rem; /* py-1 px-3 */
  padding-left: 2.25rem; /* pl-9 */
  font-size: 1rem; /* text-base */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-xs */
  outline: none;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}
main form input::-moz-placeholder {
  color: var(--muted-foreground, #6b7280); /* placeholder:text-muted-foreground */
}
main form input::placeholder {
  color: var(--muted-foreground, #6b7280); /* placeholder:text-muted-foreground */
}
main form input::-moz-selection {
  background-color: var(--primary, #3b82f6); /* selection:bg-primary */
  color: var(--primary-foreground, #ffffff); /* selection:text-primary-foreground */
}
main form input::selection {
  background-color: var(--primary, #3b82f6); /* selection:bg-primary */
  color: var(--primary-foreground, #ffffff); /* selection:text-primary-foreground */
}
main form input.focused {
  box-shadow: 0 0 0 2px var(--primary, #3b82f6); /* ring cuando está activo */
}
main form input.active {
  box-shadow: 0 0 0 2px var(--primary, #3b82f6);
}
main form .search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* gap-2 */
  white-space: nowrap;
  border-radius: 0.375rem; /* rounded-md */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  transition: all 0.2s ease-in-out; /* transition-all */
  background-color: var(--primary, #3b82f6); /* bg-primary */
  color: var(--primary-foreground, #ffffff); /* text-primary-foreground */
  border: 1px solid transparent; /* se usa para focus */
  height: 2.25rem; /* h-9 */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  flex-shrink: 0; /* shrink-0 */
  outline: none;
}
main .noencontrado {
  margin-top: 0.5rem; /* mt-2 → separa 8px arriba */
  font-size: 0.875rem; /* text-sm → tamaño de texto pequeño */
  line-height: 1.25rem; /* altura de línea acorde */
  color: var(--destructive); /* text-destructive → color de error/alerta */
}
main .tabpanel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
main .tablist {
  display: grid; /* grid */
  grid-template-columns: repeat(2, 1fr); /* grid-cols-2 */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  height: 2.25rem; /* h-9 */
  width: 100%; /* w-full */
  max-width: 28rem; /* max-w-md */
  padding: 3px; /* p-[3px] */
  border-radius: 0.5rem; /* rounded-lg */
  background-color: var(--muted, #f3f4f6); /* bg-muted */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground */
}
main .tablist button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* gap-1.5 */
  height: calc(100% - 1px); /* h-[calc(100%-1px)] */
  flex: 1; /* flex-1 */
  padding: 0.25rem 0.5rem; /* py-1 px-2 */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid transparent; /* border-transparent */
  color: var(--foreground, #111827); /* text-foreground */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  white-space: nowrap;
  background-color: transparent;
  transition: color 0.2s ease, box-shadow 0.2s ease; /* transition-[color,box-shadow] */
  outline-width: 1px; /* focus-visible:outline-1 */
}
main .tablist button[data-state=active] {
  background-color: var(--background, #ffffff); /* data-[state=active]:bg-background */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); /* data-[state=active]:shadow-sm */
}
main .tablist .dark .tab[data-state=active] {
  color: var(--foreground, #f9fafb); /* Texto en modo oscuro */
  background-color: var(--input, #3b3b3b); /* Fondo en modo oscuro */
  border-color: var(--input, #3b3b3b); /* Borde en modo oscuro */
}
main .card-panel {
  flex: 1 1 0%; /* flex-1 → crecer y encogerse proporcionalmente */
  outline: none; /* outline-none */
  /* display: flex; */
  display: none; /* ocultar todos por defecto */
  flex-direction: column; /* necesario para space-y */
  gap: 1.5rem;
}
main .card-panel[data-state=active] {
  display: flex;
}
main .card-list {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1.5rem; /* gap-6 */
  width: 100%; /* w-full */
  padding-top: 1.5rem; /* py-6 */
  padding-bottom: 1.5rem;
  border-radius: 1rem; /* rounded-xl */
  border: 1px solid var(--border, #e5e7eb); /* border */
  background-color: var(--card, #ffffff); /* bg-card */
  color: var(--card-foreground, #111827); /* text-card-foreground */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); /* data-[state=active]:shadow-sm */
}
main .card-list .card-header {
  display: grid; /* grid */
  grid-auto-rows: min-content; /* auto-rows-min */
  grid-template-columns: 1fr auto; /* grid-rows-[auto_auto] */
  align-items: start; /* items-start */
  gap: 0.5rem; /* gap-2 */
  padding-left: 1.5rem; /* px-6 */
  padding-right: 1.5rem;
}
main .card-list .card-header .card {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
}
main .card-list .card-header .card .container {
  display: flex;
  flex-direction: column; /* space-y-* funciona solo con flex-col o flex-direction column */
  gap: 0.5rem; /* space-y-2 → separación vertical entre hijos */
  flex: 1 1 0%; /* flex-1 → crecer y encogerse según el contenedor */
  min-width: 0;
}
main .card-list .card-header .card .container .card-title {
  font-size: 2rem; /* text-3xl */
  font-weight: 700; /* font-bold */
  line-height: 1.25; /* leading-tight */
  overflow-wrap: break-word; /* break-words */
  word-wrap: break-word; /* soporte adicional */
  -webkit-hyphens: auto;
          hyphens: auto;
}
main .card-list .card-header .card .container .card-code {
  font-size: 0.875rem; /* text-sm */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground */
}
main .card-list .card-header .badge {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  gap: 0.25rem; /* gap-1 */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid transparent; /* border-transparent */
  padding: 0.125rem 0.8rem; /* py-0.5 px-2 */
  font-size: 0.75rem; /* text-xs */
  font-weight: 500; /* font-medium */
  width: -moz-fit-content;
  width: fit-content; /* w-fit */
  white-space: nowrap; /* whitespace-nowrap */
  overflow: hidden; /* overflow-hidden */
  flex-shrink: 0; /* shrink-0 */
  background-color: var(--primary, #3b82f6); /* bg-primary */
  color: var(--primary-foreground, #ffffff); /* text-primary-foreground */
  transition: color 0.2s ease, box-shadow 0.2s ease; /* transition-[color,box-shadow] */
}
main .card-list .card-header .badge.norespondio {
  background-color: var(--secondary, #e5e7eb); /* bg-secondary */
  color: var(--secondary-foreground, #111827); /* text-secondary-foreground */
}
main .card-list .card-content {
  padding: 0 1.5rem;
}
main .card-list .card-content .content {
  display: grid; /* grid */
  grid-template-columns: repeat(3, 1fr); /* grid-cols-3 */
  gap: 1rem; /* gap-4 */
  margin-bottom: 1.5rem; /* mb-6 */
}
main .card-list .card-content .content .info {
  display: flex;
  flex-direction: column; /* Necesario para que el espacio sea vertical */
  gap: 0.25rem;
}
main .card-list .card-content .content .info .title {
  font-size: 0.75rem; /* text-xs */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground */
  text-transform: uppercase; /* uppercase */
  letter-spacing: 0.05em; /* tracking-wide */
  display: flex; /* flex */
  align-items: center; /* items-center */
  gap: 0.25rem; /* gap-1 → 0.25rem = 4px */
}
main .card-list .card-content .content .info .response {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700;
}
main .card-list .card-content .share-options {
  display: flex;
  flex-direction: column; /* necesario para que el espacio sea vertical */
  gap: 0.5rem;
}
main .card-list .card-content .share-options .copy-buttons {
  display: flex;
  gap: 0.5rem;
}
main .card-list .card-content .share-options .copy-buttons button {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  flex: 1 1 0%; /* flex-1 */
  gap: 0.375rem; /* gap-1.5 */
  padding: 0.625rem 0.75rem; /* py-2 px-3 → approximated */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid var(--border, #e5e7eb); /* border */
  height: 2rem; /* h-8 */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  white-space: nowrap; /* whitespace-nowrap */
  background-color: transparent; /* bg-transparent */
  color: inherit;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-xs */
  outline: none;
  transition: all 0.2s ease-in-out; /* transition-all */
}
main .card-list .card-content .share-options .share-invitation {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  flex-shrink: 0; /* shrink-0 */
  gap: 0.375rem; /* gap-1.5 */
  padding: 0.125rem 0.75rem; /* py-0.5 px-3 aproximado */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid transparent; /* default border */
  height: 2rem; /* h-8 */
  width: 100%; /* w-full */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  white-space: nowrap; /* whitespace-nowrap */
  outline: none;
  background-color: var(--primary, #3b82f6); /* bg-primary */
  color: var(--primary-foreground, #ffffff); /* text-primary-foreground */
  transition: all 0.2s ease-in-out; /* transition-all */
}
main .card-navigator {
  display: flex; /* flex */
  align-items: center; /* items-center → centrar verticalmente */
  justify-content: space-between; /* justify-between → separar los elementos a los extremos */
  gap: 0.5rem;
}
main .card-navigator .nav-button {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  flex-shrink: 0; /* shrink-0 */
  gap: 0.375rem; /* gap-1.5 */
  padding: 0.5rem 0.75rem; /* py-2 px-3 */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid var(--border, #e5e7eb); /* border */
  height: 2rem; /* h-8 */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  white-space: nowrap; /* whitespace-nowrap */
  background-color: var(--background, #ffffff); /* bg-background */
  color: inherit;
  box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.05)); /* shadow-xs */
  outline: none;
  transition: all 0.2s ease-in-out; /* transition-all */
}
main .card-navigator span {
  font-size: 0.875rem; /* text-sm */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground */
  padding-left: 0.5rem; /* px-2 */
  padding-right: 0.5rem;
  text-align: center;
}
main .invitados-panel {
  margin-top: 1rem;
}
main .invitados-panel .resume-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .invitados-panel .resume-header .total-invitados {
  font-size: 1.125rem; /* text-lg → 18px */
  line-height: 1.75rem; /* mantiene buena legibilidad */
  font-weight: 600;
}
main .invitados-panel .resume-header .total-confirmadas {
  font-size: 0.875rem; /* text-sm → 14px */
  line-height: 1.25rem; /* altura de línea estándar */
  color: var(--muted-foreground, #6b7280); /* gris suave (por defecto) */
}
main .list-individual {
  margin-top: 0.5rem;
}
main .list-individual .card-invitado {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1.5rem; /* gap-6 → 1.5rem */
  background-color: var(--card, #ffffff); /* bg-card */
  color: var(--card-foreground, #111827); /* text-card-foreground */
  border: 1px solid var(--border, #e5e7eb); /* border */
  border-radius: 1rem; /* rounded-xl */
  padding-top: 1.5rem; /* py-6 */
  padding-bottom: 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
  margin-bottom: 0.5rem;
  cursor: pointer; /* cursor-pointer */
  transition: background-color 0.2s ease; /* transition-colors */
  outline: none;
  /* color: var(--card-foreground); */
}
main .list-individual .card-invitado:hover {
  background-color: var(--accent, #f3f4f6); /* hover:bg-accent */
}
main .list-individual .card-invitado.active {
  box-shadow: 0 0 0 2px var(--primary, #3b82f6); /* ring-2 ring-primary */
}
main .list-individual .card-invitado:focus-visible {
  box-shadow: 0 0 0 2px var(--primary, #3b82f6); /* ring-2 ring-primary */
}
main .list-individual .card-invitado .card-content {
  padding: 1rem;
}
main .list-individual .card-invitado .card-content .content {
  display: flex; /* flex */
  align-items: center; /* items-center → centrar verticalmente */
  justify-content: space-between; /* justify-between → separar los hijos a los extremos */
  gap: 1rem;
}
main .list-individual .card-invitado .card-content .content .data {
  flex: 1 1 0%; /* flex-1 → crecer y encogerse proporcionalmente dentro del contenedor flex */
  min-width: 0; /* min-w-0 → evita overflow, permite que el elemento se reduzca correctamente */
}
main .list-individual .card-invitado .card-content .content .data .number-code {
  display: flex; /* flex */
  align-items: center; /* items-center → centrar verticalmente */
  gap: 0.5rem; /* gap-2 → 0.5rem = 8px */
  margin-bottom: 0.25rem; /* mb-1 → 0.25rem = 4px */
}
main .list-individual .card-invitado .card-content .content .data .number-code span {
  font-size: 0.75rem; /* text-xs → 12px */
  font-family: monospace, monospace; /* font-mono → fuente monoespaciada */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground → gris suave */
}
main .list-individual .card-invitado .card-content .content .data .name-invitado {
  font-weight: 500; /* font-medium */
  font-size: 1rem; /* text-base → 16px */
  line-height: 1.375rem; /* leading-snug → 22px aprox. */
  overflow-wrap: break-word; /* break-words → evita desbordes de palabras largas */
  word-wrap: break-word; /* soporte adicional */
  margin-bottom: 0.25rem; /* mb-1 → 4px */
}
main .list-individual .card-invitado .card-content .content .data .adult-children {
  display: flex; /* flex → contenedor horizontal */
  gap: 0.75rem; /* gap-3 → 12px de espacio entre hijos */
  margin-top: 0.25rem; /* mt-1 → 4px de margen superior */
  font-size: 0.75rem; /* text-xs → 12px */
  color: var(--muted-foreground, #6b7280); /* text-muted-foreground → gris suave */
}
main .list-individual .card-invitado .card-content .content .share-options {
  display: flex; /* flex → contenedor horizontal */
  align-items: center; /* items-center → centrar verticalmente */
  gap: 0.5rem; /* gap-2 → 8px entre hijos */
  flex-shrink: 0; /* shrink-0 → no se encoge dentro del flex padre */
}
main .list-individual .card-invitado .card-content .content .share-options .options {
  display: flex; /* flex → contenedor horizontal */
  gap: 0.25rem; /* gap-1 → 4px entre hijos */
}
main .list-individual .card-invitado .card-content .content .share-options .options button {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  gap: 0.5rem; /* gap-2 */
  white-space: nowrap; /* whitespace-nowrap */
  border-radius: 0.375rem; /* rounded-md */
  font-size: 0.875rem; /* text-sm */
  font-weight: 500; /* font-medium */
  transition: all 0.2s ease-in-out; /* transition-all */
  flex-shrink: 0; /* shrink-0 */
  outline: none; /* outline-none */
  width: 2rem; /* w-8 */
  height: 2rem; /* h-8 */
  border: none;
  background-color: transparent;
  color: var(--accent-foreground, #111827); /* hover:text-accent-foreground */
}
main .list-individual .card-invitado .card-content .content .share-options .options button:hover {
  background-color: var(--accent, #f3f4f6); /* hover:bg-accent */
  color: var(--accent-foreground, #111827); /* hover:text-accent-foreground */
}
main .list-individual .card-invitado .card-content .content .share-options .badge {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  gap: 0.25rem; /* gap-1 */
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid transparent; /* border-transparent */
  padding: 0.125rem 0.5rem; /* py-0.5 px-2 */
  font-size: 0.75rem; /* text-xs */
  font-weight: 500; /* font-medium */
  width: -moz-fit-content;
  width: fit-content; /* w-fit */
  white-space: nowrap; /* whitespace-nowrap */
  overflow: hidden; /* overflow-hidden */
  flex-shrink: 0; /* shrink-0 */
  background-color: var(--primary, #3b82f6); /* bg-primary */
  color: var(--primary-foreground, #ffffff); /* text-primary-foreground */
  transition: color 0.2s ease, box-shadow 0.2s ease; /* transition-[color,box-shadow] */
  outline: none;
}
main .list-individual .card-invitado .card-content .content .share-options .badge.norespondio {
  background-color: var(--secondary, #e5e7eb); /* bg-secondary */
  color: var(--secondary-foreground, #111827);
}/*# sourceMappingURL=style.css.map */