html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "NewYork";
  src: url("/assets/NewYork-dc47b8e7.otf") format("opentype");
}

@tailwind base;
@tailwind components;
@tailwind utilities;

.classic-layout {
  @apply max-w-7xl mx-auto;
}

.modern-layout {
  @apply bg-gradient-to-br from-white to-gray-100;
}

.minimal-layout {
  @apply max-w-3xl mx-auto;
}

.grid-layout {
  @apply container mx-auto px-4;
}

/* Estilos para campos de moeda com máscara */
.currency-field {
  @apply text-right font-mono;
  letter-spacing: 0.5px;
}

.currency-field:focus {
  @apply ring-2 ring-blue-500 ring-opacity-50;
  background-color: #fafafa;
}

.currency-field::placeholder {
  @apply text-gray-400 font-normal;
  font-family: inherit;
}

/* Indica que o campo tem máscara ativa */
.currency-field[data-currency-formatted="true"] {
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1ZM8.5 11.5H7.5V10.5H8.5V11.5ZM8.5 9H7.5V4.5H8.5V9Z' fill='%2310B981'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center;
  background-size: 14px 14px;
  padding-right: 28px;
}