@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");


/* ===== INDEX.CSS ===== */
/* Punto único de carga global */
/* Fuentes */
/* Core */
/* ===== BASE & TOKENS ===== */
/* Variables globales + configuración base del proyecto */
/* ===== UTILITIES ===== */
/* Layout, textos reutilizables y helpers */
/* ===== ANIMATIONS ===== */
/* Animaciones globales y helpers visuales */
/* Componentes globales */
.countdown-timer{
  width:100%;
  min-height:48px;
  padding:.55rem .8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.countdown-timer-normal{background:linear-gradient(90deg,#059669,#22c55e,#059669)}
.countdown-timer-warning{background:linear-gradient(90deg,#ea580c,#fb923c,#ea580c)}
.countdown-timer-danger{background:linear-gradient(90deg,#b91c1c,#ef4444,#b91c1c)}
.countdown-timer-icon{
  width:20px;
  height:20px;
  flex-shrink:0;
}
.countdown-timer-label{
  font-size:.9rem;
  font-weight:950;
  white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.18);
}
.countdown-timer-box{
  padding:.5rem .95rem;
  border-radius:14px;
  background:#fff;
  color:#111827;
  font-size:1rem;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
.countdown-timer-danger .countdown-timer-icon,
.countdown-timer-danger .countdown-timer-box{
  animation:pulse 1s infinite;
}
@media(max-width:640px){
  .countdown-timer{
    min-height:42px;
    padding:.38rem .45rem;
    gap:.45rem;
  }

  .countdown-timer-icon{
    width:15px;
    height:15px;
  }

  .countdown-timer-label{
    max-width:40vw;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.85rem;
  }

  .countdown-timer-box{
    padding:.26rem .55rem;
    border-radius:10px;
    font-size:.72rem;
  }
}
/* Explore shared styles */
.explore-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.explore-sheet{max-height:82vh;width:100%;overflow:auto;border-radius:28px 28px 0 0;background:var(--w-bg);padding:1rem 1rem 2rem;animation:exploreSlideUp .28s ease both;}
.explore-panel{border:1px solid rgba(226,232,240,.65);border-radius:28px;background:rgba(255,255,255,.72);padding:1rem;box-shadow:0 12px 35px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.explore-handle{width:56px;height:6px;margin:0 auto 1.25rem;border-radius:999px;background:#e2e8f0;}
.explore-head{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;}
.explore-title{font-size:22px;font-weight:900;text-transform:capitalize;letter-spacing:-.02em;}
.explore-close{font-size:14px;font-weight:900;color:var(--w-primary);}
.explore-active-label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--w-primary);}
.explore-active-list{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;}
.explore-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .75rem;font-size:11px;font-weight:900;color:#fff;}
.explore-chip-primary{background:var(--w-primary);}
.explore-chip-secondary{background:var(--w-secondary);}
.explore-body{display:flex;flex-direction:column;gap:1.75rem;}
.explore-section-title{margin-bottom:.75rem;font-size:11px;font-weight:900;text-transform:capitalize;letter-spacing:.18em;color:var(--w-muted);}
@keyframes exploreSlideUp{from{transform:translateY(18px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(min-width:768px){.explore-overlay{display:none;}}
/* Catálogo */
.card-product {
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 28px;
  background: #fff;
  overflow: hidden;
  box-shadow:
    0 10px 30px rgba(15, 23, 42, 0.05),
    0 18px 45px rgba(15, 23, 42, 0.06);
  transition: 0.28s;
}
.card-product:hover {
  transform: translateY(-5px);
  border-color: rgba(29, 130, 153, 0.22);
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.1),
    0 30px 70px rgba(29, 130, 153, 0.12);
}
.card-product-image {
  overflow: hidden;
  border-radius: 22px;
  background: #f8fafc;
}
.card-product-image img {
  transition: 0.7s;
}
.card-product:hover .card-product-image img {
  transform: scale(1.08);
}
.card-product-title {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
  color: #334155;
  transition: 0.2s;
}
.card-product-title:hover {
  color: #1d8299;
}
.card-product-button {
  min-height: 40px;
  border-radius: 18px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.15px;
  box-shadow: 0 6px 16px rgba(29, 130, 153, 0.16);
  transition: 0.18s;
}
.card-product-button:hover {
  transform: translateY(-1px);
}
/* Precio mayorista */
.wholesale-pricing {
  margin-top: 10px;
  border-top: 1px dashed rgba(226, 232, 240, 0.95);
  padding-top: 9px;
}
.wholesale-title {
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748b;
}
.wholesale-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wholesale-chip {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  border: 1px solid;
  border-radius: 14px;
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}
.wholesale-chip span {
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}
/* Colores por tier */
.wholesale-chip-price-3 {
  border-color: #f5b025;
  background: rgba(245, 176, 37, 0.12);
  color: #92400e;
}
.wholesale-chip-price-12 {
  border-color: #f286be;
  background: rgba(242, 134, 190, 0.13);
  color: #9d174d;
}
.wholesale-chip-price-50 {
  border-color: #7c3aed;
  background: rgba(124, 58, 237, 0.11);
  color: #5b21b6;
}
.wholesale-chip-price-100 {
  border-color: #22c55e;
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.1),
    rgba(74, 222, 128, 0.18)
  );
  color: #15803d;
  box-shadow:
    0 0 0 1px rgba(34, 197, 94, 0.08),
    0 6px 14px rgba(34, 197, 94, 0.12);
}
/* ================================
   Product Card - Selección de texto
================================ */
.card-product [data-no-card-click] {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  cursor: text;
}
.card-product button,
.card-product img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .card-product {
    border-radius: 22px;
    padding: 8px;
  }

  .card-product-image {
    height: 180px !important;
    border-radius: 18px;
  }

  .card-product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }

  .card-product-title {
    font-size: 15px;
    line-height: 1.18;
  }

  .card-product-button {
    min-height: 38px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
  }

  .card-product-button span {
    gap: 6px;
    white-space: nowrap;
  }

  .card-product-button svg {
    width: 14px;
    height: 14px;
  }

  .wholesale-pricing {
    margin-top: 8px;
    padding-top: 8px;
  }

  .wholesale-title {
    margin-bottom: 6px;
    font-size: 9px;
  }

  .wholesale-list {
    gap: 5px;
  }

  .wholesale-chip {
    border-radius: 12px;
    padding: 7px 8px;
    font-size: 10px;
  }

  .wholesale-chip span {
    font-size: 10px;
  }
}
.category-card {
  min-height: 96px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: linear-gradient(180deg, #fff, rgba(248, 250, 252, 0.96));
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.05),
    0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  font-weight: 900;
  transition: 0.22s ease;
}
.category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), transparent);
  opacity: 0.7;
  pointer-events: none;
}
.category-card:hover {
  transform: translateY(-3px);
  border-color: rgba(29, 130, 153, 0.22);
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(29, 130, 153, 0.06) inset;
}
.category-card-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--w-primary), var(--w-primary-dark));
  box-shadow:
    0 18px 38px rgba(29, 130, 153, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}
.category-card-active::before {
  opacity: 0.14;
}
.category-icon {
  font-size: 28px;
  line-height: 1;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 4px 8px rgba(15, 23, 42, 0.12));
}
.category-name {
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 2;
}
.category-count {
  font-size: 11px;
  font-weight: 900;
  opacity: 0.72;
  position: relative;
  z-index: 2;
}
.category-card-active .category-count {
  opacity: 0.92;
}
.category-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.category-filter-title {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--w-text);
}
@media (min-width: 768px) {
  .category-filter-title {
    font-size: 17px;
  }
}
.category-mobile-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.category-mobile-card {
  min-height: 74px;
  padding: 7px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 18px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  background: linear-gradient(180deg, #fff, rgba(248, 250, 252, 0.92));
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
  transition: 0.18s ease;
}
.category-mobile-card:active {
  transform: scale(0.96);
}
.category-mobile-card-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--w-primary), var(--w-primary-dark));
  box-shadow: 0 12px 24px rgba(29, 130, 153, 0.24);
}
.category-mobile-card-active .category-mobile-count {
  opacity: 0.92;
}
.category-mobile-icon {
  font-size: 18px;
  line-height: 1;
  filter: drop-shadow(0 3px 7px rgba(15, 23, 42, 0.14));
}
.category-mobile-name {
  font-size: 8px;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-mobile-count {
  font-size: 7px;
  font-weight: 900;
  opacity: 0.72;
}
@media (min-width: 390px) {
  .category-mobile-icon {
    font-size: 19px;
  }
  .category-mobile-name {
    font-size: 9px;
  }
  .category-mobile-count {
    font-size: 8px;
  }
}
@media (min-width: 430px) {
  .category-mobile-icon {
    font-size: 20px;
  }
}
@media (min-width: 640px) {
  .category-mobile-icon {
    font-size: 21px;
  }
  .category-mobile-name {
    font-size: 10px;
  }
  .category-mobile-count {
    font-size: 9px;
  }
}
.header-category-filter {
  animation: woolyFadeSlide 0.28s ease both;
}
.header-category-chip {
  animation: woolyChipIn 0.24s ease both;
}
.header-category-chip:nth-child(1) {
  animation-delay: 0.02s;
}
.header-category-chip:nth-child(2) {
  animation-delay: 0.04s;
}
.header-category-chip:nth-child(3) {
  animation-delay: 0.06s;
}
.header-category-chip:nth-child(4) {
  animation-delay: 0.08s;
}
.header-category-chip:nth-child(5) {
  animation-delay: 0.1s;
}
.header-category-count {
  animation: woolyFadeIn 0.22s ease both;
}
.header-category-filter {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 1px;
}
.header-category-filter::-webkit-scrollbar {
  display: none;
}
.header-category-chip {
  height: 38px;
  min-width: 120px;
  padding: 0 9px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;

  flex-shrink: 0;

  border-radius: 12px;
  border: 1px solid rgba(226, 232, 240, 0.9);

  background: #fff;
  color: #334155;

  font-weight: 800;

  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);

  transition: 0.18s ease;
}
.header-category-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(29, 130, 153, 0.25);
}
.header-category-chip.active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--w-primary), var(--w-primary-dark));
  color: #fff;

  box-shadow: 0 6px 16px rgba(29, 130, 153, 0.18);
}
.header-category-icon {
  font-size: 13px;
  line-height: 1;
}
.header-category-name {
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.header-category-count {
  font-size: 11px;
  opacity: 0.72;
  line-height: 1;
}
.header-category-chip.active .header-category-count {
  opacity: 0.92;
}
@media (max-width: 768px) {
  .header-category-filter {
    gap: 6px;
  }

  .header-category-chip {
    min-width: auto;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
  }

  .header-category-icon {
    font-size: 12px;
  }

  .header-category-name {
    font-size: 10px;
  }

  .header-category-count {
    font-size: 10px;
  }

  .header-category-filter {
    animation: woolyFadeSlide 0.28s ease both;
  }
  .header-category-chip {
    animation: woolyChipIn 0.24s ease both;
  }
  .header-category-chip:nth-child(1) {
    animation-delay: 0.02s;
  }
  .header-category-chip:nth-child(2) {
    animation-delay: 0.04s;
  }
  .header-category-chip:nth-child(3) {
    animation-delay: 0.06s;
  }
  .header-category-chip:nth-child(4) {
    animation-delay: 0.08s;
  }
  .header-category-chip:nth-child(5) {
    animation-delay: 0.1s;
  }
  .header-category-count {
    animation: woolyFadeIn 0.22s ease both;
  }
}
/* Carrito */
/* Cart footer styles moved to cart-sidebar.css */
/* HOME */
:root {
  --w-primary: #1d8299;
  --w-primary-dark: #156f84;
  --w-accent: #f5b025;
  --w-bg-dark: #070b14;
  --w-text-light: #f8fafc;
  --w-muted-light: #94a3b8;
  --font-brand: "Plus Jakarta Sans", "Inter", sans-serif;
}
body {
  background-color: var(--w-bg-dark);
  color: var(--w-text-light);
  font-family: var(--font-brand);
  overflow-x: hidden;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}
@keyframes pulse-glow {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }

  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}
