@import url("colors.css");

#card-info a,
#card-info {
  color: var(--primary-color) !important;
}

#card-info a::marker,
#card-info a:hover {
  color: var(--light-primary-color) !important;
}

.ds-form-contactanos {
  border-radius: 50px 1px 50px;
  background-color: var(--primary-color);
  padding: 1.7rem 1.5rem;
  max-width: 420px;
  border: 1px solid var(--primary-color);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  font-family: "Poppins", sans-serif;
}

.ds-form-contactanos h3 {
  color: white;
}

.ds-form-contactanos p {
  font-style: 1.2rem;
}

.ds-form-contactanos [placeholder] {
  font-size: medium;
  color: gainsboro;
  font-family: "Poppins", sans-serif;
  letter-spacing: normal;
  font-weight: 300;
  word-spacing: 1px;
}

.ds-form-contactanos input.has-value,
.ds-form-contactanos textarea.has-value {
  color: #0f172a;
  font-weight: 400;
}

.ds-form-contactanos input,
.ds-form-contactanos textarea {
  background-color: white;
}

.ds-form-contactanos input:focus,
.ds-form-contactanos textarea:focus {
  background-color: white;
}

.ds-form-contactanos button {
  outline: none;
  cursor: pointer;
  border: 1px solid var(--accent-color);
}

.text-xs {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}

.text-sm {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}

.text-base {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}

.text-lg {
  font-size: 1.125rem; /* 18px */
  line-height: 1.75rem; /* 28px */
}

.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}

.text-2xl {
  font-size: 1.5rem; /* 24px */
  line-height: 2rem; /* 32px */
}

.text-3xl {
  font-size: 1.875rem; /* 30px */
  line-height: 2.25rem; /* 36px */
}

.text-4xl {
  font-size: 2.25rem; /* 36px */
  line-height: 2.5rem; /* 40px */
}

.text-5xl {
  font-size: 3rem; /* 48px */
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem; /* 60px */
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem; /* 72px */
  line-height: 1;
}

.text-8xl {
  font-size: 6rem; /* 96px */
  line-height: 1;
}

.text-9xl {
  font-size: 8rem; /* 128px */
  line-height: 1;
}
.text-wrap {
  text-wrap: pretty;
  text-wrap-style: pretty;
}

p {
  font-size: 1.05rem;
}

.text-slate-900 {
  color: #0f172a !important;
}

.text-slate-800 {
  color: #1e293b !important;
}

.text-slate-700 {
  color: #334155 !important;
}

.text-slate-600 {
  color: #475569 !important;
}

.text-slate-500 {
  color: #64748b !important;
}

.text-slate-400 {
  color: #94a3b8 !important;
}

.text-slate-300 {
  color: #cbd5e1 !important;
}

.text-slate-200 {
  color: #e2e8f0 !important;
}

.text-slate-100 {
  color: #f1f5f9 !important;
}

.text-slate-50 {
  color: #f8fafc !important;
}

.zoom {
  transition: transform 0.2s; /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(
    1.03
  ); /* (103% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.ds-card-image {
  height: auto;
  background-attachment: fixed;
  border-radius: 5px;
}