:root {  --primary: #ec84cd;  --primary-green: #00c14a;  --secondary: #5af0be;  --dark: #1a1a1a;  --light: #f8f8f8;  --accent: #6200ea;  --terciario: #f54500;}* {  margin: 0;  padding: 0;  box-sizing: border-box;  font-family: 'Montserrat', sans-serif;}body {  background-color: var(--dark);  color: var(--light);  overflow-x: hidden;}.container {  max-width: 1200px;  margin: 0 auto;  padding: 0 20px;}/* Header & Hero */header {  padding: 20px 0;  position: relative;}.logo {  font-size: 2.5rem;  font-weight: 800;  color: var(--primary);  text-transform: uppercase;  letter-spacing: -1px;}.logo span {  color: var(--secondary);}.hero {  min-height: 90vh;  display: flex;  flex-direction: column;  justify-content: center;  position: relative;  overflow: hidden;  padding: 60px 0;}.hero::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80') no-repeat center center/cover;  opacity: 0.2;  z-index: -1;}.hero-content {  max-width: 800px;}h1 {  font-size: 4rem;  line-height: 1.1;  margin-bottom: 30px;  font-weight: 900;}h1 span {  color: var(--primary);}.tagline {  font-size: 1.5rem;  margin-bottom: 40px;  font-weight: 300;}.cta-button {  display: inline-block;  background: var(--primary-green);  color: var(--dark);  padding: 15px 40px;  font-size: 1.2rem;  font-weight: 700;  border-radius: 50px;  text-decoration: none;  margin-right: 20px;  margin-bottom: 15px;  transition: all 0.3s ease;  border: 2px solid var(--primary-green);  text-transform: uppercase;  letter-spacing: 1px;  box-shadow: 0 10px 20px rgba(0, 200, 83, 0.3);}.cta-button:hover {  transform: translateY(-5px);  box-shadow: 0 15px 25px rgba(0, 200, 83, 0.4);}.cta-secondary {  background: transparent;  color: var(--primary);}.cta-secondary:hover {  background: var(--primary);  color: var(--dark);}/* Sections */.section {  padding: 100px 0;  position: relative;}.section-title {  font-size: 2.5rem;  margin-bottom: 50px;  text-align: center;  position: relative;  padding-bottom: 20px;}.section-title::after {  content: '';  position: absolute;  bottom: 0;  left: 50%;  transform: translateX(-50%);  width: 100px;  height: 4px;  background: var(--primary);}.value-props {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 40px;  margin-top: 60px;}.value-prop {  background: rgba(255, 255, 255, 0.05);  padding: 40px 30px;  border-radius: 15px;  transition: all 0.3s ease;  border: 1px solid rgba(255, 255, 255, 0.1);}.value-prop:hover {  transform: translateY(-10px);  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);  border-color: var(--primary);}.value-prop-icon {  font-size: 3rem;  color: var(--primary);  margin-bottom: 20px;}.value-prop h3 {  font-size: 1.5rem;  margin-bottom: 15px;  color: var(--light);}.value-prop p {  color: rgba(255, 255, 255, 0.7);  line-height: 1.6;}.market {  background: var(--dark);  position: relative;}.market::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: url('https://images.unsplash.com/photo-1505935428862-770b6f24f629?ixlib=rb-1.2.1&auto=format&fit=crop&w=1947&q=80') no-repeat center center/cover;  opacity: 0.1;  z-index: 0;}.stats {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 30px;  margin-top: 50px;  position: relative;  z-index: 1;}.stat {  text-align: center;  padding: 30px;  background: rgba(0, 0, 0, 0.5);  border-radius: 10px;  border: 1px solid rgba(255, 255, 255, 0.1);}.stat-number {  font-size: 2.5rem;  font-weight: 800;  color: var(--primary-green);  margin-bottom: 10px;}.stat-label {  font-size: 1rem;  color: rgba(255, 255, 255, 0.7);}.investment {  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);}.packages {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px;  margin-top: 50px;}.package {  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  overflow: hidden;  transition: all 0.3s ease;  border: 1px solid rgba(255, 255, 255, 0.1);}.package:hover {  transform: translateY(-10px);  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}.package-header {  background: var(--primary);  padding: 20px;  text-align: center;}.package-title {  font-size: 1.5rem;  color: var(--dark);  font-weight: 700;}.package-price {  font-size: 2.5rem;  font-weight: 800;  color: var(--dark);  margin: 10px 0;}.package-shares {  font-size: 1.2rem;  color: rgba(0, 0, 0, 0.7);  font-weight: 600;}.package-content {  padding: 30px;}.package-features {  list-style: none;  margin-bottom: 30px;}.package-features li {  margin-bottom: 15px;  padding-left: 30px;  position: relative;  color: rgba(255, 255, 255, 0.8);}.package-features li::before {  content: '✓';  position: absolute;  left: 0;  color: var(--primary);  font-weight: 700;}.package-button {  display: block;  background: var(--primary-green);  color: var(--dark);  text-align: center;  padding: 15px;  border-radius: 50px;  text-decoration: none;  font-weight: 700;  text-transform: uppercase;  letter-spacing: 1px;  transition: all 0.3s ease;}.package-button:hover {  background: var(--dark);  color: var(--primary);}.nft {  background: var(--dark);  position: relative;  overflow: hidden;}.nft::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: url('https://images.unsplash.com/photo-1639762681057-408e52192e55?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80') no-repeat center center/cover;  opacity: 0.1;  z-index: 0;}.nft-content {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 50px;  align-items: center;  position: relative;  z-index: 1;}.nft-image {  position: relative;  border-radius: 20px;  overflow: hidden;  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);}.nft-image img {  width: 100%;  height: auto;  display: block;}.nft-text h2 {  font-size: 2.5rem;  margin-bottom: 30px;  color: var(--light);}.nft-text p {  color: rgba(255, 255, 255, 0.7);  line-height: 1.8;  margin-bottom: 20px;  font-size: 1.1rem;}.nft-features {  list-style: none;  margin: 30px 0;}.nft-features li {  margin-bottom: 15px;  padding-left: 30px;  position: relative;  color: rgba(255, 255, 255, 0.8);}.nft-features li::before {  content: '✓';  position: absolute;  left: 0;  color: var(--primary);  font-weight: 700;}.urgency {  background: var(--terciario);  padding: 40px 0;  text-align: center;}.urgency-content {  max-width: 800px;  margin: 0 auto;}.urgency h2 {  font-size: 2rem;  margin-bottom: 20px;  color: var(--light);}.urgency p {  color: rgba(255, 255, 255, 0.9);  margin-bottom: 30px;  font-size: 1.2rem;}.countdown {  display: flex;  justify-content: center;  gap: 20px;  margin: 30px 0;}.countdown-item {  background: rgba(0, 0, 0, 0.3);  padding: 20px;  border-radius: 10px;  min-width: 100px;}.countdown-number {  font-size: 2.5rem;  font-weight: 800;  color: var(--light);}.countdown-label {  font-size: 0.9rem;  color: rgba(255, 255, 255, 0.7);  text-transform: uppercase;}.cta {  background: linear-gradient(135deg, var(--dark) 0%, #000 100%);  padding: 100px 0;  text-align: center;}.cta h2 {  font-size: 3rem;  margin-bottom: 30px;  color: var(--light);}.cta p {  color: rgba(255, 255, 255, 0.7);  margin-bottom: 40px;  font-size: 1.2rem;  max-width: 800px;  margin-left: auto;  margin-right: auto;}.payment-methods {  display: flex;  justify-content: center;  gap: 30px;  margin-top: 40px;  flex-wrap: wrap;}.payment-method {  background: rgba(255, 255, 255, 0.05);  padding: 20px;  border-radius: 10px;  min-width: 200px;  text-align: left;}.payment-method h4 {  font-size: 1.2rem;  margin-bottom: 15px;  color: var(--light);}.payment-method p {  font-size: 0.9rem;  color: rgba(255, 255, 255, 0.6);  word-break: break-all;  margin-bottom: 10px;}footer {  background: #000;  padding: 50px 0;  text-align: center;}.footer-content {  max-width: 600px;  margin: 0 auto;}.footer-logo {  font-size: 2rem;  font-weight: 800;  color: var(--primary);  margin-bottom: 20px;}.footer-text {  color: rgba(255, 255, 255, 0.5);  margin-bottom: 30px;  font-size: 0.9rem;}.social-links {  display: flex;  justify-content: center;  gap: 20px;  margin-bottom: 30px;}.social-link {  width: 40px;  height: 40px;  border-radius: 50%;  background: rgba(255, 255, 255, 0.1);  display: flex;  align-items: center;  justify-content: center;  color: var(--light);  text-decoration: none;  transition: all 0.3s ease;}.social-link:hover {  background: var(--primary);  color: var(--dark);}.social-links .fab {  color: var(--primary-green);  font-size: 1.2rem;}.copyright {  color: rgba(255, 255, 255, 0.3);  font-size: 0.8rem;}/* Modal de Copyright */#copyrightModalOverlay {  position: fixed;  top: 0; left: 0;  width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.75);  display: flex;  justify-content: center;  align-items: center;  z-index: 9999;  opacity: 0;  visibility: hidden;  transition: opacity 0.25s ease, visibility 0s linear 0.25s;}#copyrightModalOverlay.visible {  opacity: 1;  visibility: visible;  transition: opacity 0.25s ease, visibility 0s linear 0s;}.copyright-modal-content {  background-color: var(--light);  padding: 30px 35px;  border-radius: 15px;  text-align: center;  max-width: 90%;  width: 480px;  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);  transform: scale(0.95) translateY(10px);  transition: transform 0.25s ease-out;}#copyrightModalOverlay.visible .copyright-modal-content {  transform: scale(1) translateY(0);}.copyright-modal-content p {  font-size: 1.1rem;  line-height: 1.6;  margin-bottom: 25px;  color: var(--dark);}.copyright-modal-content button.cta-button {  padding: 10px 25px;  font-size: 1rem;}/* Chat Banner */#chat-banner {  position: fixed;  bottom: 90px;  right: 20px;  background: var(--primary-green);  color: #fff;  padding: 12px 18px 8px;  border-radius: 25px;  font-family: sans-serif;  font-size: 16px;  cursor: pointer;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);  z-index: 9999;  display: inline-flex;  flex-direction: column;  align-items: center;  transition: background 0.2s;}#chat-banner:hover {  background: var(--primary);}#chat-banner img.avatar {  width: 50px;  height: 50px;  object-fit: cover;  border-radius: 50%;  margin-bottom: 6px;  border: 2px solid #fff;}#chat-banner .text-container {  display: inline-flex;  align-items: center;}#chat-banner .down-arrow {  display: inline-block;  margin-left: 8px;  font-size: 20px;  animation: bounce 1.5s infinite;}@keyframes bounce {  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }  40% { transform: translateY(-6px); }  60% { transform: translateY(-3px); }}/* RESPONSIVE DESIGN - MÓVILES *//* Tablets */@media (max-width: 768px) {  .logo {    font-size: 2rem;  }    h1 {    font-size: 2.8rem;  }    .tagline {    font-size: 1.3rem;  }    .nft-content {    grid-template-columns: 1fr;    gap: 30px;  }    .countdown {    gap: 15px;  }    .countdown-item {    min-width: 80px;    padding: 15px;  }}/* Móviles */@media (max-width: 480px) {  .container {    padding: 0 15px;  }    /* Header más pequeño en móviles */  .logo {    font-size: 1.8rem;  }    /* Hero más legible en móviles */  h1 {    font-size: 2.2rem;    line-height: 1.2;    margin-bottom: 20px;  }    .tagline {    font-size: 1.1rem;    margin-bottom: 30px;  }    /* Botones mejor espaciados en móviles */  .cta-button {    display: block;    width: 100%;    margin-right: 0;    margin-bottom: 15px;    padding: 18px 30px;    font-size: 1.1rem;    text-align: center;  }    .cta-secondary {    margin-bottom: 10px;  }    /* Secciones con menos padding */  .section {    padding: 60px 0;  }    .section-title {    font-size: 2rem;    margin-bottom: 30px;  }    /* Ajustes de paquetes */  .package-header, .package-content {    padding: 15px;  }    .package-title {    font-size: 1.2rem;  }    .package-price {    font-size: 2rem;  }    /* Stats más pequeñas */  .stat-number {    font-size: 2rem;  }    .stat-label, .payment-method h4 {    font-size: 0.9rem;  }    /* Footer ajustado */  .footer-logo {    font-size: 1.5rem;  }    .footer-text, .copyright {    font-size: 0.8rem;  }    /* CTA principal más pequeño */  .cta h2 {    font-size: 2.2rem;  }    .cta p {    font-size: 1rem;  }    /* Countdown más compacto */  .countdown {    gap: 10px;    flex-wrap: wrap;  }    .countdown-item {    min-width: 70px;    padding: 12px 8px;  }    .countdown-number {    font-size: 1.8rem;  }    .countdown-label {    font-size: 0.8rem;  }    /* NFT text más legible */  .nft-text h2 {    font-size: 2rem;  }    .nft-text p {    font-size: 1rem;  }    /* Urgency más compacta */  .urgency h2 {    font-size: 1.6rem;  }    .urgency p {    font-size: 1rem;  }}