@keyframes zoom-cinematic {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.05);
  }
}
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-float-slow {
  animation: float 6s ease-in-out infinite;
}
.animate-float-delayed {
  animation: float 8s ease-in-out infinite 2s;
}
.animate-pulse-glow {
  animation: pulse-glow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.animate-zoom-cinematic {
  animation: zoom-cinematic 20s ease-out infinite alternate;
}
.animate-fade-in-up {
  animation: fade-in-up 1s ease-out forwards;
}
.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.text-gradient-gold {
  background: linear-gradient(135deg, #fceabb 0%, #f5b025 50%, #c48b1a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.btn-premium {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.btn-premium::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}
.btn-premium:hover::before {
  left: 100%;
}
.bg-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10 L35 15 L32 35 L30 40 L28 35 L25 15 Z' fill='rgba(255,255,255,0.02)' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 80px 80px;
}
.premium-box-container {
  perspective: 1000px;
  transform-style: preserve-3d;
}
.premium-box {
  position: relative;
  width: 280px;
  height: 180px;
  background: linear-gradient(145deg, #1e293b, #0f172a);
  border-radius: 8px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
    inset 0 2px 4px rgba(255, 255, 255, 0.1),
    inset 0 -5px 15px rgba(0, 0, 0, 0.5);
  transform: rotateX(15deg) rotateY(-20deg);
  transition: transform 0.5s ease;
  z-index: 10;
}
.premium-box-lid {
  position: absolute;
  top: -40px;
  left: -10px;
  width: 290px;
  height: 190px;
  background: linear-gradient(145deg, #27354a, #162032);
  border-radius: 8px;
  transform-origin: top;
  transform: rotateX(25deg) translateY(-20px) translateZ(30px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6),
    inset 0 2px 5px rgba(255, 255, 255, 0.15);
  z-index: 12;
}
.box-glow {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 80%;
  height: 60%;
  background: var(--w-accent);
  filter: blur(40px);
  opacity: 0.6;
  z-index: 11;
  animation: pulse-glow 3s infinite alternate;
}
.box-ribbon-v {
  position: absolute;
  left: 45%;
  top: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(to bottom, #fceabb, #f5b025, #c48b1a);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.box-ribbon-h {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(to right, #fceabb, #f5b025, #c48b1a);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.balloon {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset 10px 10px 20px rgba(255, 255, 255, 0.1),
    inset -10px -10px 20px rgba(0, 0, 0, 0.5),
    0 15px 30px rgba(0, 0, 0, 0.4);
  z-index: 5;
}
.balloon::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px 6px 0;
  border-style: solid;
  border-color: #0f172a transparent transparent transparent;
}
.growth-center-section{
  padding:78px 16px;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
}
.growth-center-heading{
  max-width:780px;
  margin:0 auto 42px;
  text-align:center;
}
.growth-center-heading span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#1d8299;
  font-size:12px;
  font-weight:950;
  letter-spacing:.22em;
}
.growth-center-heading span svg{
  width:38px;
  height:38px;
  padding:10px;
  border-radius:999px;
  background:#e8f6f9;
}
.growth-center-heading h2{
  margin:18px 0 14px;
  color:#020617;
  font-size:40px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.05em;
}
.growth-center-line{
  width:80px;
  height:4px;
  margin:0 auto 22px;
  border-radius:999px;
  background:linear-gradient(90deg,#1d8299,#f7b1d6);
}
.growth-center-heading p{
  margin:0 auto;
  max-width:720px;
  color:#475569;
  font-size:17px;
  line-height:1.75;
}
.growth-center-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.growth-center-card{
  position:relative;
  min-height:250px;
  padding:30px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:28px;
  background:#ffffff;
  box-shadow:0 18px 44px rgba(15,23,42,.06);
}
.growth-center-card::after{
  content:"";
  position:absolute;
  right:-36px;
  bottom:-44px;
  width:150px;
  height:150px;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(29,130,153,.08),rgba(247,177,214,.12));
  transform:rotate(18deg);
}
.growth-center-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#1d8299;
  background:#e8f6f9;
  margin-bottom:28px;
}
.growth-center-badge{
  position:absolute;
  top:44px;
  right:28px;
  z-index:2;
  padding:7px 12px;
  border-radius:999px;
  background:#e8f6f9;
  color:#1d8299;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}
.growth-center-number{
  position:absolute;
  right:16px;
  top:-18px;
  color:#e2e8f0;
  font-size:126px;
  line-height:1;
  font-weight:950;
  z-index:0;
}
.growth-center-card small,
.growth-center-card h3,
.growth-center-card p{
  position:relative;
  z-index:2;
}
.growth-center-card small{
  display:block;
  margin-bottom:10px;
  color:#1d8299;
  font-size:12px;
  font-weight:950;
}
.growth-center-card h3{
  margin:0 0 12px;
  color:#020617;
  font-size:22px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.03em;
}
.growth-center-card p{
  margin:0;
  color:#475569;
  line-height:1.75;
  font-size:15px;
}
.growth-center-action{
  margin-top:34px;
  display:flex;
  justify-content:center;
}
.growth-center-action a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:50px;
  padding:0 22px;
  border-radius:16px;
  background:#f5b025;
  color:#0f172a;
  text-decoration:none;
  font-weight:950;
  box-shadow:0 14px 26px rgba(245,176,37,.24);
  transition:.22s;
}
.growth-center-action a:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(245,176,37,.32);
}
@media(max-width:900px){
  .growth-center-section{padding:58px 16px;}
  .growth-center-heading h2{font-size:34px;}
  .growth-center-grid{grid-template-columns:1fr;}
  .growth-center-card{min-height:230px;}
}
@media(max-width:420px){
  .growth-center-heading h2{font-size:30px;}
  .growth-center-heading p{font-size:15px;}
  .growth-center-card{padding:24px;}
}
/* Skeletons */
/* Tailwind */
*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: 'Plus Jakarta Sans', sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    /* Colores principales */
    --w-primary: #1d8299;
    --w-primary-dark: #156f84;
    --w-primary-soft: #e8f6f9;

    /* Secundarios */
    --w-secondary: #f7b1d6;
    --w-secondary-strong: #f286be;
    --w-secondary-soft: #fff0f7;

    /* Acentos */
    --w-accent: #f5b025;
    --w-accent-soft: #fff8e6;

    /* Sistema */
    --w-bg: #f8fafc;
    --w-surface: #ffffff;
    --w-text: #475569;
    --w-muted: #64748b;
    --w-border: #e2e8f0;

    /* WhatsApp */
    --w-whatsapp: #25d366;
    --w-whatsapp-dark: #1ead54;

    /* Bordes */
    --w-radius-sm: 14px;
    --w-radius-md: 20px;
    --w-radius-lg: 28px;

    /* Sombras */
    --w-shadow-soft: 0 12px 35px rgba(15, 23, 42, 0.08);
    --w-shadow-strong: 0 18px 50px rgba(15, 23, 42, 0.12);

    /* Tipografía */
    --font-brand: 'Plus Jakarta Sans', 'Inter', sans-serif;
  }
/* Reset base */
*,
  *::before,
  *::after {
    box-sizing: border-box;
  }
/* Base del sitio */
body {
    background: var(--w-bg);
    color: var(--w-text);
    font-family: var(--font-brand);
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
  }
/* Ajuste tipográfico */
h1,
  h2,
  h3 {
    letter-spacing: -0.02em;
  }
.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:2rem;
  padding-left:2rem;
}
@media (min-width: 1400px){
  .container{
    max-width:1400px;
  }
}
/* ===== PRIMARY BUTTON ===== */
/* ===== OUTLINE BUTTON ===== */
/* ===== WHATSAPP ===== */
/* ===== BASE CARD ===== */
/* ===== HOME CARD ===== */
/* ===== FORM INPUT ===== */
/* ===== TEXTAREA ===== */
/* ===== LABEL ===== */
/* ===== MODAL OVERLAY ===== */
/* ===== MODAL CONTAINER ===== */
/* ===== MODAL HEADER ===== */
/* ===== MODAL BODY ===== */
/* ===== IMAGE ZOOM ===== */
.floating-buttons {
    position: fixed;
    right: 1rem;
    bottom: calc(env(safe-area-inset-bottom) + 1.5rem);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.65rem;
  }
.floating-btn {
    position: relative;
    height: 50px;
    padding: 0 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border-radius: 16px;
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    transition:
      transform 0.18s,
      box-shadow 0.18s,
      opacity 0.18s;
  }
.floating-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.16);
  }
.floating-btn-cart {
    background: linear-gradient(
      135deg,
      var(--w-primary),
      var(--w-primary-dark)
    );
  }
.floating-btn-catalog {
    background: linear-gradient(135deg, #f286be, #e85ca7);
  }
.floating-btn-explore {
    background: linear-gradient(
      135deg,
      var(--w-secondary),
      var(--w-secondary-strong)
    );

    color: #fff;

    box-shadow: 0 10px 24px rgba(242, 134, 190, 0.25);
  }
.floating-btn-whatsapp {
    background: linear-gradient(135deg, #25d366, #1ead54);
  }
.floating-btn svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
  }
.floating-btn-label {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }
.floating-btn-count {
    min-width: 20px;
    height: 20px;
    padding-inline: 0.3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    font-size: 10px;
    font-weight: 900;
  }
@media (max-width: 640px) {
    .floating-buttons {
      right: 0.75rem;
      bottom: calc(env(safe-area-inset-bottom) + 1rem);
      gap: 0.5rem;
    }

    .floating-btn {
      width: auto;
      min-width: 112px;
      height: 44px;
      padding: 0 0.7rem;
      border-radius: 15px;
      font-size: 0.74rem;
      gap: 0.45rem;
    }

    .floating-btn svg {
      width: 15px;
      height: 15px;
    }

    .floating-btn-label {
      display: inline-flex !important;
    }

    .floating-btn-count {
      min-width: 18px;
      height: 18px;
      font-size: 9px;
    }
    .floating-buttons {
      left: 50%;
      bottom: calc(env(safe-area-inset-bottom) + 12px);
      transform: translateX(-50%);
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      width: -moz-max-content;
      width: max-content;
      max-width: calc(100vw - 24px);
      padding: 0.45rem;
      border-radius: 999px;
      -webkit-backdrop-filter: blur(14px);
              backdrop-filter: blur(14px);
      border: 1px solid rgba(226, 232, 240, 0.9);
      box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
    }
  }
@media (min-width: 768px) {
    .floating-btn-explore {
      display: none;
    }
  }
.recent-activity{
    position:fixed;
    left:1rem;
    bottom:calc(env(safe-area-inset-bottom) + 6.8rem);
    z-index:999;
  }
.recent-activity-card{
    width:320px;
    display:flex;
    align-items:flex-start;
    gap:.75rem;
    padding:.8rem .9rem;
    border-radius:22px;
    border:1px solid rgba(226,232,240,.9);
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(16px);
            backdrop-filter:blur(16px);
    box-shadow:0 18px 45px rgba(15,23,42,.12);
  }
.recent-activity-avatar{
    width:38px;
    height:38px;
    flex-shrink:0;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:linear-gradient(135deg,var(--w-primary),var(--w-primary-dark));
    color:#fff;
    font-size:.82rem;
    font-weight:900;
  }
.recent-activity-text{
    color:#334155;
    font-size:.78rem;
    line-height:1.35;
  }
.recent-activity-text strong,
  .recent-activity-text b{
    color:#0f172a;
    font-weight:900;
  }
.recent-activity-text b{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
.recent-activity-text span{
    color:#64748b;
  }
.recent-activity-time{
  margin-top:.25rem;
  color:#94a3b8;
  font-size:.68rem;
  font-weight:700;
  }
@keyframes recentNotificationIn{
  0%{opacity:0;transform:translateY(-18px) scale(.96);filter:blur(8px);}
  60%{opacity:1;transform:translateY(2px) scale(1.01);filter:blur(0);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
  }
@keyframes recentNotificationOut{
  0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
  100%{opacity:0;transform:translateY(-10px) scale(.97);filter:blur(4px);}
  }
.animate-recent-activity-in{animation:recentNotificationIn .42s cubic-bezier(.16,1,.3,1) both;}
.animate-recent-activity-out{animation:recentNotificationOut .26s ease-in forwards;}
@media(max-width:640px){
    .recent-activity{
      top:calc(env(safe-area-inset-top) + 76px);
      bottom:auto;
      left:0;
      right:0;
      width:100%;
      max-width:260px;
      margin-inline:auto;
      z-index:1001;
    }

    .recent-activity-card{
      width:100%;
      padding:.65rem .75rem;
      gap:.55rem;
      border-radius:18px;
    }

    .recent-activity-avatar{
      width:30px;
      height:30px;
      font-size:.7rem;
    }

    .recent-activity-text{
      font-size:.68rem;
      line-height:1.25;
    }

    .recent-activity-time{
      font-size:.58rem;
      margin-top:.18rem;
    }
  }
/* =====================================================
     WOOLY TIER DESIGN SYSTEM
  ===================================================== */
.tier {
    --tier-color: #1d8299;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--tier-color);
    background: #ffffff;
    color: var(--tier-color);

    font-weight: 900;
    line-height: 1;

    transition:
      background-color 180ms ease,
      color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      transform 180ms ease;
  }
/* =====================================================
     IDENTIDAD POR TIER
  ===================================================== */
.tier-1,
.volume-price-1 {
    --tier-color: #1d8299;
  }
.tier-3,
.volume-price-3 {
    --tier-color: #e99518;
  }
.tier-12,
.volume-price-12 {
    --tier-color: #e85ca7;
  }
.tier-50,
.volume-price-50 {
    --tier-color: #7c3aed;
  }
.tier-100,
.volume-price-100 {
    --tier-color: #0f9d7a;
  }
/* =====================================================
     BOTÓN DE SELECCIÓN
  ===================================================== */
.tier-button {
    min-width: 84px;
    min-height: 30px;

    padding: 0.4rem 0.75rem;
    border-radius: 0.9rem;

    background: #ffffff;
    color: var(--tier-color);

    cursor: pointer;
  }
.tier-button:hover {
    background: color-mix(
      in srgb,
      var(--tier-color) 8%,
      white
    );

    transform: translateY(-1px);
  }
/* =====================================================
     CHIP INFORMATIVO
  ===================================================== */
.tier-chip {
    width: 100%;
    padding: 0.45rem 0.6rem;

    border-radius: 0.75rem;

    background: #ffffff;
    color: var(--tier-color);

    font-size: 11px;
  }
/* =====================================================
     ESTADO ACTIVO
  ===================================================== */
.tier-active {
    border-color: var(--tier-color);
    background: var(--tier-color);
    color: #ffffff;

    box-shadow:
      0 5px 14px
      color-mix(
        in srgb,
        var(--tier-color) 24%,
        transparent
      );
  }
.tier-active:hover {
    background: var(--tier-color);
    color: #ffffff;
  }
/* =====================================================
     BADGE FLOTANTE
  ===================================================== */
/* =====================================================
     POSICIÓN SOBRE PRODUCT CARD
  ===================================================== */
/* ===== SEARCH INPUT ===== */
/* ===== SEARCH DROPDOWN ===== */
/* ===== NOTIFICATION STACK ===== */
/* ===== NOTIFICATION CARD ===== */
/* ===== CONTENT ===== */
/* ===== TYPES ===== */
/* ===== CART PANEL BASE ===== */
.cart-panel {
    width: 100%;
    max-width: 28rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    box-shadow: -18px 0 50px rgba(15, 23, 42, 0.18);
  }
.cart-header {
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
  }
.cart-icon-box {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6f2f5;
    color: #1d8299;
  }
.cart-close-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    background: #f8fafc;
    transition: all 0.2s ease;
  }
.cart-close-btn:hover {
    color: #0f172a;
    background: #f1f5f9;
  }
.cart-body {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: #f8fafc;
  }
/* ===== CART SIDEBAR ===== */
.cart-footer {
    position: sticky;
    bottom: 0;
    padding: 1rem;
    background: linear-gradient(
      to top,
      #ffffff 75%,
      rgba(255,255,255,0.92)
    );

    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -18px 35px rgba(15, 23, 42, 0.06);
  }
/* ===== CART SAVING MESSAGE ===== */
.cart-saving-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.3rem 1.1rem;
    border-radius: 1.25rem;

    background: linear-gradient(
      135deg,
      rgba(247, 177, 214, 0.18),
      rgba(242, 134, 190, 0.08)
    );

    border: 1px solid rgba(242, 134, 190, 0.16);

    color: var(--w-secondary-strong);

    box-shadow:
      0 10px 24px rgba(242, 134, 190, 0.08);
  }
.cart-saving-box strong {
    color: var(--w-secondary-strong);
    font-size: 1rem;
    font-weight: 900;
  }
/* ===== CART TOTAL ===== */
.cart-total-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
  }
/* ===== CART CHECKOUT BUTTON ===== */
.cart-checkout-btn {
    width: 100%;
    min-height: 58px;
    border: none;
    border-radius: 1.1rem;
    background: #25d366;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.01em;

    box-shadow:
      0 14px 28px rgba(37, 211, 102, 0.22);

    transition: all 0.2s ease;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
  }
.cart-checkout-btn:hover {
    background: #1ead54;
    transform: translateY(-1px);

    box-shadow:
      0 18px 34px rgba(37, 211, 102, 0.3);
  }
.cart-checkout-btn:active {
    transform: scale(0.985);
  }
.cart-checkout-btn svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
/* ===== CART ITEM CARD ===== */
.cart-item-card {
    border-radius: 28px;
    background: #ffffff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid #dbe5ee;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
  }
