Para que tu web en DonWeb (o cualquier plataforma) tenga ese aspecto Premium, Corporativo y de Alta Gama que diseñamos con Stitch, necesitás una hoja de estilos centralizada.

Este código CSS define los colores exactos, las tipografías limpias y el estilo de "tarjetas" con bordes redondeados.

Hoja de Estilo (CSS) para Kyro Travel
Copia y pega este código en la sección de "Configuración Avanzada" > "CSS Personalizado" de tu constructor en DonWeb:

CSS

/* 1. CONFIGURACIÓN GENERAL Y COLORES */
:root {
  --azul-profundo: #0A192F;
  --naranja-kyro: #F58220;
  --blanco-puro: #FFFFFF;
  --gris-suave: #F8F9FA;
  --texto-gris: #A8B2D1;
}

body {
  background-color: var(--azul-profundo);
  color: var(--blanco-puro);
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
}

/* 2. DISEÑO DEL HEADER Y MENÚ */
header {
  background-color: rgba(10, 25, 47, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-link {
  color: var(--blanco-puro) !important;
  font-weight: 500;
  transition: 0.3s;
}

.nav-link:hover {
  color: var(--naranja-kyro) !important;
}

/* 3. BOTONES DE ACCIÓN (CTA) */
.btn-primary-kyro {
  background-color: var(--naranja-kyro) !important;
  border: none !important;
  color: white !important;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: bold;
  text-transform: uppercase;
  transition: transform 0.2s ease;
}

.btn-primary-kyro:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(245, 130, 32, 0.3);
}

/* 4. TARJETAS DE SERVICIOS Y CASOS DE ÉXITO */
.card-kyro {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 2rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px); /* Efecto Glassmorphism */
}

.card-kyro:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--naranja-kyro);
  transform: scale(1.02);
}

/* 5. SECCIÓN COMPARATIVA (TABLA) */
.tabla-comparativa {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.tabla-comparativa th {
  background-color: var(--naranja-kyro);
  color: white;
  padding: 15px;
  text-align: center;
}

.tabla-comparativa td {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* 6. PIE DE PÁGINA (FOOTER) */
footer {
  background-color: #050C16;
  padding: 4rem 0 2rem;
  border-top: 2px solid var(--naranja-kyro);
}

.footer-info {
  font-size: 0.9rem;
  color: var(--texto-gris);
}

/* 7. RESPONSIVE (MÓVILES) */
@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  .card-kyro { margin-bottom: 20px; }
}