.cart-item-card:hover {
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.1);
  }
.cart-product-img {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
  }
.cart-product-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.cart-qty-box{
    display:flex;
    align-items:center;
    min-width:108px;
    border-radius:1rem;
    padding:.10rem;
    background:#f8fafc;
    border:1px solid #dbe5ee;
    box-shadow:inset 0 0 0 1px rgba(226,232,240,.5);
  }
.cart-qty-btn {
    width: 1.60rem;
    height: 1.60rem;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #1d8299;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease;
  }
.cart-qty-btn:hover {
    transform: scale(1.05);
  }
.cart-qty-btn:active {
    transform: scale(0.9);
  }
.cart-note {
    width: 100%;
    resize: none;
    overflow: hidden;
    border-radius: 1rem;
    padding: 0.75rem 1rem;
    font-size: 12px;
    outline: none;
    border: 1px solid #dbe5ee;
    background: #f8fafc;
    color: #334155;
  }
.cart-note::-moz-placeholder {
    color: #94a3b8;
  }
.cart-note::placeholder {
    color: #94a3b8;
  }
.home-categories-section {
    padding: 2rem 0;
  }
.home-categories-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
@media (min-width: 768px) {
    .home-categories-grid {
      grid-template-columns: 1.25fr 1fr 1fr;
      grid-auto-rows: 210px;
    }
  }
.home-category-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    border-radius: 28px;
    background: #e2e8f0;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
  }
.home-category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 55px rgba(15, 23, 42, 0.14);
  }
.home-category-card-featured {
    min-height: 420px;
  }
@media (min-width: 768px) {
    .home-category-card-featured {
      grid-row: span 2;
    }
  }
.home-category-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.home-category-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(2, 6, 23, 0.82),
      rgba(2, 6, 23, 0.28),
      transparent
    );
  }
.home-category-content {
    position: absolute;
    inset-inline: 1.1rem;
    bottom: 1.1rem;
    z-index: 2;
  }
.home-category-tag {
    display: inline-flex;
    margin-bottom: 0.65rem;
    padding: 0.45rem 0.8rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
.home-category-title {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.04em;
  }
.home-category-arrow {
    margin-top: 0.85rem;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
  }
/* ===== SHIPPING SECTION ===== */
.home-shipping-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
/* ===== LAYOUT ===== */
.home-shipping-layout {
    display: grid;
    gap: 2rem;
    align-items: stretch;
  }
@media (min-width: 1024px) {

    .home-shipping-layout {
      grid-template-columns: 1fr 1fr;
    }

  }
/* ===== FEATURES ===== */
.home-shipping-features {
    display: grid;
    gap: 1rem;
  }
@media (min-width: 640px) {

    .home-shipping-features {
      grid-template-columns: repeat(2, 1fr);
    }

  }
@media (min-width: 1024px) {

    .home-shipping-features {
      grid-template-columns: 1fr;
    }

  }
/* ===== FEATURE CARD ===== */
.shipping-feature-card {
    position: relative;

    overflow: hidden;

    border-radius: 28px;

    border:
      1px solid rgba(226,232,240,0.7);

    background: #ffffff;

    padding: 1.35rem;

    box-shadow:
      0 10px 26px rgba(15,23,42,0.05);

    transition:
      transform 0.45s ease,
      box-shadow 0.45s ease,
      border-color 0.3s ease;
  }
.shipping-feature-card:hover {
    transform:
      translateY(-4px);

    box-shadow:
      0 24px 48px rgba(15,23,42,0.12);

    border-color:
      rgba(29,130,153,0.14);
  }
/* ===== NUMBER ===== */
.shipping-feature-number {
    position: absolute;

    top: 1rem;
    right: 1rem;

    z-index: 0;

    font-size: 5.5rem;
    font-weight: 900;

    line-height: 1;

    color:
      rgba(226,232,240,0.7);

    transition:
      color 0.35s ease;
  }
/* ===== ROW ===== */
.shipping-feature-row {
    position: relative;

    z-index: 2;

    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
/* ===== ICON ===== */
.shipping-feature-icon {
    width: 56px;
    height: 56px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    transition:
      all 0.35s ease;
  }
/* ===== CONTENT ===== */
.shipping-feature-content {
    flex: 1;
    min-width: 0;
  }
.shipping-feature-header {
    margin-bottom: 0.7rem;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
  }
/* ===== TITLE ===== */
.shipping-feature-title {
    min-width: 0;

    color: #0f172a;

    font-size: 1rem;
    font-weight: 800;

    line-height: 1.35;

    transition:
      color 0.25s ease;
  }
/* ===== LABEL ===== */
.shipping-feature-label {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9999px;

    padding:
      0.4rem
      0.8rem;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.12em;

    box-shadow:
      0 8px 18px rgba(15,23,42,0.06);
  }
/* ===== DESCRIPTION ===== */
.shipping-feature-description {
    color: #64748b;

    font-size: 0.92rem;
    line-height: 1.7;
  }
/* ===== IMAGE ===== */
.shipping-image-wrapper {
    position: relative;

    min-height: 390px;
  }
.shipping-image-card {
    position: relative;

    overflow: hidden;

    height: 100%;

    min-height: 390px;

    border-radius: 34px;

    box-shadow:
      0 24px 60px rgba(0,0,0,0.16);
  }
.shipping-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    transition:
      transform 0.7s ease;
  }
.shipping-image-card:hover .shipping-image {
    transform: scale(1.05);
  }
/* ===== OVERLAY ===== */
.shipping-image-overlay {
    position: absolute;

    inset-inline: 0;
    bottom: 0;

    height: 55%;

    background:
      linear-gradient(
        to top,
        rgba(0,0,0,0.72),
        rgba(0,0,0,0.2),
        transparent
      );
  }
/* ===== TOP BADGE ===== */
.shipping-image-badge-top {
    position: absolute;

    top: 1.25rem;
    right: 1.25rem;

    display: flex;
    align-items: center;
    gap: 0.75rem;

    border-radius: 20px;

    background:
      rgba(255,255,255,0.86);

    padding:
      0.8rem
      1rem;

    -webkit-backdrop-filter: blur(12px);

            backdrop-filter: blur(12px);

    box-shadow:
      0 16px 34px rgba(15,23,42,0.14);
  }
.shipping-image-badge-top strong {
    display: block;

    color: #0f172a;

    font-size: 0.85rem;
    font-weight: 900;

    text-transform: lowercase;
  }
.shipping-image-badge-top small {
    color: #64748b;

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.12em;
  }
/* ===== BOTTOM BADGE ===== */
.shipping-image-badge-bottom {
    position: absolute;

    left: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;

    display: flex;
    align-items: center;
    gap: 1rem;

    border-radius: 22px;

    background:
      rgba(255,255,255,0.88);

    padding:
      1rem
      1.1rem;

    -webkit-backdrop-filter: blur(14px);

            backdrop-filter: blur(14px);

    box-shadow:
      0 16px 34px rgba(15,23,42,0.16);
  }
.shipping-image-badge-bottom strong {
    display: block;

    color: #0f172a;

    font-size: 0.9rem;
    font-weight: 900;

    text-transform: lowercase;
  }
.shipping-image-badge-bottom p {
    margin-top: 0.2rem;

    color: #64748b;

    font-size: 0.75rem;
    line-height: 1.5;
  }
.home-stats-section {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .home-stats-section {
      padding-top: 3.5rem;
      padding-bottom: 4rem;
    }
  }
.home-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
@media (min-width: 768px) {
    .home-stats-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 2rem;
    }
  }
.home-stat-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    transition: all 0.45s ease;
  }
.home-stat-card:hover {
    transform: translateY(-0.45rem);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
  }
@media (min-width: 768px) {
    .home-stat-card {
      padding: 2rem;
    }
  }
.home-stat-icon {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-bottom: 1rem;
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    transition: all 0.3s ease;
  }
.home-stat-card:hover .home-stat-icon {
    transform: scale(1.1);
  }
.home-stat-value {
    position: relative;
    z-index: 10;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
    white-space: nowrap;
  }
@media (min-width: 640px) {
    .home-stat-value {
      font-size: 1.875rem;
    }
  }
@media (min-width: 1024px) {
    .home-stat-value {
      font-size: 2.25rem;
    }
  }
.home-stat-label {
    position: relative;
    z-index: 10;

    color: #475569;

    font-size: 0.92rem;
    font-weight: 700;

    line-height: 1.35;

    transition:
      color 0.25s ease,
      transform 0.25s ease;
  }
.home-stat-card:hover .home-stat-label {
    transform: translateY(-1px);
  }
.home-stat-ghost {
    position: absolute;
    right: -1rem;
    bottom: -1rem;
    z-index: 0;
    height: 6rem;
    width: 6rem;
    transition: color 0.3s ease;
  }
@media (min-width: 768px) {
    .home-stat-ghost {
      height: 7rem;
      width: 7rem;
    }
  }
/* ===== VIP SECTION ===== */
.home-vip-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
/* ===== GRID ===== */
.home-vip-grid {
    display: grid;
    gap: 1.5rem;
  }
@media (min-width: 768px) {

    .home-vip-grid {
      grid-template-columns: repeat(3, 1fr);
    }

  }
/* ===== CARD ===== */
.vip-card {
    position: relative;

    overflow: hidden;

    border-radius: 30px;

    border:
      1px solid rgba(226,232,240,0.7);

    background: #ffffff;

    padding: 1.5rem;

    box-shadow:
      0 10px 26px rgba(15,23,42,0.05);

    transition:
      transform 0.45s ease,
      box-shadow 0.45s ease,
      border-color 0.3s ease;
  }
.vip-card:hover {
    transform:
      translateY(-6px);

    box-shadow:
      0 28px 54px rgba(15,23,42,0.12);

    border-color:
      rgba(29,130,153,0.12);
  }
/* ===== NUMBER ===== */
.vip-card-number {
    position: absolute;

    top: 1rem;
    right: 1rem;

    z-index: 0;

    font-size: 5.4rem;
    font-weight: 900;

    line-height: 1;

    color:
      rgba(226,232,240,0.6);

    transition:
      color 0.35s ease;
  }
/* ===== HEADER ===== */
.vip-card-header {
    position: relative;

    z-index: 2;

    margin-bottom: 1rem;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
.vip-card-title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
  }
/* ===== ICON ===== */
.vip-card-icon {
    width: 48px;
    height: 48px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    transition:
      all 0.35s ease;
  }
/* ===== TITLE ===== */
.vip-card-title {
    color: #0f172a;

    font-size: 1rem;
    font-weight: 800;

    line-height: 1.3;

    transition:
      color 0.25s ease;
  }
/* ===== LABEL ===== */
.vip-card-label {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9999px;

    padding:
      0.4rem
      0.8rem;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.12em;

    box-shadow:
      0 8px 18px rgba(15,23,42,0.06);
  }
/* ===== DESCRIPTION ===== */
.vip-card-description {
    position: relative;

    z-index: 2;

    color: #64748b;

    font-size: 0.92rem;
    line-height: 1.75;
  }
/* ===== CTA ===== */
.vip-cta-wrapper {
    margin-top: 2.5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.vip-cta-btn {
    min-height: 62px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;

    border-radius: 9999px;

    padding:
      0 2rem;

    background:
      linear-gradient(
        135deg,
        #25d366,
        #1ead54
      );

    color: #ffffff;

    font-size: 1rem;
    font-weight: 900;

    box-shadow:
      0 18px 38px rgba(37,211,102,0.28);

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }
.vip-cta-btn:hover {
    transform:
      translateY(-2px);

    box-shadow:
      0 24px 48px rgba(37,211,102,0.34);
  }
.vip-cta-note {
    margin-top: 0.9rem;

    color: #64748b;

    font-size: 0.88rem;
    text-align: center;
  }
.featured-products-section {
    padding-top: 1rem;
    padding-bottom: 2.5rem;
  }
@media (min-width: 768px) {
    .featured-products-section {
      padding-top: 1.5rem;
      padding-bottom: 1rem;
    }
  }
.featured-products-header {
    margin-bottom: 2.5rem;

    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
@media (min-width: 768px) {
    .featured-products-header {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
    }
  }
.featured-products-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
.featured-products-shuffle,
  .featured-products-link {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;

    border-radius: 9999px;

    padding: 0 1rem;

    font-size: 0.82rem;
    font-weight: 900;

    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      background 0.2s ease;
  }
.featured-products-shuffle {
    background: #ffffff;
    color: #1d8299;
    border: 1px solid rgba(29, 130, 153, 0.18);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  }
.featured-products-shuffle:hover {
    transform: translateY(-2px);
    background: #e8f6f9;
    box-shadow: 0 18px 34px rgba(29, 130, 153, 0.14);
  }
.featured-products-link {
    background: linear-gradient(135deg, #1d8299, #156f84);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(29, 130, 153, 0.22);
  }
.featured-products-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(29, 130, 153, 0.28);
  }
.featured-products-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px;
    }
@media(min-width:768px){
    .featured-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    }
    }
@media(min-width:1280px){
    .featured-products-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    }
  }
.featured-product-skeleton {
    height: 330px;

    border-radius: 24px;

    background:
      linear-gradient(
        90deg,
        #f1f5f9 25%,
        #e2e8f0 37%,
        #f1f5f9 63%
      );

    background-size: 400% 100%;

    animation: skeleton-loading 1.4s ease infinite;
  }
@media (min-width: 768px) {
    .featured-product-skeleton {
      height: 420px;
    }
  }
.featured-products-empty {
    min-height: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 28px;

    border: 1px dashed #cbd5e1;

    background:
      linear-gradient(
        135deg,
        #f8fafc,
        #ffffff
      );

    color: #64748b;

    text-align: center;
  }
.featured-products-empty p {
    color: #334155;

    font-size: 0.92rem;
    font-weight: 900;
  }
.featured-products-empty small {
    margin-top: 0.35rem;

    color: #94a3b8;

    font-size: 0.78rem;
    font-weight: 700;
  }
.how-to-buy-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(226, 232, 240, 0.6);
    background: linear-gradient(to bottom, #ffffff, #f8fafc, #f8fafc);
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .how-to-buy-section {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
.how-to-buy-bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    height: 100%;
    width: 100%;
    max-width: 56rem;
    transform: translateX(-50%);
    background: radial-gradient(
      ellipse at top,
      rgba(29, 130, 153, 0.06),
      transparent 70%
    );
  }
.how-to-buy-container {
    position: relative;
    z-index: 10;
  }
.how-to-buy-grid {
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .how-to-buy-grid {
      gap: 2rem;
    }
  }
.how-to-buy-card {
    position: relative;
    width: 100%;
    max-width: 24rem;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.how-to-buy-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
  }
@media (min-width: 640px) {
    .how-to-buy-card {
      width: calc(50% - 12px);
    }
  }
@media (min-width: 1024px) {
    .how-to-buy-card {
      width: calc(33.333% - 22px);
    }
  }
.how-to-buy-number {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -1rem;
    z-index: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: rgba(226, 232, 240, 0.7);
    font-size: 130px;
    font-weight: 900;
    line-height: 1;
    transition: color 0.5s ease;
  }
.how-to-buy-card-header {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.how-to-buy-icon {
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(247, 177, 214, 0.2);
    color: #f286be;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.how-to-buy-card:hover .how-to-buy-icon {
    transform: scale(1.1);
    color: #ffffff;
  }
.how-to-buy-label {
    display: inline-block;
    border-radius: 9999px;
    padding: 0.25rem 0.75rem;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  }
.how-to-buy-title {
    position: relative;
    z-index: 10;
    margin-bottom: 0.75rem;
    color: #020617;
    font-size: 1.25rem;
    font-weight: 700;
    transition: color 0.3s ease;
  }
.how-to-buy-description {
    position: relative;
    z-index: 10;
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
.benefits-section {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .benefits-section {
      padding-top: 3.5rem;
      padding-bottom: 4rem;
    }
  }
.benefits-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .benefits-grid {
      gap: 2rem;
    }
  }
.benefit-card {
    position: relative;
    width: 100%;
    max-width: 24rem;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.benefit-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
  }
@media (min-width: 640px) {
    .benefit-card {
      width: calc(50% - 12px);
    }
  }
@media (min-width: 1024px) {
    .benefit-card {
      width: calc(33.333% - 22px);
    }
  }
.benefit-number {
    position: absolute;
    right: -1rem;
    top: -2rem;
    color: rgba(226, 232, 240, 0.7);
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    transition: color 0.5s ease;
  }
.benefit-card-header {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.benefit-icon {
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(247, 177, 214, 0.2);
    color: #f286be;
    transition: all 0.5s ease;
  }
.benefit-card:hover .benefit-icon {
    transform: scale(1.1);
    color: #ffffff;
  }
.benefit-label {
    border-radius: 9999px;
    padding: 0.25rem 0.75rem;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.benefit-title {
    margin-bottom: 0.75rem;
    color: #020617;
    font-size: 1.25rem;
    font-weight: 700;
    transition: color 0.3s ease;
  }
.benefit-description {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
.testimonials-section{
padding-top:2.5rem;
padding-bottom:4rem;
}
@media(min-width:768px){

.testimonials-section{
padding-top:3.5rem;
padding-bottom:5rem;
}

}
.testimonials-grid{
display:grid;
grid-template-columns:1fr;
gap:1.5rem;
}
@media(min-width:768px){

.testimonials-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1.75rem;
}

}
@media(min-width:1024px){

.testimonials-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}

}
.testimonial-card{

position:relative;
overflow:hidden;

border-radius:30px;

border:1px solid rgba(226,232,240,.7);

background:#fff;

padding:1.5rem;

box-shadow:0 1px 2px rgba(15,23,42,.05);

transition:all .5s ease;

}
.testimonial-card:hover{

transform:translateY(-.5rem);

box-shadow:
0 25px 50px
rgba(15,23,42,.18);

}
.testimonial-number{

pointer-events:none;

position:absolute;

right:1.75rem;
top:1.5rem;

z-index:0;

-webkit-user-select:none;

   -moz-user-select:none;

        user-select:none;

font-size:90px;

font-weight:900;

line-height:1;

color:
rgba(226,232,240,.6);

transition:
color .5s ease;

}
.testimonial-header{

position:relative;

z-index:10;

margin-bottom:1rem;

display:flex;

align-items:flex-start;

justify-content:space-between;

gap:.75rem;

}
.testimonial-business{

display:flex;

min-width:0;

align-items:center;

gap:.75rem;

}
.testimonial-icon{

display:flex;

height:2.75rem;
width:2.75rem;

flex-shrink:0;

align-items:center;
justify-content:center;

border-radius:.75rem;

background:
rgba(247,177,214,.2);

color:#f286be;

box-shadow:
0 1px 2px
rgba(15,23,42,.05);

transition:all .5s ease;

}
.testimonial-card:hover .testimonial-icon{

transform:scale(1.1);

color:#fff;

}
.testimonial-meta{

min-width:0;

line-height:1.25;

}
.testimonial-name{

display:block;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

font-size:15px;

font-weight:600;

color:#020617;

transition:.3s;

}
.testimonial-city{

margin-top:.25rem;

display:flex;

align-items:center;

gap:.25rem;

font-size:11px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.04em;

color:#64748b;

}
.testimonial-label{

flex-shrink:0;

border-radius:9999px;

padding:.25rem .75rem;

font-size:10px;

font-weight:900;

text-transform:uppercase;

letter-spacing:.1em;

}
.testimonial-stars{

position:relative;

z-index:10;

margin-bottom:.75rem;

display:flex;

gap:.25rem;

color:#f5b025;

}
.testimonial-text{

position:relative;

z-index:10;

margin-bottom:1rem;

font-size:.875rem;

font-weight:500;

line-height:1.65;

color:#334155;

}
.testimonial-product{

position:relative;

z-index:10;

display:inline-flex;

border-radius:9999px;

background:#f1f5f9;

padding:
.25rem .75rem;

font-size:11px;

font-weight:700;

color:#475569;

}
.brand-story-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
@media (min-width: 768px) {
    .brand-story-section {
      padding-top: 3.5rem;
      padding-bottom: 5rem;
    }
  }
.brand-story-grid {
    display: grid;
    align-items: center;
    gap: 2.5rem;
  }
@media (min-width: 768px) {
    .brand-story-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 3.5rem;
    }
  }
.brand-story-image-col {
    position: relative;
    order: 1;
  }
@media (min-width: 768px) {
    .brand-story-image-col {
      order: 0;
    }
  }
.brand-story-image-bg {
    position: absolute;
    inset: -0.75rem;
    z-index: 0;
    border-radius: 26px;
    background: rgba(247, 177, 214, 0.2);
  }
@media (min-width: 768px) {
    .brand-story-image-bg {
      transform: rotate(2deg);
    }
  }
.brand-story-image {
    position: relative;
    z-index: 10;
    height: 360px;
    width: 100%;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 8px 10px -6px rgba(0, 0, 0, 0.1);
  }
@media (min-width: 768px) {
    .brand-story-image {
      height: 480px;
    }
  }
.brand-story-content {
    text-align: center;
  }
@media (min-width: 768px) {
    .brand-story-content {
      text-align: left;
    }
  }
.brand-story-text {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
@media (min-width: 768px) {
    .brand-story-text {
      font-size: 1rem;
      line-height: 1.625;
    }
  }
.brand-story-text strong {
    color: #020617;
  }
.brand-story-location {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #334155;
    font-size: 0.875rem;
  }
.brand-story-strong {
    color: #020617;
    font-weight: 600;
  }
.brand-story-cta {
    margin-top: 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;

    border-radius: 9999px;

    background: #25d366;

    padding: 1rem 2rem;

    color: #ffffff;

    font-size: 0.875rem;
    font-weight: 900;

    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);

    transition:
      transform 0.3s ease,
      background 0.3s ease,
      box-shadow 0.3s ease;
  }
.brand-story-cta:hover {
    transform: translateY(-0.25rem);
    background: #1ebe5d;
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.5);
  }
.brand-story-cta:active {
    transform: scale(0.95);
  }
.social-section {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .social-section {
      padding-top: 2.5rem;
      padding-bottom: 3.5rem;
    }
  }
.social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
@media (min-width: 640px) {
    .social-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
@media (min-width: 768px) {
    .social-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
@media (min-width: 1024px) {
    .social-grid {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
.social-card {
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 26px;

    border: 1px solid rgba(226, 232, 240, 0.8);

    background: #ffffff;

    padding: 1.25rem;

    text-align: center;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);

    transition: all 0.3s ease;
  }
.social-card:hover {
    transform: translateY(-0.375rem) scale(1.03);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1),
      0 8px 10px -6px rgba(15, 23, 42, 0.1);
  }
.social-icon {
    margin-bottom: 1rem;

    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;

    border-radius: 1rem;
    border-width: 1px;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);

    transition: all 0.3s ease;
  }
.social-card:hover .social-icon {
    transform: scale(1.1);
  }
.social-title {
    color: #020617;

    font-size: 1rem;
    font-weight: 800;

    transition: color 0.3s ease;
  }
.social-description {
    margin-top: 0.25rem;

    color: #64748b;

    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.375;
  }
.social-label {
    margin-top: 0.75rem;

    border-radius: 9999px;

    background: #f1f5f9;

    padding: 0.25rem 0.75rem;

    color: #64748b;

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.1em;

    transition: all 0.3s ease;
  }
.social-card:hover .social-label {
    background: #0f172a;
    color: #ffffff;
  }
.final-cta-section {
    width: 100%;

    border-top: 1px solid rgba(226, 232, 240, 0.6);

    background:
      linear-gradient(
        to bottom,
        #ffffff,
        #f8fafc
      );

    padding-top: 4rem;
    padding-bottom: 4rem;

    box-shadow:
      0 -4px 20px rgba(0, 0, 0, 0.02);
  }
@media (min-width: 768px) {
    .final-cta-section {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
.final-cta-inner {
    position: relative;

    text-align: center;
  }
.final-cta-icon {
    margin-inline: auto;
    margin-bottom: 1.5rem;

    height: 2.5rem;
    width: 2.5rem;

    color: rgba(242, 134, 190, 0.3);
  }
@media (min-width: 768px) {
    .final-cta-icon {
      height: 3.5rem;
      width: 3.5rem;
    }
  }
.final-cta-quote {
    margin-inline: auto;

    max-width: 56rem;

    color: #0f172a;

    font-size: 1.65rem;
    line-height: 1.625;
  }
@media (min-width: 768px) {
    .final-cta-quote {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
.final-cta-highlight {
    margin-top: 1rem;

    display: block;

    background:
      linear-gradient(
        to right,
        #1d8299,
        #f286be
      );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;

    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 900;
  }
@media (min-width: 768px) {
    .final-cta-highlight {
      font-size: 3rem;
      line-height: 1;
    }
  }
.final-cta-actions {
    margin-top: 2.5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 1rem;
  }
@media (min-width: 768px) {
    .final-cta-actions {
      flex-direction: row;
    }
  }
.final-cta-whatsapp,
  .final-cta-catalog {
    width: 100%;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;

    border-radius: 9999px;

    padding:
      1rem
      2rem;

    font-size: 0.875rem;
    font-weight: 900;

    transition:
      transform 0.3s ease,
      background 0.3s ease,
      color 0.3s ease,
      box-shadow 0.3s ease;
  }
@media (min-width: 768px) {
    .final-cta-whatsapp,
    .final-cta-catalog {
      width: auto;
    }
  }
.final-cta-whatsapp {
    background: #25d366;

    color: #ffffff;

    box-shadow:
      0 10px 25px rgba(37, 211, 102, 0.35);
  }
.final-cta-whatsapp:hover {
    transform: translateY(-0.25rem);

    background: #1ebd5a;

    box-shadow:
      0 15px 35px rgba(37, 211, 102, 0.5);
  }
.final-cta-catalog {
    border:
      1px solid #1d8299;

    color: #1d8299;
  }
.final-cta-catalog:hover {
    transform: translateY(-0.25rem);

    background: #1d8299;

    color: #ffffff;
  }
.final-cta-whatsapp:active,
  .final-cta-catalog:active {
    transform: scale(0.95);
  }
.final-cta-note {
    margin-top: 1.25rem;

    color: #64748b;

    font-size: 0.75rem;
    font-weight: 500;
  }
.home-footer {
    position: relative;
    overflow: hidden;

    border-top: 6px solid #1d8299;

    background: #0d5c6d;

    padding-top: 3.5rem;
    padding-bottom: 2rem;

    color: #ffffff;
  }
.home-footer-glow {
    pointer-events: none;

    position: absolute;

    top: 0;
    left: 50%;

    height: 6rem;
    width: 75%;

    transform: translateX(-50%);

    background: rgba(29, 130, 153, 0.3);

    filter: blur(80px);
  }
.home-footer-inner {
    position: relative;
    z-index: 10;

    margin-inline: auto;

    max-width: 56rem;

    padding-inline: 1.5rem;

    text-align: center;
  }
.home-footer-logo-link {
    margin-bottom: 1.5rem;

    display: inline-block;

    transition: transform 0.3s ease;
  }
.home-footer-logo-link:hover {
    transform: scale(1.05);
  }
.home-footer-logo {
    margin-inline: auto;

    height: 3rem;

    -o-object-fit: contain;

       object-fit: contain;

    filter: brightness(0) invert(1);
  }
.home-footer-description {
    margin-inline: auto;
    margin-bottom: 2.5rem;

    max-width: 28rem;

    color: rgba(255, 255, 255, 0.7);

    font-size: 0.875rem;
    line-height: 1.625;
  }
.home-footer-nav {
    margin-bottom: 2.5rem;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;

    color: rgba(255, 255, 255, 0.8);

    font-size: 0.875rem;
    font-weight: 600;
  }
.home-footer-link {
    transition:
      transform 0.3s ease,
      color 0.3s ease;
  }
.home-footer-link:hover {
    transform: scale(1.05);
    color: #ffffff;
  }
.home-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    padding-top: 1.5rem;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.75rem;
  }
@media (min-width: 768px) {
    .home-footer-bottom {
      flex-direction: row;
    }
  }
.home-footer-legal {
    margin-top: 0.75rem;

    display: flex;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .home-footer-legal {
      margin-top: 0;
    }
  }
.home-footer-legal a {
    transition: color 0.2s ease;
  }
.home-footer-legal a:hover {
    color: #ffffff;
  }
/* ===== CATALOG SKELETON ===== */
/* ===== CATEGORY SKELETON ===== */
@keyframes skeleton-loading {

    0% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0 50%;
    }

  }
/* ===== PRODUCT SKELETON ===== */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0;
}
.pointer-events-none{
  pointer-events:none;
}
.pointer-events-auto{
  pointer-events:auto;
}
.\!visible{
  visibility:visible !important;
}
.visible{
  visibility:visible;
}
.fixed{
  position:fixed;
}
.absolute{
  position:absolute;
}
.relative{
  position:relative;
}
.sticky{
  position:sticky;
}
.inset-0{
  inset:0px;
}
.inset-x-0{
  left:0px;
  right:0px;
}
.inset-y-0{
  top:0px;
  bottom:0px;
}
.-bottom-10{
  bottom:-2.5rem;
}
.-right-1{
  right:-0.25rem;
}
.-right-10{
  right:-2.5rem;
}
.-top-1{
  top:-0.25rem;
}
.-top-10{
  top:-2.5rem;
}
.bottom-0{
  bottom:0px;
}
.bottom-14{
  bottom:3.5rem;
}
.bottom-2{
  bottom:0.5rem;
}
.bottom-4{
  bottom:1rem;
}
.bottom-\[-30px\]{
  bottom:-30px;
}
.bottom-\[-40px\]{
  bottom:-40px;
}
.bottom-\[10\%\]{
  bottom:10%;
}
.bottom-\[20\%\]{
  bottom:20%;
}
.left-0{
  left:0px;
}
.left-1\/2{
  left:50%;
}
.left-2{
  left:0.5rem;
}
.left-3{
  left:0.75rem;
}
.left-4{
  left:1rem;
}
.left-\[10\%\]{
  left:10%;
}
.left-\[5\%\]{
  left:5%;
}
.left-\[50\%\]{
  left:50%;
}
.right-0{
  right:0px;
}
.right-1\/4{
  right:25%;
}
.right-2{
  right:0.5rem;
}
.right-3{
  right:0.75rem;
}
.right-4{
  right:1rem;
}
.right-8{
  right:2rem;
}
.right-\[10\%\]{
  right:10%;
}
.right-\[15\%\]{
  right:15%;
}
.top-0{
  top:0px;
}
.top-1\/2{
  top:50%;
}
.top-2{
  top:0.5rem;
}
.top-4{
  top:1rem;
}
.top-\[-50px\]{
  top:-50px;
}
.top-\[10\%\]{
  top:10%;
}
.top-\[25\%\]{
  top:25%;
}
.top-\[50\%\]{
  top:50%;
}
.top-full{
  top:100%;
}
.z-0{
  z-index:0;
}
.z-10{
  z-index:10;
}
.z-20{
  z-index:20;
}
.z-30{
  z-index:30;
}
.z-40{
  z-index:40;
}
.z-50{
  z-index:50;
}
.z-\[100\]{
  z-index:100;
}
.z-\[11\]{
  z-index:11;
}
.z-\[120\]{
  z-index:120;
}
.z-\[130\]{
  z-index:130;
}
.z-\[1500\]{
  z-index:1500;
}
.z-\[2500\]{
  z-index:2500;
}
.z-\[60\]{
  z-index:60;
}
.order-1{
  order:1;
}
.order-2{
  order:2;
}
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.mb-0{
  margin-bottom:0px;
}
.mb-1\.5{
  margin-bottom:0.375rem;
}
.mb-12{
  margin-bottom:3rem;
}
.mb-2{
  margin-bottom:0.5rem;
}
.mb-3{
  margin-bottom:0.75rem;
}
.mb-4{
  margin-bottom:1rem;
}
.mb-5{
  margin-bottom:1.25rem;
}
.mb-6{
  margin-bottom:1.5rem;
}
.mb-8{
  margin-bottom:2rem;
}
.mb-\[2px\]{
  margin-bottom:2px;
}
.mt-0{
  margin-top:0px;
}
.mt-0\.5{
  margin-top:0.125rem;
}
.mt-1{
  margin-top:0.25rem;
}
.mt-10{
  margin-top:2.5rem;
}
.mt-16{
  margin-top:4rem;
}
.mt-2{
  margin-top:0.5rem;
}
.mt-2\.5{
  margin-top:0.625rem;
}
.mt-3{
  margin-top:0.75rem;
}
.mt-4{
  margin-top:1rem;
}
.mt-5{
  margin-top:1.25rem;
}
.mt-6{
  margin-top:1.5rem;
}
.mt-8{
  margin-top:2rem;
}
.mt-auto{
  margin-top:auto;
}
.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.block{
  display:block;
}
.inline-block{
  display:inline-block;
}
.flex{
  display:flex;
}
.inline-flex{
  display:inline-flex;
}
.grid{
  display:grid;
}
.hidden{
  display:none;
}
.aspect-\[3\/4\]{
  aspect-ratio:3/4;
}
.aspect-\[4\/5\]{
  aspect-ratio:4/5;
}
.aspect-square{
  aspect-ratio:1 / 1;
}
.h-1{
  height:0.25rem;
}
.h-10{
  height:2.5rem;
}
.h-11{
  height:2.75rem;
}
.h-12{
  height:3rem;
}
.h-14{
  height:3.5rem;
}
.h-16{
  height:4rem;
}
.h-2{
  height:0.5rem;
}
.h-20{
  height:5rem;
}
.h-24{
  height:6rem;
}
.h-3{
  height:0.75rem;
}
.h-3\.5{
  height:0.875rem;
}
.h-3\/4{
  height:75%;
}
.h-32{
  height:8rem;
}
.h-4{
  height:1rem;
}
.h-48{
  height:12rem;
}
.h-5{
  height:1.25rem;
}
.h-6{
  height:1.5rem;
}
.h-7{
  height:1.75rem;
}
.h-72{
  height:18rem;
}
.h-8{
  height:2rem;
}
.h-9{
  height:2.25rem;
}
.h-\[140px\]{
  height:140px;
}
.h-\[19px\]{
  height:19px;
}
.h-\[1px\]{
  height:1px;
}
.h-\[260px\]{
  height:260px;
}
.h-\[400px\]{
  height:400px;
}
.h-\[500px\]{
  height:500px;
}
.h-\[50vw\]{
  height:50vw;
}
.h-\[600px\]{
  height:600px;
}
.h-\[60vw\]{
  height:60vw;
}
.h-\[800px\]{
  height:800px;
}
.h-auto{
  height:auto;
}
.h-full{
  height:100%;
}
.max-h-\[92vh\]{
  max-height:92vh;
}
.max-h-full{
  max-height:100%;
}
.max-h-screen{
  max-height:100vh;
}
.min-h-16{
  min-height:4rem;
}
.min-h-\[36px\]{
  min-height:36px;
}
.min-h-\[40vh\]{
  min-height:40vh;
}
.min-h-\[420px\]{
  min-height:420px;
}
.min-h-\[50px\]{
  min-height:50px;
}
.min-h-\[52px\]{
  min-height:52px;
}
.min-h-\[720px\]{
  min-height:720px;
}
.min-h-screen{
  min-height:100vh;
}
.w-0\.5{
  width:0.125rem;
}
.w-1\/3{
  width:33.333333%;
}
.w-10{
  width:2.5rem;
}
.w-11{
  width:2.75rem;
}
.w-12{
  width:3rem;
}
.w-14{
  width:3.5rem;
}
.w-16{
  width:4rem;
}
.w-2{
  width:0.5rem;
}
.w-20{
  width:5rem;
}
.w-24{
  width:6rem;
}
.w-3{
  width:0.75rem;
}
.w-3\.5{
  width:0.875rem;
}
.w-3\/4{
  width:75%;
}
.w-32{
  width:8rem;
}
.w-36{
  width:9rem;
}
.w-4{
  width:1rem;
}
.w-4\/5{
  width:80%;
}
.w-48{
  width:12rem;
}
.w-5{
  width:1.25rem;
}
.w-5\/6{
  width:83.333333%;
}
.w-56{
  width:14rem;
}
.w-6{
  width:1.5rem;
}
.w-64{
  width:16rem;
}
.w-7{
  width:1.75rem;
}
.w-72{
  width:18rem;
}
.w-8{
  width:2rem;
}
.w-9{
  width:2.25rem;
}
.w-\[19px\]{
  width:19px;
}
.w-\[1px\]{
  width:1px;
}
.w-\[400px\]{
  width:400px;
}
.w-\[50vw\]{
  width:50vw;
}
.w-\[600px\]{
  width:600px;
}
.w-\[60vw\]{
  width:60vw;
}
.w-\[65\%\]{
  width:65%;
}
.w-\[70\%\]{
  width:70%;
}
.w-\[76px\]{
  width:76px;
}
.w-\[800px\]{
  width:800px;
}
.w-\[88\%\]{
  width:88%;
}
.w-\[94vw\]{
  width:94vw;
}
.w-fit{
  width:-moz-fit-content;
  width:fit-content;
}
.w-full{
  width:100%;
}
.min-w-0{
  min-width:0px;
}
.min-w-\[72px\]{
  min-width:72px;
}
.min-w-\[96px\]{
  min-width:96px;
}
.max-w-2xl{
  max-width:42rem;
}
.max-w-3xl{
  max-width:48rem;
}
.max-w-4xl{
  max-width:56rem;
}
.max-w-5xl{
  max-width:64rem;
}
.max-w-6xl{
  max-width:72rem;
}
.max-w-7xl{
  max-width:80rem;
}
.max-w-\[390px\]{
  max-width:390px;
}
.max-w-\[430px\]{
  max-width:430px;
}
.max-w-\[68\%\]{
  max-width:68%;
}
.max-w-\[75\%\]{
  max-width:75%;
}
.max-w-\[78\%\]{
  max-width:78%;
}
.max-w-\[88vw\]{
  max-width:88vw;
}
.max-w-full{
  max-width:100%;
}
.max-w-lg{
  max-width:32rem;
}
.max-w-xl{
  max-width:36rem;
}
.flex-1{
  flex:1 1 0%;
}
.flex-shrink-0{
  flex-shrink:0;
}
.shrink-0{
  flex-shrink:0;
}
.flex-grow{
  flex-grow:1;
}
.origin-center{
  transform-origin:center;
}
.-translate-x-1\/2{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3{
  --tw-translate-y:-0.75rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/3{
  --tw-translate-x:33.333333%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/3{
  --tw-translate-y:33.333333%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12{
  --tw-rotate:-12deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12{
  --tw-rotate:12deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.985\]{
  --tw-scale-x:0.985;
  --tw-scale-y:0.985;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.01\]{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.02\]{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.04\]{
  --tw-scale-x:1.04;
  --tw-scale-y:1.04;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0;
  }
}
.animate-ping{
  animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse{
  50%{
    opacity:.5;
  }
}
.animate-pulse{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform:rotate(360deg);
  }
}
.animate-spin{
  animation:spin 1s linear infinite;
}
.cursor-grab{
  cursor:grab;
}
.cursor-not-allowed{
  cursor:not-allowed;
}
.cursor-zoom-in{
  cursor:zoom-in;
}
.touch-none{
  touch-action:none;
}
.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.resize{
  resize:both;
}
.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.flex-col{
  flex-direction:column;
}
.flex-col-reverse{
  flex-direction:column-reverse;
}
.flex-wrap{
  flex-wrap:wrap;
}
.place-items-center{
  place-items:center;
}
.items-start{
  align-items:flex-start;
}
.items-end{
  align-items:flex-end;
}
.items-center{
  align-items:center;
}
.items-baseline{
  align-items:baseline;
}
.justify-start{
  justify-content:flex-start;
}
.justify-end{
  justify-content:flex-end;
}
.justify-center{
  justify-content:center;
}
.justify-between{
  justify-content:space-between;
}
.gap-0\.5{
  gap:0.125rem;
}
.gap-1{
  gap:0.25rem;
}
.gap-1\.5{
  gap:0.375rem;
}
.gap-12{
  gap:3rem;
}
.gap-2{
  gap:0.5rem;
}
.gap-3{
  gap:0.75rem;
}
.gap-4{
  gap:1rem;
}
.gap-5{
  gap:1.25rem;
}
.gap-6{
  gap:1.5rem;
}
.gap-8{
  gap:2rem;
}
.gap-\[3px\]{
  gap:3px;
}
.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem;
}
.gap-y-1{
  row-gap:0.25rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem * var(--tw-space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
  overflow:hidden;
}
.overflow-x-auto{
  overflow-x:auto;
}
.overflow-x-hidden{
  overflow-x:hidden;
}
.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.whitespace-nowrap{
  white-space:nowrap;
}
.rounded{
  border-radius:0.25rem;
}
.rounded-2xl{
  border-radius:1rem;
}
.rounded-3xl{
  border-radius:1.5rem;
}
.rounded-\[18px\]{
  border-radius:18px;
}
.rounded-\[22px\]{
  border-radius:22px;
}
.rounded-\[28px\]{
  border-radius:28px;
}
.rounded-\[2rem\]{
  border-radius:2rem;
}
.rounded-full{
  border-radius:9999px;
}
.rounded-lg{
  border-radius:var(--radius);
}
.rounded-md{
  border-radius:calc(var(--radius) - 2px);
}
.rounded-sm{
  border-radius:calc(var(--radius) - 4px);
}
.rounded-xl{
  border-radius:0.75rem;
}
.border{
  border-width:1px;
}
.border-2{
  border-width:2px;
}
.border-b{
  border-bottom-width:1px;
}
.border-l{
  border-left-width:1px;
}
.border-r{
  border-right-width:1px;
}
.border-t{
  border-top-width:1px;
}
.border-dashed{
  border-style:dashed;
}
.border-\[\#1d8299\]{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.border-\[\#1d8299\]\/20{
  border-color:rgb(29 130 153 / 0.2);
}
.border-\[\#d8e2ed\]{
  --tw-border-opacity:1;
  border-color:rgb(216 226 237 / var(--tw-border-opacity, 1));
}
.border-\[\#dbe5ee\]{
  --tw-border-opacity:1;
  border-color:rgb(219 229 238 / var(--tw-border-opacity, 1));
}
.border-\[\#e2e8f0\]{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-\[\#eef2f6\]{
  --tw-border-opacity:1;
  border-color:rgb(238 242 246 / var(--tw-border-opacity, 1));
}
.border-\[\#f5b025\]\/30{
  border-color:rgb(245 176 37 / 0.3);
}
.border-\[\#f6bfdc\]{
  --tw-border-opacity:1;
  border-color:rgb(246 191 220 / var(--tw-border-opacity, 1));
}
.border-\[\#f7b1d6\]\/40{
  border-color:rgb(247 177 214 / 0.4);
}
.border-amber-300{
  --tw-border-opacity:1;
  border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-blue-500\/30{
  border-color:rgb(59 130 246 / 0.3);
}
.border-border{
  border-color:hsl(var(--border));
}
.border-cyan-400{
  --tw-border-opacity:1;
  border-color:rgb(34 211 238 / var(--tw-border-opacity, 1));
}
.border-destructive{
  border-color:hsl(var(--destructive));
}
.border-emerald-200{
  --tw-border-opacity:1;
  border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-400\/20{
  border-color:rgb(52 211 153 / 0.2);
}
.border-input{
  border-color:hsl(var(--input));
}
.border-orange-500\/30{
  border-color:rgb(249 115 22 / 0.3);
}
.border-pink-500\/30{
  border-color:rgb(236 72 153 / 0.3);
}
.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-400\/30{
  border-color:rgb(248 113 113 / 0.3);
}
.border-rose-200{
  --tw-border-opacity:1;
  border-color:rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-rose-300{
  --tw-border-opacity:1;
  border-color:rgb(253 164 175 / var(--tw-border-opacity, 1));
}
.border-slate-100{
  --tw-border-opacity:1;
  border-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/70{
  border-color:rgb(226 232 240 / 0.7);
}
.border-slate-300{
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/10{
  border-color:rgb(255 255 255 / 0.1);
}
.border-white\/20{
  border-color:rgb(255 255 255 / 0.2);
}
.border-white\/5{
  border-color:rgb(255 255 255 / 0.05);
}
.border-yellow-400\/30{
  border-color:rgb(250 204 21 / 0.3);
}
.bg-\[\#070b14\]{
  --tw-bg-opacity:1;
  background-color:rgb(7 11 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#09090b\]{
  --tw-bg-opacity:1;
  background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d8299\]{
  --tw-bg-opacity:1;
  background-color:rgb(29 130 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d8299\]\/10{
  background-color:rgb(29 130 153 / 0.1);
}
.bg-\[\#25D366\]{
  --tw-bg-opacity:1;
  background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6a5a8a\]\/10{
  background-color:rgb(106 90 138 / 0.1);
}
.bg-\[\#e6f2f5\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 242 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f6f8\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 246 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f1f5f9\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f286be\]{
  --tw-bg-opacity:1;
  background-color:rgb(242 134 190 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f286be\]\/10{
  background-color:rgb(242 134 190 / 0.1);
}
.bg-\[\#f5b025\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5b025\]\/10{
  background-color:rgb(245 176 37 / 0.1);
}
.bg-\[\#f5b025\]\/20{
  background-color:rgb(245 176 37 / 0.2);
}
.bg-\[\#f5b025\]\/40{
  background-color:rgb(245 176 37 / 0.4);
}
.bg-\[\#f7b1d6\]\/20{
  background-color:rgb(247 177 214 / 0.2);
}
.bg-\[\#f8fafc\]{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-amber-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-background{
  background-color:hsl(var(--background));
}
.bg-black\/20{
  background-color:rgb(0 0 0 / 0.2);
}
.bg-black\/25{
  background-color:rgb(0 0 0 / 0.25);
}
.bg-black\/30{
  background-color:rgb(0 0 0 / 0.3);
}
.bg-black\/35{
  background-color:rgb(0 0 0 / 0.35);
}
.bg-black\/40{
  background-color:rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color:rgb(0 0 0 / 0.45);
}
.bg-black\/50{
  background-color:rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color:rgb(0 0 0 / 0.6);
}
.bg-black\/80{
  background-color:rgb(0 0 0 / 0.8);
}
.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/10{
  background-color:rgb(59 130 246 / 0.1);
}
.bg-blue-600\/5{
  background-color:rgb(37 99 235 / 0.05);
}
.bg-border{
  background-color:hsl(var(--border));
}
.bg-card\/95{
  background-color:hsl(var(--card) / 0.95);
}
.bg-destructive{
  background-color:hsl(var(--destructive));
}
.bg-destructive\/10{
  background-color:hsl(var(--destructive) / 0.1);
}
.bg-emerald-100{
  --tw-bg-opacity:1;
  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50{
  --tw-bg-opacity:1;
  background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-500\/20{
  background-color:rgb(34 197 94 / 0.2);
}
.bg-green-500\/5{
  background-color:rgb(34 197 94 / 0.05);
}
.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-muted{
  background-color:hsl(var(--muted));
}
.bg-orange-100{
  --tw-bg-opacity:1;
  background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-500{
  --tw-bg-opacity:1;
  background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/10{
  background-color:rgb(249 115 22 / 0.1);
}
.bg-pink-100{
  --tw-bg-opacity:1;
  background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-pink-500{
  --tw-bg-opacity:1;
  background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1));
}
.bg-pink-500\/10{
  background-color:rgb(236 72 153 / 0.1);
}
.bg-pink-600\/10{
  background-color:rgb(219 39 119 / 0.1);
}
.bg-popover{
  background-color:hsl(var(--popover));
}
.bg-primary{
  background-color:hsl(var(--primary));
}
.bg-primary\/10{
  background-color:hsl(var(--primary) / 0.1);
}
.bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-400{
  --tw-bg-opacity:1;
  background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1));
}
.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/10{
  background-color:rgb(239 68 68 / 0.1);
}
.bg-red-500\/20{
  background-color:rgb(239 68 68 / 0.2);
}
.bg-red-500\/5{
  background-color:rgb(239 68 68 / 0.05);
}
.bg-rose-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-secondary{
  background-color:hsl(var(--secondary));
}
.bg-slate-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-slate-950{
  --tw-bg-opacity:1;
  background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.bg-slate-950\/95{
  background-color:rgb(2 6 23 / 0.95);
}
.bg-transparent{
  background-color:transparent;
}
.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color:rgb(255 255 255 / 0.1);
}
.bg-white\/20{
  background-color:rgb(255 255 255 / 0.2);
}
.bg-white\/5{
  background-color:rgb(255 255 255 / 0.05);
}
.bg-white\/90{
  background-color:rgb(255 255 255 / 0.9);
}
.bg-yellow-400{
  --tw-bg-opacity:1;
  background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400\/10{
  background-color:rgb(250 204 21 / 0.1);
}
.bg-yellow-400\/20{
  background-color:rgb(250 204 21 / 0.2);
}
.bg-yellow-500\/10{
  background-color:rgb(234 179 8 / 0.1);
}
.bg-yellow-500\/5{
  background-color:rgb(234 179 8 / 0.05);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(255\2c 255\2c 255\2c 0\.15\)\2c transparent_70\%\)\]{
  background-image:radial-gradient(circle at center,rgba(255,255,255,0.15),transparent 70%);
}
.bg-\[radial-gradient\(circle_at_top_left\2c _rgba\(29\2c 130\2c 153\2c 0\.22\)\2c _transparent_42\%\)\2c radial-gradient\(circle_at_bottom_right\2c _rgba\(245\2c 176\2c 37\2c 0\.18\)\2c _transparent_36\%\)\]{
  background-image:radial-gradient(circle at top left, rgba(29,130,153,0.22), transparent 42%),radial-gradient(circle at bottom right, rgba(245,176,37,0.18), transparent 36%);
}
.bg-\[radial-gradient\(ellipse_at_center\2c _var\(--tw-gradient-stops\)\)\]{
  background-image:radial-gradient(ellipse at center, var(--tw-gradient-stops));
}
.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#156f84\]{
  --tw-gradient-from:#156f84 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(21 111 132 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1d8299\]{
  --tw-gradient-from:#1d8299 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(29 130 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2563eb\]{
  --tw-gradient-from:#2563eb var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6a5a8a\]{
  --tw-gradient-from:#6a5a8a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(106 90 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#dc2626\]{
  --tw-gradient-from:#dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f391a0\]{
  --tw-gradient-from:#f391a0 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(243 145 160 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f5b025\]{
  --tw-gradient-from:#f5b025 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 176 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f9b233\]{
  --tw-gradient-from:#f9b233 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 178 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/75{
  --tw-gradient-from:rgb(0 0 0 / 0.75) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500{
  --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-emerald-500{
  --tw-gradient-from:#10b981 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-500{
  --tw-gradient-from:#f97316 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-pink-500{
  --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-50{
  --tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-900{
  --tw-gradient-from:#0f172a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400{
  --tw-gradient-from:#facc15 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-zinc-800\/40{
  --tw-gradient-from:rgb(39 39 42 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(39 39 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#09090b\]{
  --tw-gradient-to:rgb(9 9 11 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f97316\]{
  --tw-gradient-to:rgb(249 115 22 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-amber-400{
  --tw-gradient-to:rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/45{
  --tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-50{
  --tw-gradient-to:rgb(255 247 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#09090b\]{
  --tw-gradient-to:#09090b var(--tw-gradient-to-position);
}
.to-\[\#156f84\]{
  --tw-gradient-to:#156f84 var(--tw-gradient-to-position);
}
.to-\[\#1d4ed8\]{
  --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);
}
.to-\[\#1d8299\]{
  --tw-gradient-to:#1d8299 var(--tw-gradient-to-position);
}
.to-\[\#30a5c0\]{
  --tw-gradient-to:#30a5c0 var(--tw-gradient-to-position);
}
.to-\[\#38bdf8\]{
  --tw-gradient-to:#38bdf8 var(--tw-gradient-to-position);
}
.to-\[\#a78bfa\]{
  --tw-gradient-to:#a78bfa var(--tw-gradient-to-position);
}
.to-\[\#d49615\]{
  --tw-gradient-to:#d49615 var(--tw-gradient-to-position);
}
.to-\[\#dc2626\]{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
}
.to-\[\#f286be\]{
  --tw-gradient-to:#f286be var(--tw-gradient-to-position);
}
.to-\[\#f7b1d6\]{
  --tw-gradient-to:#f7b1d6 var(--tw-gradient-to-position);
}
.to-\[\#fcd34d\]{
  --tw-gradient-to:#fcd34d var(--tw-gradient-to-position);
}
.to-amber-50{
  --tw-gradient-to:#fffbeb var(--tw-gradient-to-position);
}
.to-amber-500{
  --tw-gradient-to:#f59e0b var(--tw-gradient-to-position);
}
.to-emerald-500{
  --tw-gradient-to:#10b981 var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to:#16a34a var(--tw-gradient-to-position);
}
.to-indigo-600{
  --tw-gradient-to:#4f46e5 var(--tw-gradient-to-position);
}
.to-red-600{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
}
.to-rose-400{
  --tw-gradient-to:#fb7185 var(--tw-gradient-to-position);
}
.to-slate-700{
  --tw-gradient-to:#334155 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip:text;
          background-clip:text;
}
.fill-current{
  fill:currentColor;
}
.stroke-\[2\.4\]{
  stroke-width:2.4;
}
.object-contain{
  -o-object-fit:contain;
     object-fit:contain;
}
.object-cover{
  -o-object-fit:cover;
     object-fit:cover;
}
.object-center{
  -o-object-position:center;
     object-position:center;
}
.p-1{
  padding:0.25rem;
}
.p-1\.5{
  padding:0.375rem;
}
.p-10{
  padding:2.5rem;
}
.p-2{
  padding:0.5rem;
}
.p-2\.5{
  padding:0.625rem;
}
.p-3{
  padding:0.75rem;
}
.p-4{
  padding:1rem;
}
.p-5{
  padding:1.25rem;
}
.p-6{
  padding:1.5rem;
}
.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem;
}
.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.px-2\.5{
  padding-left:0.625rem;
  padding-right:0.625rem;
}
.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem;
}
.px-4{
  padding-left:1rem;
  padding-right:1rem;
}
.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem;
}
.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.px-8{
  padding-left:2rem;
  padding-right:2rem;
}
.py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem;
}
.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem;
}
.py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem;
}
.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.py-2\.5{
  padding-top:0.625rem;
  padding-bottom:0.625rem;
}
.py-20{
  padding-top:5rem;
  padding-bottom:5rem;
}
.py-24{
  padding-top:6rem;
  padding-bottom:6rem;
}
.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}
.py-3\.5{
  padding-top:0.875rem;
  padding-bottom:0.875rem;
}
.py-4{
  padding-top:1rem;
  padding-bottom:1rem;
}
.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}
.py-8{
  padding-top:2rem;
  padding-bottom:2rem;
}
.py-\[3px\]{
  padding-top:3px;
  padding-bottom:3px;
}
.pb-1{
  padding-bottom:0.25rem;
}
.pb-12{
  padding-bottom:3rem;
}
.pb-16{
  padding-bottom:4rem;
}
.pb-28{
  padding-bottom:7rem;
}
.pb-40{
  padding-bottom:10rem;
}
.pb-6{
  padding-bottom:1.5rem;
}
.pr-8{
  padding-right:2rem;
}
.pt-1\.5{
  padding-top:0.375rem;
}
.pt-2{
  padding-top:0.5rem;
}
.pt-2\.5{
  padding-top:0.625rem;
}
.pt-20{
  padding-top:5rem;
}
.pt-24{
  padding-top:6rem;
}
.pt-3{
  padding-top:0.75rem;
}
.pt-4{
  padding-top:1rem;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.font-sans{
  font-family:'Plus Jakarta Sans', sans-serif;
}
.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}
.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem;
}
.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}
.text-5xl{
  font-size:3rem;
  line-height:1;
}
.text-7xl{
  font-size:4.5rem;
  line-height:1;
}
.text-\[10px\]{
  font-size:10px;
}
.text-\[11px\]{
  font-size:11px;
}
.text-\[12px\]{
  font-size:12px;
}
.text-\[13px\]{
  font-size:13px;
}
.text-\[14px\]{
  font-size:14px;
}
.text-\[15px\]{
  font-size:15px;
}
.text-\[17px\]{
  font-size:17px;
}
.text-\[21px\]{
  font-size:21px;
}
.text-\[25px\]{
  font-size:25px;
}
.text-\[27px\]{
  font-size:27px;
}
.text-\[30px\]{
  font-size:30px;
}
.text-\[8px\]{
  font-size:8px;
}
.text-\[9px\]{
  font-size:9px;
}
.text-base{
  font-size:1rem;
  line-height:1.5rem;
}
.text-lg{
  font-size:1.125rem;
  line-height:1.75rem;
}
.text-sm{
  font-size:0.875rem;
  line-height:1.25rem;
}
.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}
.text-xs{
  font-size:0.75rem;
  line-height:1rem;
}
.font-black{
  font-weight:900;
}
.font-bold{
  font-weight:700;
}
.font-extrabold{
  font-weight:800;
}
.font-light{
  font-weight:300;
}
.font-medium{
  font-weight:500;
}
.font-semibold{
  font-weight:600;
}
.uppercase{
  text-transform:uppercase;
}
.capitalize{
  text-transform:capitalize;
}
.leading-\[1\.05\]{
  line-height:1.05;
}
.leading-\[1\.1\]{
  line-height:1.1;
}
.leading-none{
  line-height:1;
}
.leading-relaxed{
  line-height:1.625;
}
.leading-snug{
  line-height:1.375;
}
.leading-tight{
  line-height:1.25;
}
.tracking-\[-\.05em\]{
  letter-spacing:-.05em;
}
.tracking-\[0\.18em\]{
  letter-spacing:0.18em;
}
.tracking-\[0\.22em\]{
  letter-spacing:0.22em;
}
.tracking-\[0\.2em\]{
  letter-spacing:0.2em;
}
.tracking-\[0\.35em\]{
  letter-spacing:0.35em;
}
.tracking-normal{
  letter-spacing:0em;
}
.tracking-tight{
  letter-spacing:-0.025em;
}
.tracking-tighter{
  letter-spacing:-0.05em;
}
.tracking-wide{
  letter-spacing:0.025em;
}
.tracking-wider{
  letter-spacing:0.05em;
}
.tracking-widest{
  letter-spacing:0.1em;
}
.text-\[\#070b14\]{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.text-\[\#0f172a\]{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-\[\#16697a\]{
  --tw-text-opacity:1;
  color:rgb(22 105 122 / var(--tw-text-opacity, 1));
}
.text-\[\#1d8299\]{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.text-\[\#1d8299\]\/5{
  color:rgb(29 130 153 / 0.05);
}
.text-\[\#334155\]{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-\[\#64748b\]{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-\[\#6a5a8a\]{
  --tw-text-opacity:1;
  color:rgb(106 90 138 / var(--tw-text-opacity, 1));
}
.text-\[\#6a5a8a\]\/5{
  color:rgb(106 90 138 / 0.05);
}
.text-\[\#94a3b8\]{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-\[\#cbd5e1\]{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-\[\#f286be\]{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.text-\[\#f391a0\]\/5{
  color:rgb(243 145 160 / 0.05);
}
.text-\[\#f5b025\]{
  --tw-text-opacity:1;
  color:rgb(245 176 37 / var(--tw-text-opacity, 1));
}
.text-\[\#f8fafc\]{
  --tw-text-opacity:1;
  color:rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-\[\#f9b233\]\/5{
  color:rgb(249 178 51 / 0.05);
}
.text-amber-700{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-900{
  --tw-text-opacity:1;
  color:rgb(120 53 15 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-destructive{
  color:hsl(var(--destructive));
}
.text-destructive-foreground{
  color:hsl(var(--destructive-foreground));
}
.text-emerald-300{
  --tw-text-opacity:1;
  color:rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-600{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700{
  --tw-text-opacity:1;
  color:rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-emerald-700\/80{
  color:rgb(4 120 87 / 0.8);
}
.text-foreground{
  color:hsl(var(--foreground));
}
.text-foreground\/50{
  color:hsl(var(--foreground) / 0.5);
}
.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700{
  --tw-text-opacity:1;
  color:rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-muted-foreground{
  color:hsl(var(--muted-foreground));
}
.text-orange-500{
  --tw-text-opacity:1;
  color:rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600{
  --tw-text-opacity:1;
  color:rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-pink-300{
  --tw-text-opacity:1;
  color:rgb(249 168 212 / var(--tw-text-opacity, 1));
}
.text-pink-600{
  --tw-text-opacity:1;
  color:rgb(219 39 119 / var(--tw-text-opacity, 1));
}
.text-popover-foreground{
  color:hsl(var(--popover-foreground));
}
.text-primary{
  color:hsl(var(--primary));
}
.text-primary-foreground{
  color:hsl(var(--primary-foreground));
}
.text-purple-600{
  --tw-text-opacity:1;
  color:rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-red-200{
  --tw-text-opacity:1;
  color:rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-rose-600{
  --tw-text-opacity:1;
  color:rgb(225 29 72 / var(--tw-text-opacity, 1));
}
.text-rose-900{
  --tw-text-opacity:1;
  color:rgb(136 19 55 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground{
  color:hsl(var(--secondary-foreground));
}
.text-slate-100{
  --tw-text-opacity:1;
  color:rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.text-slate-200{
  --tw-text-opacity:1;
  color:rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.text-slate-300{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity:1;
  color:rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-success{
  color:hsl(var(--success));
}
.text-transparent{
  color:transparent;
}
.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/10{
  color:rgb(255 255 255 / 0.1);
}
.text-white\/85{
  color:rgb(255 255 255 / 0.85);
}
.text-yellow-400{
  --tw-text-opacity:1;
  color:rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line:underline;
}
.line-through{
  text-decoration-line:line-through;
}
.decoration-2{
  text-decoration-thickness:2px;
}
.underline-offset-4{
  text-underline-offset:4px;
}
.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.opacity-0{
  opacity:0;
}
.opacity-100{
  opacity:1;
}
.opacity-30{
  opacity:0.3;
}
.opacity-40{
  opacity:0.4;
}
.opacity-50{
  opacity:0.5;
}
.opacity-60{
  opacity:0.6;
}
.opacity-70{
  opacity:0.7;
}
.opacity-75{
  opacity:0.75;
}
.opacity-80{
  opacity:0.8;
}
.opacity-90{
  opacity:0.9;
}
.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(15\2c 23\2c 42\2c \.22\)\]{
  --tw-shadow:0 0 10px rgba(15,23,42,.22);
  --tw-shadow-colored:0 0 10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(15\2c 23\2c 42\2c 0\.22\)\]{
  --tw-shadow:0 0 10px rgba(15,23,42,0.22);
  --tw-shadow-colored:0 0 10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(245\2c 176\2c 37\2c \.30\)\]{
  --tw-shadow:0 0 12px rgba(245,176,37,.30);
  --tw-shadow-colored:0 0 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(245\2c 176\2c 37\2c 0\.30\)\]{
  --tw-shadow:0 0 12px rgba(245,176,37,0.30);
  --tw-shadow-colored:0 0 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(34\2c 197\2c 94\2c \.25\)\]{
  --tw-shadow:0 0 12px rgba(34,197,94,.25);
  --tw-shadow-colored:0 0 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(37\2c 99\2c 235\2c 0\.28\)\]{
  --tw-shadow:0 0 12px rgba(37,99,235,0.28);
  --tw-shadow-colored:0 0 12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_14px_rgba\(239\2c 68\2c 68\2c \.28\)\]{
  --tw-shadow:0 0 14px rgba(239,68,68,.28);
  --tw-shadow-colored:0 0 14px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(245\2c 176\2c 37\2c 0\.3\)\]{
  --tw-shadow:0 0 20px rgba(245,176,37,0.3);
  --tw-shadow-colored:0 0 20px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_20px_rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
  --tw-shadow:0 0 20px rgba(255,255,255,0.2);
  --tw-shadow-colored:0 0 20px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_24px_rgba\(245\2c 176\2c 37\2c 0\.32\)\]{
  --tw-shadow:0 0 24px rgba(245,176,37,0.32);
  --tw-shadow-colored:0 0 24px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#22c55e\]{
  --tw-shadow:0 0 8px #22c55e;
  --tw-shadow-colored:0 0 8px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#ef4444\]{
  --tw-shadow:0 0 8px #ef4444;
  --tw-shadow-colored:0 0 8px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#facc15\]{
  --tw-shadow:0 0 8px #facc15;
  --tw-shadow-colored:0 0 8px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(37\2c 211\2c 102\2c 0\.3\)\]{
  --tw-shadow:0 10px 30px rgba(37,211,102,0.3);
  --tw-shadow-colored:0 10px 30px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_30px_rgba\(37\2c 211\2c 102\2c 0\.35\)\]{
  --tw-shadow:0 10px 30px rgba(37,211,102,0.35);
  --tw-shadow-colored:0 10px 30px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_34px_rgba\(15\2c 23\2c 42\2c \.08\)\]{
  --tw-shadow:0 12px 34px rgba(15,23,42,.08);
  --tw-shadow-colored:0 12px 34px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_60px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{
  --tw-shadow:0 24px 60px rgba(15,23,42,0.16);
  --tw-shadow-colored:0 24px 60px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_10px_rgba\(239\2c 68\2c 68\2c \.12\)\]{
  --tw-shadow:0 2px 10px rgba(239,68,68,.12);
  --tw-shadow-colored:0 2px 10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(29\2c 130\2c 153\2c \.25\)\]{
  --tw-shadow:0 6px 16px rgba(29,130,153,.25);
  --tw-shadow-colored:0 6px 16px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(15\2c 23\2c 42\2c \.08\)\]{
  --tw-shadow:0 8px 20px rgba(15,23,42,.08);
  --tw-shadow-colored:0 8px 20px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_22px_rgba\(15\2c 23\2c 42\2c \.06\)\]{
  --tw-shadow:0 8px 22px rgba(15,23,42,.06);
  --tw-shadow-colored:0 8px 22px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_22px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow:0 8px 22px rgba(15,23,42,0.06);
  --tw-shadow-colored:0 8px 22px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow:0 8px 30px rgba(0,0,0,0.05);
  --tw-shadow-colored:0 8px 30px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner{
  --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline:2px solid transparent;
  outline-offset:2px;
}
.outline{
  outline-style:solid;
}
.ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#1d8299\]\/10{
  --tw-ring-color:rgb(29 130 153 / 0.1);
}
.ring-\[\#1d8299\]\/20{
  --tw-ring-color:rgb(29 130 153 / 0.2);
}
.ring-\[\#1d8299\]\/25{
  --tw-ring-color:rgb(29 130 153 / 0.25);
}
.ring-cyan-400\/30{
  --tw-ring-color:rgb(34 211 238 / 0.3);
}
.ring-white\/10{
  --tw-ring-color:rgb(255 255 255 / 0.1);
}
.ring-offset-background{
  --tw-ring-offset-color:hsl(var(--background));
}
.blur{
  --tw-blur:blur(8px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl{
  --tw-blur:blur(40px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[100px\]{
  --tw-blur:blur(100px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[120px\]{
  --tw-blur:blur(120px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[150px\]{
  --tw-blur:blur(150px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[2px\]{
  --tw-blur:blur(2px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[40px\]{
  --tw-blur:blur(40px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[80px\]{
  --tw-blur:blur(80px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[90px\]{
  --tw-blur:blur(90px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur:blur(24px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-50{
  --tw-brightness:brightness(.5);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-2xl{
  --tw-drop-shadow:drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale-\[50\%\]{
  --tw-grayscale:grayscale(50%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-\[\.9\]{
  --tw-saturate:saturate(.9);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur:blur(8px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\]{
  --tw-backdrop-blur:blur(2px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur:blur(24px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
}
.duration-200{
  transition-duration:200ms;
}
.duration-300{
  transition-duration:300ms;
}
.duration-500{
  transition-duration:500ms;
}
.duration-700{
  transition-duration:700ms;
}
.duration-75{
  transition-duration:75ms;
}
.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter{
  from{
    opacity:var(--tw-enter-opacity, 1);
    transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{
  to{
    opacity:var(--tw-exit-opacity, 1);
    transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.fade-in{
  --tw-enter-opacity:0;
}
.fade-in-0{
  --tw-enter-opacity:0;
}
.zoom-in{
  --tw-enter-scale:0;
}
.zoom-in-95{
  --tw-enter-scale:.95;
}
.slide-in-from-right{
  --tw-enter-translate-x:100%;
}
.duration-200{
  animation-duration:200ms;
}
.duration-300{
  animation-duration:300ms;
}
.duration-500{
  animation-duration:500ms;
}
.duration-700{
  animation-duration:700ms;
}
.duration-75{
  animation-duration:75ms;
}
.ease-in-out{
  animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  animation-timing-function:cubic-bezier(0, 0, 0.2, 1);
}
.running{
  animation-play-state:running;
}
/* ===== ESPACIADO BASE ===== */
.\!section {
    padding: 2.5rem 0 !important;
  }
.section {
    padding: 2.5rem 0;
  }
@media (min-width: 768px) {
     {
      padding: 3rem 0 !important;
    }

    .\!section {
      padding: 4rem 0 !important;
    }

     {
      padding: 5rem 0 !important;
    }
    .section-sm {
      padding: 3rem 0;
    }

    .section {
      padding: 4rem 0;
    }

    .section-lg {
      padding: 5rem 0;
    }
  }
/* ===== CONTENEDORES ===== */
.home-container {
    width: 100%;
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1.25rem;
  }
@media (min-width: 768px) {
    .home-container {
      padding-inline: 1.5rem;
    }
  }
/* ===== TIPOGRAFÍA HOME ===== */
/* ===== LINK PÍLDORA ===== */
/* ===== OVERLAYS ===== */
/* ===== CATEGORY CARDS ===== */
/* ===== SCROLLBAR ===== */
@keyframes float {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-20px);
    }
  }
@keyframes pulse-glow {
    0%, 100% {
      opacity: 0.4;
      transform: scale(1);
    }

    50% {
      opacity: 0.7;
      transform: scale(1.05);
    }
  }
@keyframes zoom-cinematic {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.05);
    }
  }
@keyframes fade-in-up {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.animate-float-slow {
    animation: float 6s ease-in-out infinite;
  }
.animate-float-delayed {
    animation: float 8s ease-in-out infinite 2s;
  }
.animate-pulse-glow {
    animation: pulse-glow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
.animate-fade-in-up {
    animation: fade-in-up 1s ease-out forwards;
  }
@keyframes badge-float {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-2px);
    }
  }
.\[appearance\:textfield\]{
  -webkit-appearance:textfield;
     -moz-appearance:textfield;
          appearance:textfield;
}
.selection\:bg-\[\#f5b025\] *::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#f5b025\] *::selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-purple-500 *::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.selection\:bg-purple-500 *::selection{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.selection\:text-\[\#070b14\] *::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-\[\#070b14\] *::selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-white *::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:text-white *::selection{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:bg-\[\#f5b025\]::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#f5b025\]::selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-purple-500::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.selection\:bg-purple-500::selection{
  --tw-bg-opacity:1;
  background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.selection\:text-\[\#070b14\]::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-\[\#070b14\]::selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-white::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.selection\:text-white::selection{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.file\:border-0::file-selector-button{
  border-width:0px;
}
.file\:bg-transparent::file-selector-button{
  background-color:transparent;
}
.file\:text-sm::file-selector-button{
  font-size:0.875rem;
  line-height:1.25rem;
}
.file\:font-medium::file-selector-button{
  font-weight:500;
}
.file\:text-foreground::file-selector-button{
  color:hsl(var(--foreground));
}
.placeholder\:text-muted-foreground::-moz-placeholder{
  color:hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder{
  color:hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground\/50::-moz-placeholder{
  color:hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-muted-foreground\/50::placeholder{
  color:hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.focus-within\:border-\[\#1d8299\]:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.focus-within\:ring-4:focus-within{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-\[\#1d8299\]\/10:focus-within{
  --tw-ring-color:rgb(29 130 153 / 0.1);
}
.hover\:-translate-y-2:hover{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.03\]:hover{
  --tw-scale-x:1.03;
  --tw-scale-y:1.03;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[\#1d8299\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#1d8299\]\/40:hover{
  border-color:rgb(29 130 153 / 0.4);
}
.hover\:border-\[\#f286be\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(242 134 190 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#16677a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 103 122 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#16697a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 105 122 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1EAD54\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 173 84 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#e2e8f0\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f1f5f9\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f2fbfc\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(242 251 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fff0f7\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 240 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent:hover{
  background-color:hsl(var(--accent));
}
.hover\:bg-black\/55:hover{
  background-color:rgb(0 0 0 / 0.55);
}
.hover\:bg-destructive\/90:hover{
  background-color:hsl(var(--destructive) / 0.9);
}
.hover\:bg-green-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted:hover{
  background-color:hsl(var(--muted));
}
.hover\:bg-muted\/80:hover{
  background-color:hsl(var(--muted) / 0.8);
}
.hover\:bg-orange-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-pink-400:hover{
  --tw-bg-opacity:1;
  background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/15:hover{
  background-color:hsl(var(--primary) / 0.15);
}
.hover\:bg-primary\/90:hover{
  background-color:hsl(var(--primary) / 0.9);
}
.hover\:bg-secondary:hover{
  background-color:hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover{
  background-color:hsl(var(--secondary) / 0.8);
}
.hover\:bg-slate-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/10:hover{
  background-color:rgb(255 255 255 / 0.1);
}
.hover\:text-\[\#1d8299\]:hover{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#334155\]:hover{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#ef4444\]:hover{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#f286be\]:hover{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.hover\:text-accent-foreground:hover{
  color:hsl(var(--accent-foreground));
}
.hover\:text-foreground:hover{
  color:hsl(var(--foreground));
}
.hover\:text-muted-foreground:hover{
  color:hsl(var(--muted-foreground));
}
.hover\:text-primary\/90:hover{
  color:hsl(var(--primary) / 0.9);
}
.hover\:text-red-600:hover{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line:underline;
}
.hover\:opacity-100:hover{
  opacity:1;
}
.hover\:shadow-2xl:hover{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_30px_rgba\(245\2c 176\2c 37\2c 0\.5\)\]:hover{
  --tw-shadow:0 0 30px rgba(245,176,37,0.5);
  --tw-shadow-colored:0 0 30px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_30px_rgba\(255\2c 255\2c 255\2c 0\.4\)\]:hover{
  --tw-shadow:0 0 30px rgba(255,255,255,0.4);
  --tw-shadow-colored:0 0 30px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_0_34px_rgba\(245\2c 176\2c 37\2c 0\.48\)\]:hover{
  --tw-shadow:0 0 34px rgba(245,176,37,0.48);
  --tw-shadow-colored:0 0 34px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_10px_40px_rgba\(37\2c 211\2c 102\2c 0\.4\)\]:hover{
  --tw-shadow:0 10px 40px rgba(37,211,102,0.4);
  --tw-shadow-colored:0 10px 40px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0_12px_35px_rgba\(37\2c 211\2c 102\2c 0\.45\)\]:hover{
  --tw-shadow:0 12px 35px rgba(37,211,102,0.45);
  --tw-shadow-colored:0 12px 35px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-\[\#1d8299\]:focus{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.focus\:opacity-100:focus{
  opacity:1;
}
.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ring:focus{
  --tw-ring-color:hsl(var(--ring));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px;
}
.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color:hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px;
}
.active\:scale-95:active{
  --tw-scale-x:.95;
  --tw-scale-y:.95;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[\.98\]:active{
  --tw-scale-x:.98;
  --tw-scale-y:.98;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active{
  --tw-scale-x:0.98;
  --tw-scale-y:0.98;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:cursor-grabbing:active{
  cursor:grabbing;
}
.disabled\:pointer-events-none:disabled{
  pointer-events:none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed;
}
.disabled\:opacity-40:disabled{
  opacity:0.4;
}
.disabled\:opacity-50:disabled{
  opacity:0.5;
}
.group:hover .group-hover\:w-full{
  width:100%;
}
.group:hover .group-hover\:translate-x-1{
  --tw-translate-x:0.25rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.02\]{
  --tw-scale-x:1.02;
  --tw-scale-y:1.02;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.035\]{
  --tw-scale-x:1.035;
  --tw-scale-y:1.035;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-\[\#1877f2\]{
  --tw-border-opacity:1;
  border-color:rgb(24 119 242 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#4285f4\]{
  --tw-border-opacity:1;
  border-color:rgb(66 133 244 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#bd081c\]{
  --tw-border-opacity:1;
  border-color:rgb(189 8 28 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#e4405f\]{
  --tw-border-opacity:1;
  border-color:rgb(228 64 95 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#ff0000\]{
  --tw-border-opacity:1;
  border-color:rgb(255 0 0 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-black{
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#1877f2\]{
  --tw-bg-opacity:1;
  background-color:rgb(24 119 242 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#1d8299\]{
  --tw-bg-opacity:1;
  background-color:rgb(29 130 153 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#4285f4\]{
  --tw-bg-opacity:1;
  background-color:rgb(66 133 244 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#6a5a8a\]{
  --tw-bg-opacity:1;
  background-color:rgb(106 90 138 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#bd081c\]{
  --tw-bg-opacity:1;
  background-color:rgb(189 8 28 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#e4405f\]{
  --tw-bg-opacity:1;
  background-color:rgb(228 64 95 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#f286be\]{
  --tw-bg-opacity:1;
  background-color:rgb(242 134 190 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#f5b025\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#ff0000\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1877f2\]{
  --tw-text-opacity:1;
  color:rgb(24 119 242 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1d8299\]{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1d8299\]\/10{
  color:rgb(29 130 153 / 0.1);
}
.group:hover .group-hover\:text-\[\#4285f4\]{
  --tw-text-opacity:1;
  color:rgb(66 133 244 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#6a5a8a\]\/10{
  color:rgb(106 90 138 / 0.1);
}
.group:hover .group-hover\:text-\[\#bd081c\]{
  --tw-text-opacity:1;
  color:rgb(189 8 28 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#e4405f\]{
  --tw-text-opacity:1;
  color:rgb(228 64 95 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f286be\]{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f286be\]\/10{
  color:rgb(242 134 190 / 0.1);
}
.group:hover .group-hover\:text-\[\#f391a0\]\/10{
  color:rgb(243 145 160 / 0.1);
}
.group:hover .group-hover\:text-\[\#f5b025\]{
  --tw-text-opacity:1;
  color:rgb(245 176 37 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f5b025\]\/10{
  color:rgb(245 176 37 / 0.1);
}
.group:hover .group-hover\:text-\[\#f9b233\]\/10{
  color:rgb(249 178 51 / 0.1);
}
.group:hover .group-hover\:text-\[\#ff0000\]{
  --tw-text-opacity:1;
  color:rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100{
  opacity:1;
}
.group:hover .group-hover\:opacity-50{
  opacity:0.5;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40{
  border-color:hsl(var(--muted) / 0.4);
}
.group.toaster .group-\[\.toaster\]\:border-border{
  border-color:hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-muted{
  background-color:hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary{
  background-color:hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background{
  background-color:hsl(var(--background));
}
.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity:1;
  color:rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground{
  color:hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground{
  color:hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground{
  color:hsl(var(--foreground));
}
.group.toaster .group-\[\.toaster\]\:shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
  border-color:hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color:hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color:hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
  --tw-text-opacity:1;
  color:rgb(254 242 242 / var(--tw-text-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color:hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color:#dc2626;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor:not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity:0.7;
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --tw-translate-x:0px;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x:var(--radix-toast-swipe-end-x);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x:var(--radix-toast-swipe-move-x);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=on\]\:bg-accent[data-state="on"]{
  background-color:hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent[data-state="open"]{
  background-color:hsl(var(--accent));
}
.data-\[state\=open\]\:bg-secondary[data-state="open"]{
  background-color:hsl(var(--secondary));
}
.data-\[state\=on\]\:text-accent-foreground[data-state="on"]{
  color:hsl(var(--accent-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
  color:hsl(var(--muted-foreground));
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property:none;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration:300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration:500ms;
}
.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity:0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
  --tw-exit-opacity:0.8;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity:0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale:.95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale:.95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y:-0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x:0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x:-0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y:0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y:100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x:-100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x:-50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x:100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
  --tw-exit-translate-x:100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y:-100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y:-48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y:100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x:-100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x:-50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x:100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y:-100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y:-48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
  --tw-enter-translate-y:-100%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration:300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration:500ms;
}
@media (min-width: 640px){
  .sm\:bottom-0{
    bottom:0px;
  }
  .sm\:right-0{
    right:0px;
  }
  .sm\:top-auto{
    top:auto;
  }
  .sm\:aspect-\[3\/4\]{
    aspect-ratio:3/4;
  }
  .sm\:h-\[160px\]{
    height:160px;
  }
  .sm\:max-w-sm{
    max-width:24rem;
  }
  .sm\:flex-row{
    flex-direction:row;
  }
  .sm\:flex-col{
    flex-direction:column;
  }
  .sm\:justify-end{
    justify-content:flex-end;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:rounded-lg{
    border-radius:var(--radius);
  }
  .sm\:text-left{
    text-align:left;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y:100%;
  }
}
@media (min-width: 768px){
  .md\:order-1{
    order:1;
  }
  .md\:order-2{
    order:2;
  }
  .md\:mt-10{
    margin-top:2.5rem;
  }
  .md\:mt-5{
    margin-top:1.25rem;
  }
  .md\:mt-8{
    margin-top:2rem;
  }
  .md\:block{
    display:block;
  }
  .md\:inline{
    display:inline;
  }
  .md\:flex{
    display:flex;
  }
  .md\:grid{
    display:grid;
  }
  .md\:hidden{
    display:none;
  }
  .md\:aspect-auto{
    aspect-ratio:auto;
  }
  .md\:h-12{
    height:3rem;
  }
  .md\:h-16{
    height:4rem;
  }
  .md\:h-24{
    height:6rem;
  }
  .md\:h-\[100px\]{
    height:100px;
  }
  .md\:h-\[250px\]{
    height:250px;
  }
  .md\:h-\[330px\]{
    height:330px;
  }
  .md\:h-\[78vh\]{
    height:78vh;
  }
  .md\:max-h-\[560px\]{
    max-height:560px;
  }
  .md\:min-h-20{
    min-height:5rem;
  }
  .md\:min-h-\[38px\]{
    min-height:38px;
  }
  .md\:w-12{
    width:3rem;
  }
  .md\:w-24{
    width:6rem;
  }
  .md\:w-40{
    width:10rem;
  }
  .md\:w-\[75px\]{
    width:75px;
  }
  .md\:w-full{
    width:100%;
  }
  .md\:max-w-5xl{
    max-width:64rem;
  }
  .md\:max-w-\[420px\]{
    max-width:420px;
  }
  .md\:max-w-\[520px\]{
    max-width:520px;
  }
  .md\:max-w-\[75\%\]{
    max-width:75%;
  }
  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-\[96px_minmax\(0\2c 1fr\)\]{
    grid-template-columns:96px minmax(0,1fr);
  }
  .md\:grid-cols-\[auto_1fr_auto\]{
    grid-template-columns:auto 1fr auto;
  }
  .md\:flex-col{
    flex-direction:column;
  }
  .md\:items-center{
    align-items:center;
  }
  .md\:justify-start{
    justify-content:flex-start;
  }
  .md\:gap-10{
    gap:2.5rem;
  }
  .md\:gap-2{
    gap:0.5rem;
  }
  .md\:gap-3{
    gap:0.75rem;
  }
  .md\:gap-6{
    gap:1.5rem;
  }
  .md\:overflow-y-auto{
    overflow-y:auto;
  }
  .md\:overflow-x-visible{
    overflow-x:visible;
  }
  .md\:p-2\.5{
    padding:0.625rem;
  }
  .md\:p-3{
    padding:0.75rem;
  }
  .md\:p-4{
    padding:1rem;
  }
  .md\:p-6{
    padding:1.5rem;
  }
  .md\:p-7{
    padding:1.75rem;
  }
  .md\:px-0{
    padding-left:0px;
    padding-right:0px;
  }
  .md\:px-4{
    padding-left:1rem;
    padding-right:1rem;
  }
  .md\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
  .md\:py-4{
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .md\:pb-0{
    padding-bottom:0px;
  }
  .md\:pb-40{
    padding-bottom:10rem;
  }
  .md\:text-left{
    text-align:left;
  }
  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }
  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }
  .md\:text-5xl{
    font-size:3rem;
    line-height:1;
  }
  .md\:text-6xl{
    font-size:3.75rem;
    line-height:1;
  }
  .md\:text-\[11px\]{
    font-size:11px;
  }
  .md\:text-\[13px\]{
    font-size:13px;
  }
  .md\:text-\[15px\]{
    font-size:15px;
  }
  .md\:text-\[16px\]{
    font-size:16px;
  }
  .md\:text-\[28px\]{
    font-size:28px;
  }
  .md\:text-\[30px\]{
    font-size:30px;
  }
  .md\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }
  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem;
  }
  .md\:text-sm{
    font-size:0.875rem;
    line-height:1.25rem;
  }
  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }
  .md\:text-xs{
    font-size:0.75rem;
    line-height:1rem;
  }
}
@media (min-width: 1024px){
  .lg\:bottom-6{
    bottom:1.5rem;
  }
  .lg\:left-4{
    left:1rem;
  }
  .lg\:top-20{
    top:5rem;
  }
  .lg\:col-span-2{
    grid-column:span 2 / span 2;
  }
  .lg\:mt-0{
    margin-top:0px;
  }
  .lg\:h-20{
    height:5rem;
  }
  .lg\:h-\[700px\]{
    height:700px;
  }
  .lg\:min-h-\[560px\]{
    min-height:560px;
  }
  .lg\:w-20{
    width:5rem;
  }
  .lg\:max-w-none{
    max-width:none;
  }
  .lg\:translate-x-0{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[minmax\(0\2c 560px\)_minmax\(420px\2c 1fr\)\]{
    grid-template-columns:minmax(0,560px) minmax(420px,1fr);
  }
  .lg\:flex-col{
    flex-direction:column;
  }
  .lg\:gap-8{
    gap:2rem;
  }
  .lg\:overflow-y-auto{
    overflow-y:auto;
  }
  .lg\:overflow-x-hidden{
    overflow-x:hidden;
  }
  .lg\:pl-24{
    padding-left:6rem;
  }
  .lg\:pt-0{
    padding-top:0px;
  }
  .lg\:text-7xl{
    font-size:4.5rem;
    line-height:1;
  }
}
@media (min-width: 1280px){
  .xl\:h-\[100px\]{
    height:100px;
  }
  .xl\:h-\[220px\]{
    height:220px;
  }
  .xl\:min-h-\[620px\]{
    min-height:620px;
  }
  .xl\:w-\[75px\]{
    width:75px;
  }
  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
  .xl\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }
  .xl\:grid-cols-\[100px_minmax\(0\2c 1fr\)\]{
    grid-template-columns:100px minmax(0,1fr);
  }
  .xl\:grid-cols-\[minmax\(0\2c 620px\)_minmax\(460px\2c 1fr\)\]{
    grid-template-columns:minmax(0,620px) minmax(460px,1fr);
  }
  .xl\:gap-10{
    gap:2.5rem;
  }
  .xl\:gap-2{
    gap:0.5rem;
  }
  .xl\:gap-3{
    gap:0.75rem;
  }
  .xl\:gap-5{
    gap:1.25rem;
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  -webkit-appearance:none;
          appearance:none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  -webkit-appearance:none;
          appearance:none;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events:none;
}
.\[\&_svg\]\:size-4 svg{
  width:1rem;
  height:1rem;
}
.\[\&_svg\]\:shrink-0 svg{
  flex-shrink:0;
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}